/*
 Theme Name:   Fine Spirits
 Theme URI:    https://finespirits.pl/
 Author:       Fine Spirits
 Author URI:   https://finespirits.pl/
 Description:  A custom WooCommerce theme for an online spirits store.
 Version:      1.0.0
 Text Domain:  finespirits
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         woocommerce, e-commerce, spirits
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    text-decoration: none;
    background: transparent;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
}

html {
    font-size: 100%;
    line-height: 1.15;
    scroll-behavior: smooth;
    scroll-padding-top: 60px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #000;
    background: #fff;
    overflow-x: hidden;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
}

a {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}

b, strong, i, em, mark, small, del, ins, sub, sup {
    font-weight: inherit;
    font-style: inherit;
}

ul, ol {
    list-style: none;
}

img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
    height: auto;
    border-style: none;
}

iframe {
    border: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th, td {
    text-align: left;
    vertical-align: top;
}

caption {
    text-align: left;
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background: none;
    border: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

button {
    cursor: pointer;
    overflow: visible;
}

select::-ms-expand {
    display: none;
}

textarea {
    resize: none;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
    margin: 0;
    -webkit-appearance: none;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

input:disabled {
    background-color: var(--Gray-3, #e5e5e6);
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border-top: 1px solid #ccc;
}

pre, code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

abbr[title] {
    text-decoration: none;
    border-bottom: none;
}

audio, video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

progress {
    vertical-align: baseline;
}

template, [hidden] {
    display: none;
}

:focus {
    outline: none;
    box-shadow: none;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

.container {
    width: calc(100% - 36px);
    max-width: 1280px;
    margin: 0 auto;
}

@media (max-width: 992px) {
    .container {
        width: calc(100% - 32px);
    }
}