:root {
    --playFair: 'Playfair Display', serif!important;
    --inter: 'Inter', sans-serif!important;
}

* {
    box-sizing: border-box!important;
    margin: 0;
}

html {
    overflow-x: hidden;
}

body {
    font-family: var(--playFair)!important;
    /*background-color: #F6F4EF!important;*/
    /*color: #222222 !important;*/
    background-color: #FFF!important;
    color: #000000 !important;
}

html:not(.Stronaglowna) div.content {
    padding: 20px 0!important;
}

#spin .spinner div {
    background-color: #146152 !important;
}

.price {
    font-family: var(--inter) !important;
}

h1 {
    font-size: 36px!important;
    font-weight: 700!important;
    color: #146152!important;
    margin-bottom: 10px!important;
}

h2 {
    font-size: 30px!important;
    font-weight: 600!important;
    line-height: 1.3!important;
    color: #146152!important;
}

h3 {
    color: #146152!important;
}

p {
    font-size: 16px!important;
    font-weight: 400!important;
    /*color: #222222 !important;*/
    color: #000000 !important;
    margin-bottom: 20px!important;
}

div.buttonContainer {
    display: flex!important;
    flex-direction: row!important;
    justify-content: flex-start!important;
    align-items: center!important;
    width: 100%!important;
}

div.buttonContainer a.button {
    border-radius: 20px!important;
    padding: 8px 22px!important;
    background: linear-gradient(to bottom, #15221A 20%, #0E1510 50%, #15221A 80%)!important;
    overflow: hidden!important;
    text-decoration: none!important;
}

div.buttonContainer a.button span {
    text-decoration: none!important;
    font-size: 18px!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background: linear-gradient(to bottom, #F7CC86 45%, #865806 60%)!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
}

a.goldenButton {
    background:
            linear-gradient(
                    to bottom,
                    rgba(255,255,255,.35) 0%,
                    rgba(255,255,255,0) 100%
            ),
            linear-gradient(
                    25deg,
                    #9F7A27 0%,
                    #C9A24D 55%,
                    #EED48A 100%
            )!important;
    border-radius: 999px!important;
    padding: 10px 20px!important;
    text-decoration: none!important;
    text-shadow: 1px 0px 1px rgba(255,255,255, .3)!important;
    overflow: hidden!important;
}

a.goldenButton:hover {
    background:
            linear-gradient(
                    to bottom,
                    rgba(255,255,255,.35) 0%,
                    rgba(255,255,255,0) 100%
            ),
            linear-gradient(
                    -25deg,
                    #9F7A27 0%,
                    #C9A24D 55%,
                    #EED48A 100%
            ) !important;
}

a.goldenButton span {
    display: block!important;
    width: 100%!important;
    height: 100%!important;
    font-family: var(--inter)!important;
    font-size: 20px!important;
    font-weight: 600!important;
    line-height: 1.5!important;
    color: #1A1A1A!important;
    text-transform: uppercase!important;
}

.goldSash {
    height: 8px!important;
    width: 100vw!important;
    background: linear-gradient(
        to right,
        #865806 0%,
        #F7CC86 25%,
        rgba(112, 83, 26, 0) 40%,
        rgba(180, 143, 80, 0) 60%,
        #F7CC86 75%,
        #865806 100%
    ) !important;
}

div.scriptContainer {
    display: none;
}

.alert-add-to-cart {
    background:
    linear-gradient(
            to bottom,
            rgba(255,255,255,.35) 0%,
            rgba(255,255,255,0) 100%
    ),
    linear-gradient(
            25deg,
            #9F7A27 0%,
            #C9A24D 55%,
            #EED48A 100%
    )!important;;
}