/****** STORE SKRÆME ******/

@media only screen and (min-width: 1920px) {}


/****** BÆRBAR / MINDRE SKÆRME ******/

@media only screen and (max-width: 1640px) {
    :root body {
        /* Font sizes */
        --h2: 50px;
        --h3: 30px;
    }

    span.sub-heading {
        font-size: 16px;
    }
    
    header .main-navigation ul.menu a {
        font-size: 16px;
    }

    .page-slider-section .slider-text-inner .sub-heading {
        font-size: 18px;
    }

    .page-slider-section .slider-text-inner .white-text h1 {
        font-size: 90px;
    }

    .section-wrap.clear.category-section {
        padding-left: var(--gap-m);
    }

    .footer-last .section.columns-2 .grid-elements .grid-element .overlay h2 {
        font-size: var(--h2);
    }

    .footer-last h3 {
        font-size: var(--h3);
    }

    #colophon .widget-title {
        font-size: var(--h3);
    }

    .stom-billede-sektion .section {
        padding-inline: var(--gap-m);
    }

    .single-product .related.products.stom-slick h2 {
        font-size: var(--h2);
    }
}

@media only screen and (max-width: 1620px) {
    .single-product-fullwidth #primary > .product section.related.products {
        /* padding-inline: var(--gap-m); */
    }
}

@media only screen and (max-width: 1475px) {
    header .main-navigation ul.menu a {
        font-size: 14px;
    }

    header .top-bar ul li {
        font-size: 14px;
    }

     .single-product-fullwidth #primary > .product section.related.products {
        padding-inline: var(--gap-m);
    }
}

@media only screen and (max-width: 1440px) {
    #colophon.footer-setting-02 {
        font-size: 16px;
    }

    .footer-setting-02 .footer-widget-area .section .grid-elements {

    }

    .page-slider-section .slider-text-inner .sub-heading {
        font-size: var(--p);
    }

    .woocommerce ul.products li.product .product-category {
        max-width: 100%;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 20px;
    }

        .custom-overflow-wrapper #woocommerce_product_categories-3 .product-categories .cat-item a {
        font-size: var(--p);
    }

    .tax-product_cat .site-main .site-content .content-area .woocommerce-products-header .page-title {
        /* font-size: var(--h2); */
    }

    .bapf_sfilter .bapf_head h3 {
        font-size: var(--p);
    }

    .single-product #primary .product .summary .product_title {
        font-size: var(--h2);
    }

    .single-product-fullwidth #primary > .product .product-inner-wrapper .summary .price,
    .single-product #primary .product .summary .price .woocommerce-Price-amount bdi {
        font-size: var(--h3);
    }

    .woocommerce ul.products li.product .product-category {
        font-size: 12px;
    }

   
}


@media only screen and (max-width: 1240px) {
     :root body {
        /* Font sizes */
        --h1: 60px;
        --h2: 40px;
        --h3: 22px;
        --h4: 19px;
        --h5: 15px;
        --h6: 13px;
        --p: 16px;
        /* Gaps */
        --gap-l: 60px;
        --gap-m: 25px;
        --gap-s: 20px;
        /* Sidebar */
        --sidebar-width: 280px;
    }

    .stom-button a{
        /* font-size: 15px !important; */
        font-size: var(--p);
    }

    .stom-button a .stom-custom-svg {
        font-size: 24px;
    }

    .page-slider-section .slider-text-inner .white-text h1 {
        font-size: var(--h1);
    }

    span.sub-heading {
        font-size: var(--p);
    }

    .section-wrap.clear.category-section {
        padding-left: var(--gap-m);
    }

    .section-wrap.clear.category-section .section {
        max-width: var(--content-width);
    }

    .section-wrap.clear.category-section .section .grid-elements .grid-element-slider-wrap .slick-list {
        padding: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .section-wrap.clear.category-section .section .grid-elements .grid-element-slider-wrap .slick-list .slick-track {
        margin-left: 0;
    }

    .stom-billede-sektion .section {
        padding-inline: 0;
    }

    .page-slider-section .stom-button a {
        font-size: 18px;
    }

    .section-wrap.clear.visit-section {
        height: calc(80vh - var(--header-height));
    }

    .widget-area .widget:not(.widget_search):not(.widget_instagram-feed-widget):not(.widget-no-border) {
        padding: 0;
    }

    .tax-product_cat #main-content #content {
        padding-inline: 0;
    }

     .tax-product_cat .site-main .site-content .content-area .woocommerce-products-header .page-title {
        font-size: var(--h2);
    }

    .tax-product_cat .site-main .category-top-container h2 {
        font-size: var(--h2);
    }

    .woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product, .woocommerce-page.columns-4 ul.products li.product, .woocommerce.columns-4 ul.products li.product {
        width: calc((100% - (30px * 3)) / 3);
    }

    .single-product #primary .nss-accordions .nss-accordion .nss-accordion-title {
        font-size: 20px;
    }

    .single-product-fullwidth #primary > .product section.related.products {
        padding-inline: 0;
    }

    body.tax-product_cat #main-content .section-wrap.clear .section h2 {
        font-size: var(--h2);
    }
}

