@charset "UTF-8";
*, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
input[type="range"]::-webkit-slider-thumb{
    height: 1rem;
    width: 1rem;
    background: #3B71CA;
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
input[type="range"]:disabled::-webkit-slider-thumb{
    background: #a3a3a3;
}
input[type="range"]:disabled:focus::-webkit-slider-thumb{
    background: #a3a3a3;
}
input[type="range"]:disabled:active::-webkit-slider-thumb{
    background: #a3a3a3;
}
input[type="range"]::-moz-range-thumb{
    height: 1rem;
    width: 1rem;
    background: #3B71CA;
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
input[type="range"]:disabled::-moz-range-thumb{
    background: #a3a3a3;
}
input[type="range"]::-moz-range-progress{
    background: #3061AF;
}
input[type="range"]::-ms-fill-lower{
    background: #3061AF;
}
input[type="range"]:focus{
    outline: none;
}
input[type="range"]:focus::-webkit-slider-thumb{
    background: #3061AF;
}
input[type="range"]:active::-webkit-slider-thumb{
    background: #285192;
}
*,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
  }
body{
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.button {
    all: unset; /* Самый радикальный сброс */
    display: inline-block;
    cursor: pointer;
  }
.h-default {
    font-family: "Arsenal", serif;
  }
h1 {
    font-family: "Arsenal", serif;
    margin-bottom: 1.5rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
h2 {
    font-family: "Arsenal", serif;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
h3{
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.page-section{
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}
@media (min-width: 640px){
    .page-section{
        max-width: 100%;
    }
}
@media (min-width: 768px){
    .page-section{
        max-width: 100%;
        padding-left: 6rem;
        padding-right: 6rem;
    }
}
@media (min-width: 1024px){
    .page-section{
        max-width: 1280px;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
.page-section{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
@media (min-width: 1024px){
    .page-section{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}
.page-section-unindented{
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}
@media (min-width: 640px){
    .page-section-unindented{
        max-width: 100%;
    }
}
@media (min-width: 768px){
    .page-section-unindented{
        max-width: 100%;
        padding-left: 6rem;
        padding-right: 6rem;
    }
}
@media (min-width: 1024px){
    .page-section-unindented{
        max-width: 1280px;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
h1.section-heading, .section-heading-1 {
    font-family: "Arsenal", serif;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.025em;
  }
@media (min-width: 640px){
    h1.section-heading, .section-heading-1{
        line-height: 1;
    }
}
@media (min-width: 1024px){
    h1.section-heading, .section-heading-1{
        font-size: 3rem;
        line-height: 1;
    }
}
h2.section-heading, .section-heading-2 {
    font-family: "Arsenal", serif;
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1.25;
    letter-spacing: -0.025em;
    --tw-text-opacity: 1;
    color: rgb(var(--color-700) / var(--tw-text-opacity, 1));
  }
@media (min-width: 640px){
    h2.section-heading, .section-heading-2{
        line-height: 1;
    }
}
@media (min-width: 1024px){
    h2.section-heading, .section-heading-2{
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}
h3.section-heading, .section-heading-3 {
    font-family: "Arsenal", serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.025em;
    --tw-text-opacity: 1;
    color: rgb(var(--color-700) / var(--tw-text-opacity, 1));
  }
@media (min-width: 640px){
    h3.section-heading, .section-heading-3{
        line-height: 1;
    }
}
@media (min-width: 1024px){
    h3.section-heading, .section-heading-3{
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
h4.section-heading, .section-heading-4 {
    font-family: "Arsenal", serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.025em;
  }
@media (min-width: 640px){
    h4.section-heading, .section-heading-4{
        line-height: 1;
    }
}
@media (min-width: 1024px){
    h4.section-heading, .section-heading-4{
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}
h5.section-heading, .section-heading-5 {
    font-family: "Arsenal", serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.025em;
  }
@media (min-width: 640px){
    h5.section-heading, .section-heading-5{
        line-height: 1;
    }
}
@media (min-width: 1024px){
    h5.section-heading, .section-heading-5{
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
.header-hero-section .site-header{
    background-color: transparent;
}
.homepage-header-wrapper{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.homepage-header-wrapper a{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.homepage-header-wrapper .site-header{
    background-color: transparent;
}
.homepage-header-wrapper .site-heading{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
@media (min-width: 320px){
    .container{
        max-width: 320px;
    }
}
@media (min-width: 640px){
    .container{
        max-width: 640px;
    }
}
@media (min-width: 768px){
    .container{
        max-width: 768px;
    }
}
@media (min-width: 1024px){
    .container{
        max-width: 1024px;
    }
}
@media (min-width: 1280px){
    .container{
        max-width: 1280px;
    }
}
@media (min-width: 1536px){
    .container{
        max-width: 1536px;
    }
}
.aspect-h-9{
    --tw-aspect-h: 9;
}
.aspect-w-16{
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}
.aspect-w-16 > *{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.button{
    display: inline-flex;
    height: 3rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-accent-400) / var(--tw-bg-opacity, 1));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-weight: 500;
    letter-spacing: 0.025em;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}
.button:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-accent-700) / var(--tw-bg-opacity, 1));
}
.button:focus{
    --tw-shadow: 0 0 0 3px rgba(101, 31, 255, 0.4);
    --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px;
}
button{
    padding: 0px;
}
.btn{
    border-radius: 0.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.5;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-xs{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
}
.nav-mainmenu-wrapper{
    margin-left: auto;
    margin-right: auto;
    display: none;
    padding-top: 0px;
    padding-bottom: 0px;
}
@media (min-width: 1024px){
    .nav-mainmenu-wrapper{
        display: block;
    }
}
.nav-mainmenu-mobile{
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.nav-mainmenu-mobile a{
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.nav-mainmenu-mobile a:hover{
    color: rgb(55 65 81 / 0.7);
}
.nav-mainmenu-mobile ul{
    list-style-type: none;
}
@media (min-width: 1024px){
    .menu-mobile-wrapper{
        display: none;
    }
}
.menu-mobile-button{
    border-radius: 0.5rem;
    background-color: transparent;
    padding: 1rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}
.menu-mobile-button:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-50) / var(--tw-bg-opacity, 1));
}
.menu-mobile-button:focus{
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-50) / var(--tw-bg-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.menu-mobile-button-light{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.menu-mobile-button-light:hover{
    background-color: rgb(255 255 255 / 0.2);
}
.menu-mobile-button-light:focus{
    background-color: rgb(255 255 255 / 0.2);
}
.menu-mobile{
    visibility: hidden;
    position: fixed;
    bottom: 0px;
    left: 0px;
    top: 0px;
    z-index: 1045;
    display: flex;
    width: 91.666667%;
    max-width: 100%;
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    flex-direction: column;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    background-clip: padding-box;
    --tw-text-opacity: 1;
    color: rgb(64 64 64 / var(--tw-text-opacity, 1));
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px){
    .menu-mobile{
        width: 66.666667%;
    }
}
@media (min-width: 1024px){
    .menu-mobile{
        width: 50%;
    }
}
.menu-mobile a{
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.menu-mobile a:hover{
    color: rgb(55 65 81 / 0.7);
}
.menu-mobile ul{
    list-style-type: none;
}
.menu-mobile__drawer{
    flex-grow: 1;
    overflow-y: auto;
    padding: 1.5rem;
    padding-top: 5rem;
}
.menu-mobile__drawer-header{
    margin-bottom: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu-mobile__drawer-header .lead{
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.menu-mobile__drawer-header .title{
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.menu-mobile__drawer-btnClose{
    margin-top: -0.5rem;
    margin-right: -0.5rem;
    border-radius: 0.25rem;
    padding: 0.5rem;
    line-height: 1;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}
.menu-mobile__drawer-btnClose:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.menu-mobile__drawer-btnClose:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px;
}
/* @import 'components/forms';
  @import 'components/footer';
  @import 'components/cards';
  @import 'components/patterns';
  @import 'components/wysiwyg';
  @import 'components/slider';
  @import 'components/tags'; */
.sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.fixed{
    position: fixed;
}
.absolute{
    position: absolute;
}
.relative{
    position: relative;
}
.sticky{
    position: sticky;
}
.inset-0{
    inset: 0px;
}
.left-4{
    left: 1rem;
}
.right-4{
    right: 1rem;
}
.top-4{
    top: 1rem;
}
.z-\[-1\]{
    z-index: -1;
}
.order-1{
    order: 1;
}
.order-2{
    order: 2;
}
.col-span-12{
    grid-column: span 12 / span 12;
}
.mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}
.\!mb-0{
    margin-bottom: 0px !important;
}
.mb-12{
    margin-bottom: 3rem;
}
.mb-2{
    margin-bottom: 0.5rem;
}
.mb-3{
    margin-bottom: 0.75rem;
}
.mb-4{
    margin-bottom: 1rem;
}
.mb-5{
    margin-bottom: 1.25rem;
}
.mb-6{
    margin-bottom: 1.5rem;
}
.mb-8{
    margin-bottom: 2rem;
}
.ml-1{
    margin-left: 0.25rem;
}
.ml-2{
    margin-left: 0.5rem;
}
.ml-3{
    margin-left: 0.75rem;
}
.mr-1{
    margin-right: 0.25rem;
}
.mt-1{
    margin-top: 0.25rem;
}
.mt-10{
    margin-top: 2.5rem;
}
.mt-2{
    margin-top: 0.5rem;
}
.mt-20{
    margin-top: 5rem;
}
.mt-4{
    margin-top: 1rem;
}
.mt-5{
    margin-top: 1.25rem;
}
.mt-6{
    margin-top: 1.5rem;
}
.mt-8{
    margin-top: 2rem;
}
.line-clamp-3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.block{
    display: block;
}
.inline-block{
    display: inline-block;
}
.flex{
    display: flex;
}
.inline-flex{
    display: inline-flex;
}
.grid{
    display: grid;
}
.hidden{
    display: none;
}
.h-10{
    height: 2.5rem;
}
.h-32{
    height: 8rem;
}
.h-4{
    height: 1rem;
}
.h-48{
    height: 12rem;
}
.h-56{
    height: 14rem;
}
.h-6{
    height: 1.5rem;
}
.h-full{
    height: 100%;
}
.w-10{
    width: 2.5rem;
}
.w-3{
    width: 0.75rem;
}
.w-32{
    width: 8rem;
}
.w-4{
    width: 1rem;
}
.w-5{
    width: 1.25rem;
}
.w-6{
    width: 1.5rem;
}
.w-\[200px\]{
    width: 200px;
}
.w-full{
    width: 100%;
}
.max-w-3xl{
    max-width: 48rem;
}
.max-w-7xl{
    max-width: 80rem;
}
.max-w-lg{
    max-width: 32rem;
}
.max-w-md{
    max-width: 28rem;
}
.max-w-none{
    max-width: none;
}
.max-w-xl{
    max-width: 36rem;
}
.transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize{
    resize: both;
}
.grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col{
    flex-direction: column;
}
.flex-col-reverse{
    flex-direction: column-reverse;
}
.flex-wrap{
    flex-wrap: wrap;
}
.items-start{
    align-items: flex-start;
}
.items-center{
    align-items: center;
}
.justify-center{
    justify-content: center;
}
.justify-between{
    justify-content: space-between;
}
.gap-10{
    gap: 2.5rem;
}
.gap-12{
    gap: 3rem;
}
.gap-2{
    gap: 0.5rem;
}
.gap-4{
    gap: 1rem;
}
.gap-6{
    gap: 1.5rem;
}
.gap-8{
    gap: 2rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.overflow-hidden{
    overflow: hidden;
}
.rounded{
    border-radius: 0.25rem;
}
.rounded-full{
    border-radius: 9999px;
}
.rounded-lg{
    border-radius: 0.5rem;
}
.rounded-md{
    border-radius: 0.375rem;
}
.border{
    border-width: 1px;
}
.border-t{
    border-top-width: 1px;
}
.border-gray-300{
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-theme-main\/20{
    border-color: rgb(var(--color-main) / 0.2);
}
.bg-\[\#f6e9da\]{
    --tw-bg-opacity: 1;
    background-color: rgb(246 233 218 / var(--tw-bg-opacity, 1));
}
.bg-\[rgb\(var\(--color-200\)\)\]{
    background-color: rgb(var(--color-200));
}
.bg-black{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-gray-100{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200{
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-50{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-900{
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-pink-100{
    --tw-bg-opacity: 1;
    background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
}
.bg-pink-600{
    --tw-bg-opacity: 1;
    background-color: rgb(219 39 119 / var(--tw-bg-opacity, 1));
}
.bg-theme-400\/10{
    background-color: rgb(var(--color-400) / 0.1);
}
.bg-theme-gold-200\/50{
    background-color: rgb(var(--color-gold-200) / 0.5);
}
.bg-theme-gold-200\/70{
    background-color: rgb(var(--color-gold-200) / 0.7);
}
.bg-theme-main{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-main) / var(--tw-bg-opacity, 1));
}
.bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-opacity-30{
    --tw-bg-opacity: 0.3;
}
.bg-opacity-75{
    --tw-bg-opacity: 0.75;
}
.bg-opacity-90{
    --tw-bg-opacity: 0.9;
}
.bg-cover{
    background-size: cover;
}
.bg-center{
    background-position: center;
}
.fill-current{
    fill: currentColor;
}
.object-cover{
    -o-object-fit: cover;
       object-fit: cover;
}
.\!p-0{
    padding: 0px !important;
}
.p-1{
    padding: 0.25rem;
}
.p-2{
    padding: 0.5rem;
}
.p-20{
    padding: 5rem;
}
.p-4{
    padding: 1rem;
}
.\!px-0{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-4{
    padding-left: 1rem;
    padding-right: 1rem;
}
.py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.py-1\.5{
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
.py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.pb-10{
    padding-bottom: 2.5rem;
}
.pt-16{
    padding-top: 4rem;
}
.pt-2{
    padding-top: 0.5rem;
}
.pt-5{
    padding-top: 1.25rem;
}
.pt-8{
    padding-top: 2rem;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.text-base{
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
}
.font-bold{
    font-weight: 700;
}
.font-extrabold{
    font-weight: 800;
}
.font-medium{
    font-weight: 500;
}
.font-semibold{
    font-weight: 600;
}
.uppercase{
    text-transform: uppercase;
}
.leading-6{
    line-height: 1.5rem;
}
.leading-normal{
    line-height: 1.5;
}
.leading-tight{
    line-height: 1.25;
}
.tracking-tight{
    letter-spacing: -0.025em;
}
.tracking-wide{
    letter-spacing: 0.025em;
}
.tracking-wider{
    letter-spacing: 0.05em;
}
.\!text-gray-700{
    --tw-text-opacity: 1 !important;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important;
}
.text-blue-600{
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-gray-400{
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600{
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700{
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800{
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900{
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-indigo-200{
    --tw-text-opacity: 1;
    color: rgb(199 210 254 / var(--tw-text-opacity, 1));
}
.text-pink-600{
    --tw-text-opacity: 1;
    color: rgb(219 39 119 / var(--tw-text-opacity, 1));
}
.text-pink-700{
    --tw-text-opacity: 1;
    color: rgb(190 24 93 / var(--tw-text-opacity, 1));
}
.text-theme-600{
    --tw-text-opacity: 1;
    color: rgb(var(--color-600) / var(--tw-text-opacity, 1));
}
.text-theme-700{
    --tw-text-opacity: 1;
    color: rgb(var(--color-700) / var(--tw-text-opacity, 1));
}
.text-theme-accent-400{
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent-400) / var(--tw-text-opacity, 1));
}
.text-theme-accent-700{
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent-700) / var(--tw-text-opacity, 1));
}
.text-theme-gold-200{
    --tw-text-opacity: 1;
    color: rgb(var(--color-gold-200) / var(--tw-text-opacity, 1));
}
.text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline{
    text-decoration-line: underline;
}
.\!no-underline{
    text-decoration-line: none !important;
}
.opacity-100{
    opacity: 1;
}
.opacity-30{
    opacity: 0.3;
}
.shadow{
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.transition-all{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-colors{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-shadow{
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-transform{
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.duration-200{
    transition-duration: 200ms;
}
.duration-300{
    transition-duration: 300ms;
}
.duration-700{
    transition-duration: 700ms;
}
.ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.section-principles{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 1rem;
}
@media (min-width: 768px){
    .section-principles{
        justify-content: space-between;
        gap: 2.5rem;
    }
}
.section-principles__item{
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 1rem;
}
@media (min-width: 768px){
    .section-principles__item{
        display: grid;
        flex: 1 1 0%;
        justify-items: center;
        gap: 1rem;
        text-align: center;
    }
}
.section-principles__item .item-icon-wrapper{
    flex-shrink: 0;
    border-radius: 9999px;
    background-color: rgb(var(--color-gold-200) / 0.3);
    padding: 0.75rem;
}
@media (min-width: 768px){
    .section-principles__item .item-icon-wrapper{
        padding: 1rem;
    }
}
.section-principles__item .item-icon-wrapper img{
    height: 2.5rem;
    width: 2.5rem;
}
@media (min-width: 768px){
    .section-principles__item .item-icon-wrapper img{
        height: 3rem;
        width: 3rem;
    }
}
.section-principles__item .item-content-wrapper{
    flex: 1 1 0%;
}
@media (min-width: 768px){
    .section-principles__item .item-content-wrapper{
        display: contents;
    }
    .section-principles__item .item-content-wrapper .item-content{
        text-align: center;
    }
}
.section-principles__item .item-content-wrapper .item-content-title {
    font-family: "Arsenal", serif;
    margin-bottom: 0px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
  }
@media (min-width: 768px){
    .section-principles__item .item-content-wrapper .item-content-title{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}
.section-principles__item .item-content-wrapper .item-content-text{
    margin-top: 0px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(var(--color-800) / var(--tw-text-opacity, 1));
}
@media (min-width: 768px){
    .section-principles__item .item-content-wrapper .item-content-text{
        margin-top: 0.5rem;
    }
}
.posts-container{
    margin-left: auto;
    margin-right: auto;
    max-width: 80rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.posts-container .posts-grid{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
}
@media (min-width: 640px){
    .posts-container .posts-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (min-width: 1024px){
    .posts-container .posts-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.posts-container .posts-grid .post-excerpt{
    display: flex;
    height: 100%;
    flex-direction: column;
}
.posts-container .post-excerpt{
    margin-left: auto;
    margin-right: auto;
    max-width: 42rem;
}
.post-excerpt{
    overflow: hidden;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.post-excerpt .post-featured-image{
    position: relative;
}
.post-excerpt .post-featured-image .image-overlay{
    position: absolute;
    inset: 0px;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 0.2;
}
.post-excerpt .entry-title a{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}
.post-excerpt .entry-excerpt{
    line-height: 1.625;
}
.post-excerpt .more-link{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}
.post-excerpt .more-link svg{
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}
.post-excerpt .more-link:hover svg{
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.post-excerpt:hover{
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transform: translateY(-2px);
    transition: all 0.3s ease;
}
@media (max-width: 640px) {
    .post-excerpt .post-featured-image{
        height: 10rem;
    }
  }
.entry-content{
    font-size: 1rem;
    line-height: 1.5rem;
}
/* Override Tailwinds colors */
body {
  /* Основная нейтральная палитра (теплый музейный беж) */
  --color-main: 198 180 158; /* #c6b49e */
  --color-50: 248 245 240; /* #f8f5f0 */
  --color-100: 238 232 224; /* #eee8e0 */
  --color-200: 224 214 201; /* #e0d6c9 */
  --color-300: 208 195 178; /* #d0c3b2 */
  --color-400: 198 180 158; /* #c6b49e */
  --color-500: 176 157 132; /* #b09d84 */
  --color-600: 150 129 105; /* #968169 */
  --color-700: 122 102 83; /* #7a6653 */
  --color-800: 92 77 63; /* #5c4d3f */
  --color-900: 63 52 43; /* #3f342b */
  --color-950: 38 31 25; /* #261f19 */
  /* Акцент 1 — выцветший бордо (кнопки, важные слова) */
  --color-accent-100: 239 227 223; /* #efe3df */
  --color-accent-200: 206 160 150; /* #cea096 */
  --color-accent-400: 155 86 76; /* #9b564c */
  --color-accent-700: 92 46 40; /* #5c2e28 */
  /* Акцент 2 — приглушённое золото (hover, детали) */
  --color-gold-200: 223 201 158; /* #dfc99e */
  --color-gold-400: 193 165 105; /* #c1a569 */
  --color-gold-600: 148 120 72; /* #947848 */
}

.page-title {
    font-family: "Arsenal", serif;
    margin-bottom: 0px;
  font-family: "Arsenal", sans-serif;
  }

.storefront-breadcrumb{
    margin-bottom: 1rem;
    background-color: rgb(var(--color-gold-200) / 0.5);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.woocommerce-info{
    align-items: center;
}

.storefront-sorting{
    display: flex;
    justify-content: space-between;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
    padding: 1rem;
}

.storefront-full-width-content .woocommerce-products-header{
    margin-bottom: 0px;
    padding-bottom: 2rem;
}

.storefront-product-section{
    padding-top: 4rem;
}

.woocommerce-Tabs-panel--description{
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.woocommerce-Tabs-panel--description p{
    margin-bottom: 0.5rem;
}

.single-product div.product p.price{
    margin-top: 0px;
    margin-bottom: 1rem;
}
.single-product div.product p.price .woocommerce-Price-amount {
  font-family: "Arsenal", sans-serif;
}
.single-product div.product p.price .amount{
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.single-product div.product p.price del .amount{
    margin-right: 0.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.uniqly-static .product_title{
    margin-bottom: 0.5rem;
}
.uniqly-static .product-description p{
    margin-bottom: 0.5rem;
}

.uniqly-layout .nav-mainmenu-mobile ul{
    margin: 0px;
    list-style-type: none;
}
.uniqly-layout .nav-mainmenu-mobile ul li{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.uniqly-layout .site-title a, .uniqly-layout .site-branding h1 a, .uniqly-layout button.menu-toggle, .uniqly-layout button.menu-toggle:hover, .uniqly-layout .handheld-navigation .dropdown-toggle{
    color: rgb(255 255 255 / 0.8);
}
.uniqly-layout .site-branding {
    font-family: "Arsenal", serif;
    margin: 0px;
    width: auto;
    font-size: 1.5rem;
    line-height: 2rem;
  }
.uniqly-layout .site-branding .site-title a{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.uniqly-layout ul.products li.product{
    height: 100%;
}
.uniqly-layout ul.products li.product .button{
    height: 1.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-accent-700) / var(--tw-border-opacity, 1));
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(var(--color-accent-700) / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--color-accent-700) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(var(--color-accent-700) / 1) var(--tw-gradient-to-position);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 1.25;
}
.uniqly-layout ul.products li.outofstock .button{
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
    background-image: none;
}
.uniqly-layout .products li.product .price{
    margin-bottom: 0px;
}
.uniqly-layout .products .amount{
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 800;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.uniqly-layout .products del {
  text-decoration: none !important;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.uniqly-layout .products del .amount{
    margin-right: 0.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
    text-decoration-line: line-through;
}
.uniqly-layout .product .product-description{
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.uniqly-layout .site-header{
    padding-top: 0px;
    padding-bottom: 0px;
}
.uniqly-layout .site-header .primary-navigation ul.menu, .uniqly-layout .site-header .primary-navigation ul.nav-menu{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-left: 0.25rem;
}
.uniqly-layout .site-header .primary-navigation ul li a{
    padding: 0.5rem;
    color: rgb(255 255 255 / 0.8);
}
.uniqly-layout .site-header .primary-navigation ul.menu li.current-menu-item > a{
    background-color: rgb(255 255 255 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.uniqly-layout .site-header .main-navigation{
    width: 100%;
}
.uniqly-layout .site-header .site-header-cart{
    width: 100%;
}
.uniqly-layout .site-header .site-search{
    margin: 0px;
    width: 100%;
}
.uniqly-layout .site-header .site-search .widget{
    margin: 0px;
}
.uniqly-layout .site-header .cart-contents{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.uniqly-layout .site-header .cart-contents a{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.uniqly-layout .site-main{
    margin-top: 2rem;
    margin-bottom: 0px;
}
.uniqly-layout .site-footer{
    margin: 0px;
    background-color: transparent;
    background-image: none;
    padding: 0px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-700) / var(--tw-text-opacity, 1));
}
.uniqly-layout .site-footer .uniqly-brand-title{
    margin-bottom: 0.5rem;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent-700) / var(--tw-text-opacity, 1));
}
.uniqly-layout .site-footer .uniqly-subtitle{
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(var(--color-700) / var(--tw-text-opacity, 1));
}
.uniqly-layout .site-footer .footer-widgets{
    margin: 0px;
    padding: 0px;
    padding-top: 2.5rem;
}
.uniqly-layout .site-footer .footer-widget-4 .widget{
    margin-bottom: 0.25rem;
}
.uniqly-layout .site-footer .widget_block:has(.wp-block-heading){
    margin-bottom: 0.5rem;
}
.uniqly-layout .wc-block-product-template{
    margin-left: 0px;
}
.uniqly-layout h2.wp-block-heading{
    font-size: 1.5rem;
    line-height: 2rem;
}
.uniqly-layout .uniqly-list-grid{
    margin: 0px;
    display: grid;
    list-style-type: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
@media (min-width: 768px){
    .uniqly-layout .uniqly-list-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.uniqly-layout .uniqly-list-grid li{
    margin-bottom: 1rem;
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
    padding: 1rem;
}

.uniqly-layout-homepage .site-main{
    margin-top: 0px;
    margin-bottom: 0px;
}

.woocommerce-active ul.products li.product img{
    margin-bottom: 0px;
}

.storefront-full-width-content.single-product div.product .woocommerce-product-gallery{
    width: 100%;
}

.site-header{
    background-size: cover;
}

.hover\:-translate-y-1:hover{
    --tw-translate-y: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover{
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:bg-opacity-100:hover{
    --tw-bg-opacity: 1;
}

.hover\:text-blue-600:hover{
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-800:hover{
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.hover\:text-pink-600:hover{
    --tw-text-opacity: 1;
    color: rgb(219 39 119 / var(--tw-text-opacity, 1));
}

.hover\:text-theme-800:hover{
    --tw-text-opacity: 1;
    color: rgb(var(--color-800) / var(--tw-text-opacity, 1));
}

.hover\:text-theme-accent-400:hover{
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent-400) / var(--tw-text-opacity, 1));
}

.hover\:opacity-70:hover{
    opacity: 0.7;
}

.hover\:shadow-xl:hover{
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.focus\:ring-2:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-pink-500:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(236 72 153 / var(--tw-ring-opacity, 1));
}

.focus\:ring-offset-2:focus{
    --tw-ring-offset-width: 2px;
}

.group:hover .group-hover\:scale-105{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:text-theme-800{
    --tw-text-opacity: 1;
    color: rgb(var(--color-800) / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-theme-accent-400{
    --tw-text-opacity: 1;
    color: rgb(var(--color-accent-400) / var(--tw-text-opacity, 1));
}

.data-\[twe-offcanvas-show\]\:transform-none[data-twe-offcanvas-show]{
    transform: none;
}

@media (min-width: 640px){
    .sm\:col-span-2{
        grid-column: span 2 / span 2;
    }
    .sm\:h-96{
        height: 24rem;
    }
    .sm\:max-w-xl{
        max-width: 36rem;
    }
    .sm\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:flex-row{
        flex-direction: row;
    }
    .sm\:space-x-5 > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse: 0;
        margin-right: calc(1.25rem * var(--tw-space-x-reverse));
        margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }
    .sm\:text-3xl{
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .sm\:text-4xl{
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .sm\:leading-none{
        line-height: 1;
    }
}

@media (min-width: 768px){
    .md\:order-1{
        order: 1;
    }
    .md\:order-2{
        order: 2;
    }
    .md\:col-span-3{
        grid-column: span 3 / span 3;
    }
    .md\:col-span-9{
        grid-column: span 9 / span 9;
    }
    .md\:max-w-full{
        max-width: 100%;
    }
    .md\:grid-cols-12{
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .md\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:p-6{
        padding: 1.5rem;
    }
    .md\:px-24{
        padding-left: 6rem;
        padding-right: 6rem;
    }
    .md\:text-center{
        text-align: center;
    }
    .md\:text-2xl{
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .md\:text-lg{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 1024px){
    .lg\:col-span-4{
        grid-column: span 4 / span 4;
    }
    .lg\:col-span-8{
        grid-column: span 8 / span 8;
    }
    .lg\:mb-0{
        margin-bottom: 0px;
    }
    .lg\:hidden{
        display: none;
    }
    .lg\:max-w-screen-xl{
        max-width: 1280px;
    }
    .lg\:max-w-sm{
        max-width: 24rem;
    }
    .lg\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:flex-row{
        flex-direction: row;
    }
    .lg\:px-8{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .lg\:pr-10{
        padding-right: 2.5rem;
    }
    .lg\:text-3xl{
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

@media (min-width: 1280px){
    .xl\:col-span-4{
        grid-column: span 4 / span 4;
    }
    .xl\:col-span-8{
        grid-column: span 8 / span 8;
    }
    .xl\:mb-0{
        margin-bottom: 0px;
    }
    .xl\:w-5\/12{
        width: 41.666667%;
    }
    .xl\:w-7\/12{
        width: 58.333333%;
    }
    .xl\:flex-row{
        flex-direction: row;
    }
    .xl\:px-8{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .xl\:pr-16{
        padding-right: 4rem;
    }
}

.\[\&\>svg\]\:h-6>svg{
    height: 1.5rem;
}

.\[\&\>svg\]\:w-6>svg{
    width: 1.5rem;
}