*
{
	margin: 0;
	padding: 0;
}
body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: monospace;
	font-size: 1em;
	text-align: left;
	text-decoration: none;
	color: #000;

	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;

	/* Disables pull-to-refresh but allows overscroll glow effects. */
	/*overscroll-behavior-y: contain;*/
}

.flickity-prev-next-button
{
    border-radius: 0;
    background: transparent;
}

.flickity-prev-next-button.next
{
    right: -6px;
}
.flickity-prev-next-button.previous
{
    left: -6px;
}
.flickity-prev-next-button .arrow
{
    fill: #999;
}

a,
a:hover,
a:active
{
    color: #1378dd;
    text-decoration: underline;
}

.content
{
    padding: .4em;
}
    header
    {
        display: grid;
        grid-template-columns: 1fr;
        gap: .8em;

        align-items: center;
        justify-items: center;

        padding: 1em;
        padding-bottom: 3em;
    }
        header img
        {
            object-fit: cover;
            width: 200px;
        }
        header h1
        {
            text-align: center;
            font-size: 2em;
            padding-bottom: .6em;

            column-span: all;
        }
        header p
        {
            padding-bottom: 1em;
            line-height: 1.4em;
        }
    #loader
    {
        text-align: center;
        font-size: 1.6em;
        padding-bottom: .4em;
        color: #d12900;
    }
    section p
    {
        text-align: center;
        padding-bottom: 1.4em;
    }
    .items
    {
        display: grid;
        grid-template-columns: 1fr;
        gap: .4em;

        padding-bottom: 2em;
    }
        h2
        {
            text-align: center;
            font-size: 1.6em;
            padding-bottom: .4em;
        }
        article
        {
            padding: 1em;
            background: #f4f0ed;
        }
        article.outoforder .flickity-viewport:after
        {
            position: absolute;
            bottom: .6em;
            right: .8em;
            content: 'vyprodáno';
            font-family: monospace;
            font-size: 1em;
            color: #c40000;
            z-index: 300;
        }
        article.customorder .flickity-viewport:after
        {
            position: absolute;
            bottom: .6em;
            right: .8em;
            content: 'na objednávku';
            font-family: monospace;
            font-size: 1em;
            color: #471193;
            z-index: 300;
        }
            article img
            {
                width: 100%;
            }
            .two:after
            {
                position: absolute;
                content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' %3E%3Cpath fill='white' d='M512 32H160c-35.35 0-64 28.65-64 64v224c0 35.35 28.65 64 64 64H512c35.35 0 64-28.65 64-64V96C576 60.65 547.3 32 512 32zM528 320c0 8.822-7.178 16-16 16h-16l-109.3-160.9C383.7 170.7 378.7 168 373.3 168c-5.352 0-10.35 2.672-13.31 7.125l-62.74 94.11L274.9 238.6C271.9 234.4 267.1 232 262 232c-5.109 0-9.914 2.441-12.93 6.574L176 336H160c-8.822 0-16-7.178-16-16V96c0-8.822 7.178-16 16-16H512c8.822 0 16 7.178 16 16V320zM224 112c-17.67 0-32 14.33-32 32s14.33 32 32 32c17.68 0 32-14.33 32-32S241.7 112 224 112zM456 480H120C53.83 480 0 426.2 0 360v-240C0 106.8 10.75 96 24 96S48 106.8 48 120v240c0 39.7 32.3 72 72 72h336c13.25 0 24 10.75 24 24S469.3 480 456 480z'/%3E%3C/svg%3E");
                width: 24px;
                height: 24px;
                top: .6em;
                right: .8em;
                z-index: 300;
                color: white;
            }
            table
            {
                border: 0;
                border-spacing: 0;
                border-collapse: collapse;
                width: 100%;
                margin-top: .6em;

                font-size: 1em;
            }
                tr
                {

                }
                    td
                    {
                        border: 1px solid black;
                        padding: .7em;
                        font-size: 1.1em;
                    }
                    article.outoforder table td
                    {
                        border: 1px solid #c40000;
                    }
                    article.onlist table td
                    {
                        border: 1px solid #71c602;
                    }
                        article.onlist table td span
                        {
                            color: #1378dd;
                        }
                    article.onlist table tr:first-child td:first-child
                    {
                        color: #61ac00;;
                    }
                    input::-webkit-outer-spin-button,
                    input::-webkit-inner-spin-button
                    {
                        -webkit-appearance: none;
                        margin: 0;
                    }
                    input[type=number]
                    {
                        background: transparent;
                        width: 1.2em;
                        border: 0;
                        border-bottom: 1px dotted #1378dd;
                        font-family: monospace;
                        font-size: 1em;
                        text-align: center;
                        color: #1378dd;

                        -moz-appearance: textfield;
                    }
                    .volume
                    {
                        width: 1%;
                        white-space: nowrap;
                    }
                    .italic
                    {
                        font-style: italic;
                    }
                    .smaller
                    {
                        font-size: .9em;
                    }
                    .center
                    {
                        text-align: center;
                    }
    #orderBox
    {
        width: 100%;
        height: 4em;
    }
        #order
        {
            display: inline-block;
            padding: 1.1em;
            background: #61ac00;
            font-family: monospace;
            font-size: 1.2em;
            text-align: center;
            color: #fff;
            text-decoration: underline;

            cursor: pointer;

            z-index: 400;
        }
            .fixed
            {
                position: fixed;
                bottom: 2em;
                left: 50%;
                transform: translateX(-50%);
            }
            .hidden
            {
                display: none !important;
            }
    footer
    {
        text-align: center;
        padding-top: 2em;
    }
        footer p
        {
            padding-bottom: 1em;
            line-height: 1.4em;
        }
@media (min-width: 576px)
{
    header
    {
        display: grid;
        grid-template-columns: .1fr 4fr;
        gap: 1.6em;

        align-items: center;
        justify-items: center;
    }
        header h1
        {
            text-align: left;
        }
    .items
    {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px)
{
    .items
    {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 960px)
{
    header div:nth-child(2)
    {
        column-count: 2;
        column-gap: 3em;
        column-rule: 1px solid #f4f0ed;
    }
    .items
    {
        grid-template-columns: repeat(3, 1fr);
        gap: .6em;
    }
}
@media (min-width: 1230px)
{
    header div:nth-child(2)
    {
        column-count: 3;
    }
    .items
    {
        grid-template-columns: repeat(4, 1fr);
        gap: 1em;
    }
}