/* WooCommerce' smallscreen-CSS gælder til og med 768px og fjerner mellemrummet mellem produkterne (iPad lodret) */
@media only screen and (min-width: 768px) and (max-width: 1240px) {
    .woocommerce ul.products[class*="columns-"]:not(.slick-slider) li.product,
    .woocommerce-page ul.products[class*="columns-"]:not(.slick-slider) li.product {
        margin: 0 30px 60px 0;
    }
}

/* Cookie-tabellen: lange URL'er i "Udbyder" må gerne knække, så de ikke løber ud af siden */
.consent__declaration-wrapper .cookie-table__cell {
    overflow-wrap: anywhere;
}

@media screen and (min-width: 768px) {
    /* "Kontekst" må ikke æde hele bredden fra "Udbyder" */
    body .consent__declaration-wrapper .cookie-table {
        grid-template-columns: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, 2fr) minmax(0, 1fr);
    }
}


@media only screen and (max-width: 1060px) {
    #colophon.footer-setting-02 {
        font-size: 14px;
    }

    .tax-product_cat .site-main .category-top-container {
        display: none;
    }
}

/****** IPADS - VERTIKALT ******/

@media only screen and (max-width: 959px) {
     :root body {
        /* Grid columns */
        --grid-2-cols: 1;
        --grid-3-cols: 2;
        --grid-4-cols: 2;
        --grid-5-cols: 3;
        --grid-6-cols: 3;
        --grid-7-cols: 4;
        --grid-8-cols: 4;
        --grid-9-cols: 5;
        --grid-10-cols: 5;
        --grid-11-cols: 6;
        --grid-12-cols: 6;
    }
    /* Move this rule if you change the the grid columns */
    .last-on-mobile {
        order: 66;
    }

    #woocommerce_product_categories-3 {
        background-color: #fff !important;
    }

    .widget-area .widget .widget-title-icon, .widget-area .widget .widget-title {
        font-size: var(--h3);
    }

    .custom-overflow-wrapper #woocommerce_product_categories-3 .product-categories .cat-item a {
        font-size: 14px;
    }

    #secondary .close-button {
        font-size: 1em;
    }

    .section-wrap.clear.category-section{
        padding-left: var(--gap-m);
    }

    .produktvisning{
        margin-bottom: var(--gap-l);
    }

    /* Produkt kategorier */

    .product-page .stom-grid-section[data-columns-count="7"] {
        display: none !important;
    }

    .product-page .section-wrap.clear.produkter-med-kat{
        margin-inline: var(--gap-m);
    }

    .produkter-med-kat .section{
        gap: 0 !important;
    }

    .produkter-med-kat .section .kategorier {
        position: fixed;
        top: 0;
        right: -300px;
        width: 280px;
        height: 100vh;
        background-color: #E2E1D9;
        z-index: 9999;
        padding: 80px 30px 30px;
        overflow-y: auto;
        transition: right 0.3s ease;
        box-shadow: -2px 0 10px rgba(0,0,0,0.1);
    }

    .produkter-med-kat .section .kategorier.is-open {
        right: 0;
    }

    .kategori-toggle {
        display: flex;
        align-items: center;
        gap: 8px;
        background-color: #213B3C;
        color: #E2E1D9;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        font-family: var(--p-fam);
        cursor: pointer;
        border-radius: 50px;
        margin-bottom: 20px;
    }

    .kategori-close {
        position: absolute;
        top: 20px;
        right: 20px;
        background: none;
        border: none;
        font-size: 28px;
        color: #213B3C;
        cursor: pointer;
        line-height: 1;
        display: block !important;
    }

    .kategori-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        z-index: 9998;
    }

    .product-page .kategori-toggle {
        display: flex;
    }

    .product-page .kategori-close {
        display: block;
    }

    .kategori-overlay.is-open {
        display: block;
    }

    .produkter-med-kat .section .produkter{
        min-width: 300px;
    }

    .section-wrap.clear.info-footer-section .section .grid-elements {
        gap: 40px;
    }

    .section-wrap.clear.info-footer-section .section .grid-elements .grid-element.push {
        transform: none;
    }

    .section-wrap.clear.instagram-section {
        margin-top: var(--gap-l);
    }

    .section-wrap.clear.instagram-section .section .grid-elements .grid-element.feed .overlay {
        padding-left: 0;
    }

    .footer-setting-02 .footer-widget-area .section .grid-elements {
        grid-template-columns: 1fr;
        gap: var(--gap-l);
    }
    
    #colophon .widget-title {
        border-bottom: 1px solid #fff;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    .footer-last .section.columns-2 .grid-elements .grid-element.form .overlay {
        padding-left: 0;
    }

    .footer-setting-02 .footer-widget-area .section {
        border-top: none;
        padding-top: 0;
    }

    .footer-last .section.columns-2 .grid-elements .grid-element.form .overlay > p {
        font-size: var(--p);
    }

        .woocommerce-cart .cart-collaterals {
        width: 100% !important;
        float: none;
    }

    .woocommerce-cart .woocommerce-cart-form .shop_table_divider {
        width: 100% !important;
        float: none;
    }

    .section-wrap.clear.contact-section .section .grid-elements .grid-element.form {
        grid-column: inherit;
    }

    .section-wrap.clear.instagram-section .section .grid-elements {
        row-gap: var(--gap-m);
    }
}

