@media print {

    /* Size and marin for all pages ------------- */
    @page {
        size: 210mm 297mm;
        margin-top: 10mm;
        margin-bottom: 10mm;
        font-family: "Times";
        background-color: blue;
    }  


    /* LEFT PAGES -------------------------------- */

    @page:left {
        margin-left: 6mm;
        margin-right: 6mm;
        @left-top {
            content: counter(page);
            width: auto;
        }
        @bottom-center{
            text-align: left;
        }
    }


    /* RIGHT PAGES -------------------------------- */

    @page:right {
        margin-left: 6mm;
        margin-right: 6mm;
        @right-top {
            content: counter(page);
            width: auto;
        }
        @bottom-center{
            text-align: right;
        }
    }



    /* BLANK PAGES -------------------------------- */

    @page:blank {
        @left-top { content: none; }
        @bottom-center { content: none; }
        @right-top { content: none; }
    }



    /* COVER ------------------------------------- */

    @page:first{
        @right-top { content: none; }
    }


    :root {
        --font-size-xxl: 36pt;
        --font-size-xl: 24pt;
        --font-size-l: 16pt;
        --font-size-m: 12pt;
        --font-size-s: 10pt;
        --font-size-xs: 9pt;


        --font-weight-bold: 600;
        --font-weight-semibold: 600;
        --font-weight-normal: 400;

        --column-gap: 16px;

        --line-height-xl: 1.0;
        --line-height-l: 1.2;
        --line-height-m: 1.2;
        --line-height-sl: 1.2;
        --line-height-s: 1.2;

        --space-m: 32px;

        --color-black: #000;
        --color-white: #fff;
        --color-grey: #777;
        --color-light: #efefef;

        --color-red: #d15005;
        --color-red-navi: #fe6e1b;

        --color-orange: #ffae00;
        --color-pink: #ff00b7;
        --color-repro: #C7C4BF;

        --color-text: var(--color-black);
        --color-text-grey: var(--color-grey);
        --color-background: var(--color-white);
        --color-grey-repro: var(--color-repro);

        --color-line: #000;
        --swiper-navigation-size: 22px;
        --swiper-theme-color: #3c3c3d;

        --width: 1280px;
        --margin: calc(100vw - var(--width));
        --margin-left: calc(var(--margin) / 2);
        --margin-right: calc(var(--margin) / 2);
    }



    /* SECTION BREAKS -------------------------------- */

    .chapter {
        break-before: right;
    }




    header, .hide-on-print {
        display: none;
    }

    /* CONTENT --------------------------------------- */


    /*       
    .container{
    display: grid;
    padding-top: 10px;
    grid-template-rows: repeat(4, 1fr); 
    grid-template-columns: repeat(4, minmax(300px, 1fr));
    grid-gap: 0em 0em;
} */

    .container{
        display: grid;
        column-count: 2;
    }     



    .cart {
        width: 100%;
    }

     h1,.extralarge{
        font-size: var(--font-size-xl);
         line-height: 1.2;
        letter-spacing: -0.1em;
    }

    
    h2,.medium{
        font-size: var(--font-size-m);
        letter-spacing:-0.065em;
    }

    
    
    p, .small{
        font-size: var(--font-size-s);

    }
    
    
    .large{
        font-size: 5em;
        line-height: 0.8em;
        letter-spacing: -0.25rem;
    }

   

    h2,h1,.one_col{
        column-count: 1;
    }

    .two_col{
        display: block;
        column-count: 2;
        column-gap: 0.3em;
        margin: 0px;

    }

    .four_col{
        column-count: 4;
        column-gap: 0.7em;
    }

}