/*    MOBILE    */

    /*  COVER  */
    .cover {
        background: url("../../assets/images/mobile/cover_architypes.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100svh;
        margin: 0 0 50px 0;
        background-position: center;
    }

    .coverHeadline {
        position: absolute;
        color: white;
        font-size: 13em;
        line-height: 3rem;
        letter-spacing: 0.03em;
        padding: 0.5em;
        bottom: 0;
        width: calc(100% - 1em);
        height: 100svh;
        display: flex;
        align-items: end;
        background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%);
    }
    /*  COVER END  */



    /*  PAGE CONTROL                        */
    .pageControl {
        font-size: 36px;
        color: #062A30;
        padding: 25px;
    }
    .backToCollection {
        color: #8C9B9E;
        padding: 25px;
    }
    .backToCollectionLink {
        color: #EA6852;
        text-decoration: none;
    }
    /*  PAGE CONTROL END                    */


    /*  PRODUCT IMAGES                      */
    .photo-area {
        display: flex;
        justify-content: center;
    }
    .photo-area img {
        height: 600px;
    }
    /*  PRODUCT IMAGES END                  */


    /*  PRODUCT CONTENT                     */
    .productOverview {
        font-size: 16px;
        color: #8C9B9E;
        padding: 25px;
        display: flex;
    }
    /*  PRODUCT CONTENT END                 */



    /*  PRODUCT SELECTION                   */
    .productSelection {
        padding: 0 25px;
    }
    .productSelection span {
        display: flex;
        font-size: 12px;
        padding: 25px 0;
    }
    .productCapacity, .glassType, .productFinish {
        display: flex;
        flex-direction: row;
        column-gap: 25px;
    }
    .productCapacity span, .glassType span, .productFinish span {
        padding: 10px 20px;
        border-radius: 200px;
        border: 1px solid #7E898F;
        color: #7E898F;
    }
    .glassType span {
        display: flex;
        padding: 15px 15px;
        align-items: center;
        column-gap: 5px;
    }
    .glassType .type {
        width: 12px;
        height: 12px;
    }
    .download3d {
        padding: 0 0 25px 0;
    }
    .download3d .downloadLink {
        padding: 0;
    }
    .download3d .downloadLink a {
        text-decoration: none;
        color: #7E898F;
    }
    span.selected {
        background: #7E898F;
        color: white;
    }

    /*  PRODUCT SELECTION END               */


    
    /*  PRODUCT PACKAGE SPECIFICATION               */
    .productSpecification {
        display: flex;
        flex-direction: column;
        padding: 0 25px;
    }
    .productSpecification span {
        display: flex;
        font-size: 14px;
        padding: 25px 0;
    }
    .productSpecification .specification {
        display: flex;
        flex-direction: column;
    }
    .productSpecification .specification .row {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        border-top: 1px solid #EFF3F4;
    }
    .productSpecification .specification .row span {
        padding: 10px 0;
        text-align: left;
        width: 50%;
        color: #7E898F;
    }
    .productSpecification .specification .row:last-Child {
        border-bottom: 1px solid #EFF3F4;
    }
    /*  PRODUCT PACKAGE SPECIFICATION END           */



    /*  MOREFROMCOLLECTION                  */
    .moreFromCollection_heading {
        display: flex;
        font-size: 36px;
        color: #062A30;
        padding: 50px 0 25px 25px;
    }
    .suggested {
        display: flex;
        width: 100vw;
        overflow-x: hidden;
        overflow: scroll;
        column-gap: 10px;
    }
    .suggested .suggestedItem {
        display: flex;
        align-items: center;
        flex-direction: column;
        border: 1px solid #ccc;
        padding: 20px 50px;
    }
    .suggested .suggestedItem img {
        width: 25px;

    }
    .suggested .suggestedItem span {
        font-size: 12px;
        text-align: center;
        padding: 40px 0 0 0;
    }
    .suggested .suggestedItem a {
        text-decoration: none;
        color: black;
        font-size: 12px;
        text-align: center;
        width: 100px;
        padding: 5px 0 0 0;
        color: #ccc;
    }    
    /*  MOREFROMCOLLECTION END              */

/*    LARGE SCREEN    */
    @media only screen and (min-width: 1024px) 
    {

        /*  COVER        */
        .cover .coverHeadline {
            font-size: 10em;
            line-height: 10rem;
        }
        /*  COVER END  */


        /*  PAGE CONTROL                        */
        .pageFrame {
            display: flex;
        }
        .pageFrame .backToCollection, .pageFrame .pageControl {
            width: 50%;
        } 
        /*  PAGE CONTROL END                    */


        /*  PRODUCT PACKAGE SPECIFICATION               */
        .productSpecification {
            flex-direction: row;
            column-gap: 50px;
        }
        .productSpecification div {
            width: 50%;
        }
        .productSpecification .specification {
            width: 100%;
        }
        .productSpecification .specification .row {
            width: 100%;
        }
        /*  PRODUCT PACKAGE SPECIFICATION END           */


        /*  PRODUCT FRAME                               */
        .productFrame {
            display: flex;
        }

        .photo-area, .productInfo {
            width: 50%;
        }

        /*  PRODUCT FRAME END                           */


        /*  PRODUCT CONTENT                     */
        .productOverview {
            width: 80%;
        }
        /*  PRODUCT CONTENT END                     */

        /*  MOREFROMCOLLECTION                          */
        .moreFromCollection_heading {
            width: 235px;
        }
        .suggested .suggestedItem {
            border: none;
            width: 25%;
        }
        .suggested .suggestedItem img {
            width: 100px;
        }
        /*  PRODUCT FRAME END                           */


        /*  FOOTER                                      */
        .footer_extension {
            height: 200px;
            background-size: calc(100% - 50px);
        }
        .footer_links {
            flex-direction: row;
            column-gap: 50px;
        }
        /*  FOOTER END                                  */

    }