@media only screen and (max-width: 810px) {}


/****** MINDRE END IPADS VERTIKALT ******/

@media only screen and (max-width: 782px) {}

@media only screen and (max-width: 767px) {
     :root body {
        /* Font sizes */
        --h1: 40px;
        --h2: 25px;
        --h3: 20px;
        --h4: 18px;
        --h5: 14px;
        --h6: 12px;
        --p: 15px;
        /* Gaps */
        --gap-l: 50px;
        --gap-m: 20px;
        --gap-s: 15px;
        /* Outer margin */
        --content-margin: 0;
    }

    .section-wrap.clear.info-footer-section {
        margin-top: var(--gap-l);
    }

    .section-wrap.clear.our-product-section {
        margin-top: calc(var(--gap-l) * 2);
    }

    .section-wrap.clear.stom-billede-sektion {
        margin-top: calc(var(--gap-l) * 1);
    }

    .site-branding #logo, .style-header-02 .site-branding #logo {
        padding: 20px 0;
    }

    .site-branding #logo img, .site-branding #logo svg {
        max-width: 110px;
    }

    .category-section .grid-element.grid-element.has-background .overlay h2{
        font-size: var(--h2);
    }

    header .top-bar {
        display: none;
    }

    .section-wrap.clear.stom-billede-sektion .section .stom-cols-6 {
        min-height: auto;
    }

    .stom-billede-sektion .stom-picture {
        padding-inline: var(--gap-m);
        margin-top: var(--gap-m);
    }

    .product-page .øko-olie .section{
        margin-inline: 0;
        padding-inline: var(--gap-m);
    }

    .product-page .stom-billede-sektion .section{
        display: block;
    }

    .product-page .stom-billede-sektion.picture-right .stom-picture img{
        width: 100%;
    }

    .bapf_sfilter .bapf_head{
        padding: 10px 10px;
    }

    /* Nordisk ren og håndlavet*/

    .product-page .stom-billede-sektion .stom-cols-6{
        padding: 0px !important;
    }

    .footer-setting-02 .footer-widget-area .section {
        padding: 50px 0;
    }

    .footer-last .section {
        padding-bottom: 0;
    }

    .section-wrap.clear.stom-grid-section.footer-last.has-background {
        margin-top: var(--gap-l);
    }

    .section-wrap.clear.instagram-section .section .grid-elements .grid-element.cover .overlay {
        padding: var(--gap-m) var(--gap-m);
    }

    .section-wrap.clear.instagram-section .section .grid-elements .grid-element.cover .overlay p img {
        max-width: 50px;
    }

    .single-product #primary .product .summary .nss-product-attributes li {
        font-size: var(--p);
    }

    .nss-accordion.is-open .nss-accordion-content {
        font-size: var(--p);
    }

    body.stom-terms-page .entry-content > p {
        font-size: var(--p);
        line-height: 1.5;
    }

    /* Lange links (fx URL'er i blogindlæg) må knække i stedet for at løbe ud af skærmen */
    .entry-content a {
        overflow-wrap: anywhere;
    }

    .section-wrap.clear.contact-section .section .grid-elements {
        grid-template-columns: 1fr;
    }

    .section-wrap.clear.contact-section .section .grid-elements .grid-element .overlay {
        padding: var(--gap-l) var(--gap-m);
    }

    .woocommerce ul.products li.product .price {
        font-size: 20px;
    }

    .woocommerce ul.products li.product a.add_to_cart_button {
        width: 30px !important;
        height: 30px;
    }

    .woocommerce ul.products li.product a.add_to_cart_button .stom-custom-svg {
        font-size: 15px;
    }


}

