*::before,*::after {
    box-sizing: border-box;
}

* {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    font-size: var(--font-size);
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    margin: 0;
    font-family: var(--font-family),var(--font-family-default);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    line-height: var(--line-height);
    text-align: left;
    overflow-x: hidden
}

@font-face {
	font-family: "icons";
    src: url('//saranin.myshopify.com/cdn/shop/t/11/assets/icons.eot?v=52480396186650536861735579269');
	src: url('//saranin.myshopify.com/cdn/shop/t/11/assets/icons.eot?v=52480396186650536861735579269') format('eot'),
		url('//saranin.myshopify.com/cdn/shop/t/11/assets/icons.woff2?v=106207472064300557511735579286') format('woff2'),
		url('//saranin.myshopify.com/cdn/shop/t/11/assets/icons.woff?v=113258715111961746281735579280') format('woff'),
		url('//saranin.myshopify.com/cdn/shop/t/11/assets/icons.ttf?v=98619656639203607931735579280') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.page_layout-clear {
    display: grid;
    grid-column-gap: 1.5rem;
    grid-row-gap: 0;
    grid-template-columns: 100%;
    grid-template-rows: minmax(auto, max-content) auto minmax(auto, max-content);
    grid-template-areas: "header" "main" "footer"
}

.page_layout-clear header,.page_layout-clear main,.page_layout-clear aside,.page_layout-clear footer {
    grid-column: auto;
    max-width: 100%
}

.page_layout-clear aside {
    display: none
}


.page_layout {
    //min-height: calc(var(--vh, 100vh) - var(--fixed-panels-top-offset) - var(--fixed-panels-bottom-offset) - var(--shop-insales-panel-height, 0px));
    min-height: 100vh;
    display: grid;
    grid-gap: 0;
    grid-template-columns: minmax(var(--layout-side-padding), 1fr) repeat(var(--layout-cell-count), minmax(0, var(--layout-cell-width))) minmax(var(--layout-side-padding), 1fr);
    grid-template-areas: "header header" "sidebar main" "footer footer";
    grid-template-rows: minmax(auto, max-content) auto minmax(auto, max-content)
}

@media(max-width: 767px) {
    .page_layout {
        grid-template-areas:"header" "sidebar" "main" "footer";
        grid-template-columns: 100%;
        grid-template-rows: max-content
    }
}

.page_layout .editable-widget.show-notification-empty .layout__content {
    padding-top: 0;
    padding-bottom: 0
}

.page_layout>header {
    grid-area: header;
    grid-column: 1/-1
}

.page_layout>main {
    grid-area: main;
    grid-column-start: var(--initial-main-start);
    grid-column-end: var(--initial-main-end)
}

@media(max-width: 767px) {
    .page_layout>main {
        grid-column-start:auto;
        grid-column-end: auto
    }
}

.page_layout>aside {
    grid-area: sidebar;
    grid-column-start: var(--initial-sidebar-start);
    grid-column-end: var(--initial-sidebar-end)
}

@media(max-width: 767px) {
    .page_layout>aside {
        grid-column-start:auto;
        grid-column-end: auto
    }
}

.page_layout>footer {
    grid-area: footer;
    grid-column: 1/-1
}

.page_layout>.page_section_top {
    grid-area: section-top;
    grid-column: 1/-1
}

.page_layout_section_top {
    grid-template-areas: "header header header header" "section-top section-top section-top section-top" ". sidebar main ." "footer footer footer footer";
    grid-template-rows: minmax(auto, max-content) minmax(auto, max-content) auto minmax(auto, max-content)
}

@media(max-width: 767px) {
    .page_layout_section_top {
        grid-template-areas:"header" "section-top" "sidebar" "main" "footer";
        grid-template-columns: 100%;
        grid-template-rows: max-content
    }
}

@media(min-width: 768px) {
    .page_layout_normal_left>aside>.layout,.page_layout_normal_left>aside>.editable-widget>.layout,.page_layout_normal_left>aside>.editable-widget>.editable-widget-inner>.layout,.page_layout_normal_left>aside>[data-sidebar]>.layout,.page_layout_normal_left>aside>[data-sidebar] .editable-widget>.layout,.page_layout_normal_left>aside>[data-sidebar] .editable-widget>.editable-widget-inner>.layout,.page_layout_normal_left>main>.layout,.page_layout_normal_left>main .editable-widget>.layout,.page_layout_normal_left>main .editable-widget>.editable-widget-inner>.layout,.page_layout_normal_right>aside>.layout,.page_layout_normal_right>aside>.editable-widget>.layout,.page_layout_normal_right>aside>.editable-widget>.editable-widget-inner>.layout,.page_layout_normal_right>aside>[data-sidebar]>.layout,.page_layout_normal_right>aside>[data-sidebar] .editable-widget>.layout,.page_layout_normal_right>aside>[data-sidebar] .editable-widget>.editable-widget-inner>.layout,.page_layout_normal_right>main>.layout,.page_layout_normal_right>main .editable-widget>.layout,.page_layout_normal_right>main .editable-widget>.editable-widget-inner>.layout,.page_layout_sticky_left>aside>.layout,.page_layout_sticky_left>aside>.editable-widget>.layout,.page_layout_sticky_left>aside>.editable-widget>.editable-widget-inner>.layout,.page_layout_sticky_left>aside>[data-sidebar]>.layout,.page_layout_sticky_left>aside>[data-sidebar] .editable-widget>.layout,.page_layout_sticky_left>aside>[data-sidebar] .editable-widget>.editable-widget-inner>.layout,.page_layout_sticky_left>main>.layout,.page_layout_sticky_left>main .editable-widget>.layout,.page_layout_sticky_left>main .editable-widget>.editable-widget-inner>.layout,.page_layout_sticky_right>aside>.layout,.page_layout_sticky_right>aside>.editable-widget>.layout,.page_layout_sticky_right>aside>.editable-widget>.editable-widget-inner>.layout,.page_layout_sticky_right>aside>[data-sidebar]>.layout,.page_layout_sticky_right>aside>[data-sidebar] .editable-widget>.layout,.page_layout_sticky_right>aside>[data-sidebar] .editable-widget>.editable-widget-inner>.layout,.page_layout_sticky_right>main>.layout,.page_layout_sticky_right>main .editable-widget>.layout,.page_layout_sticky_right>main .editable-widget>.editable-widget-inner>.layout {
        padding-left:0;
        padding-right: 0
    }
}

@media(min-width: 768px) {
    .page_layout_normal_left>main,.page_layout_sticky_left>main {
        grid-column-start:calc(var(--initial-main-start) + 1)
    }
}

.page_layout_normal_right>main,.page_layout_sticky_right>main {
    grid-column-end: calc((var(--initial-sidebar-end) - var(--layout-cell-main))*-1 + 1);
    grid-column-start: 2
}

@media(max-width: 767px) {
    .page_layout_normal_right>main,.page_layout_sticky_right>main {
        grid-column:1/-1
    }
}

.page_layout_normal_right>aside,.page_layout_sticky_right>aside {
    grid-column-end: var(--layout-cell-main);
    grid-column-start: calc((var(--initial-sidebar-end) - var(--layout-cell-main) - 2)*-1)
}

@media(max-width: 767px) {
    .page_layout_normal_right>aside,.page_layout_sticky_right>aside {
        grid-column:1/-1
    }
}

@supports(display: -ms-grid) {
    .page_layout_normal_right main,.page_layout_sticky_right main {
        grid-column-end:19;
        grid-column-start: 2
    }

    .page_layout_normal_right aside,.page_layout_sticky_right aside {
        grid-column-start: 19;
        grid-column-end: 26
    }
}

.page_layout_sticky_left>aside>[data-sidebar],.page_layout_sticky_right>aside>[data-sidebar] {
    top: calc(var(--sticky-sidebar-offset, 10px) + var(--fixed-panels-top-offset));
    z-index: var(--zindex-sticky)
}

@media(min-width: 768px) {
    .page_layout_sticky_left>aside>[data-sidebar],.page_layout_sticky_right>aside>[data-sidebar] {
        position:sticky
    }
}

.page_layout_sticky_left>aside.is-large,.page_layout_sticky_right>aside.is-large {
    display: flex;
    flex-direction: column
}

.page_layout_sticky_left>aside.is-large:before,.page_layout_sticky_right>aside.is-large:before {
    content: "";
    height: auto;
    display: block;
    flex: 1
}

.page_layout_sticky_left>aside.is-large>*,.page_layout_sticky_right>aside.is-large>* {
    width: 100%;
    flex: 0 1 auto
}

.page_layout_sticky_left>aside.is-large>[data-sidebar],.page_layout_sticky_right>aside.is-large>[data-sidebar] {
    top: auto;
    bottom: calc(var(--sticky-sidebar-offset, 10px) + var(--fixed-panels-bottom-offset, 0))
}

.page_layout-clear {
    display: grid;
    grid-column-gap: 1.5rem;
    grid-row-gap: 0;
    grid-template-columns: 100%;
    grid-template-rows: minmax(auto, max-content) auto minmax(auto, max-content);
    grid-template-areas: "header" "main" "footer"
}

.page_layout-clear header,.page_layout-clear main,.page_layout-clear aside,.page_layout-clear footer {
    grid-column: auto;
    max-width: 100%
}

.page_layout-clear aside {
    display: none
}

.page_layout-clear.page_layout_section_top {
    grid-template-areas: "header" "section-top" "main" "footer";
    grid-template-rows: minmax(auto, max-content) minmax(auto, max-content) auto minmax(auto, max-content)
}

body {
    padding-top: var(--fixed-panels-top-offset);
    padding-bottom: var(--fixed-panels-bottom-offset)
}