@media only screen and (max-width: 639px) {
     :root body {
        /* Grid columns */
        --grid-2-cols: 1;
        --grid-3-cols: 1;
        --grid-4-cols: 1;
        --grid-5-cols: 1;
        --grid-6-cols: 1;
        --grid-7-cols: 1;
        --grid-8-cols: 1;
        --grid-9-cols: 1;
        --grid-10-cols: 1;
        --grid-11-cols: 1;
        --grid-12-cols: 1;
    }

    .footer-last .section .grid-elements{
        flex-direction: column;
    }

    .stom-product-count-sorting-wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        margin-top: 20px;
    }

    .woocommerce .woocommerce-ordering select {
        border: 1px solid var(--color-1);
    }

    .bapf_sfilter {
        margin-bottom: 10px !important;
    }
}


/****** MOBILER ******/

@media only screen and (max-width: 479px) {
    .page-slider-section.main-slider-section{
        font-size: 13px;
    }

    .site-branding #logo img, .site-branding #logo svg {
        max-width: 90px;
    }

    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled header .site-branding #logo img {
        max-height: 50px;
    }

    #page header .main-navigation {
        gap: 20px !important;
    }

    #woo-icons {
        gap: 10px;
    }

    #woo-icons .woo-search span {
        max-width: 80px;
    }

    #woo-icons .my-account a::after {
        font-size: 12px;
    }

    .page-slider-section .slider-text-inner .sub-heading {
        font-size: 14px;

    }

    .woocommerce ul.products li.product .price {
        font-size: 18px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
    }

    .page-slider-section .slider-text-inner .white-text h1 {
        font-size: 24px;
    }

    .page-slider-section .stom-button a {
        font-size: 16px;
    }

    .section-wrap.clear.instagram-section {
        margin-inline: 0;
    }

    .section-wrap.clear.instagram-section .section .grid-elements .grid-element.feed {
        margin-top: var(--gap-l);
    }

    .woocommerce ul.products li.product .product-category {
        max-width: 100% !important;
        font-size: 12px;
    }

    .woocommerce ul.products li.product .custom-product-label {
        font-size: 12px;
    }

    .woocommerce ul.products li.product a.add_to_cart_button {
        /* position: static !important; */
    }

    .bapf_sfilter .bapf_head h3 {
        font-size: 14px;
    }

    .single-product-fullwidth #primary > .product {
        margin-top: 0;
    }

    #sbi_images {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Footer: betalingslogoer og "Hjemmeside af" må bryde på to linjer */
    #colophon .copyright .section .footer-widgets .widget .textwidget {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    #colophon .copyright .section .footer-widgets .widget .textwidget img {
        max-width: 100%;
        height: auto;
    }

    #sbi_images .sbi_photo {
        height: 150px !important;
    }

    .section-wrap.clear.category-section .section .grid-elements {
        display: block;
    }
    
    .section-wrap.clear.category-section .section .grid-elements .grid-element-slider-wrap {
        margin-top: 20px;
    }
    
    .section-wrap.clear.category-section .section .grid-elements .grid-element-slider-wrap .slick-list .slick-track {
        display: block;
    }

    .section-wrap.clear.category-section .section .grid-elements .grid-element-slider-wrap .slick-list .slick-track .grid-element {
        width: 100%;
    }

    .section-wrap.clear.category-section {
        padding-right: var(--gap-m);
    }

    .section-wrap.clear.category-section .section .grid-elements .grid-element-slider-wrap .slick-arrow  {
        width: 40px;
        height: 40px;
    }

    .section-wrap.clear.category-section .section .grid-elements .grid-element-slider-wrap .slick-arrow .stom-custom-svg {
        font-size: 28px;
    }

    .section-wrap.clear.category-section .section .grid-elements .grid-element-slider-wrap .slick-next {
        right: 20px;
    }

    .woocommerce ul.products li.product .product-category {
        /* width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden; */
    }
}

@media only screen and (max-width: 410px) {

}

@media only screen and (max-width: 400px) {
    .section-wrap.clear.stom-products-section .section .woocommerce ul.products.slick-slider .slick-list {
        margin-left: 0;
        margin-right: 0;
    }

    .single-product-fullwidth #primary > .product section.related.products ul.products .slick-list {
        margin-left: 0;
        margin-right: 0;
    }

    .woocommerce ul.products li.product .product-category {
        font-size: 10px;
    }
}