/*
 + --------------------------------------------------
 |  Import modules
 + --------------------------------------------------
 */
@import "root.css";


/*
 + --------------------------------------------------
 |  Root
 + --------------------------------------------------
 */
.wrapper {
    max-width: calc(100% - 6rem);
    margin: 0 auto;
}

.section {
    margin-top: 4em
}
.section:not(.ws-paragraph) .wrapper > h2 {
    color: var(--color-primary);
    text-align: center;
    font-size: 2em;
}


/*
 + --------------------------------------------------
 |  Header
 + --------------------------------------------------
 */
#header .logo {
    height: 24rem;
    text-align: center;
}
#header .logo img {
    display: inline-table;
    filter: drop-shadow(0 1rem 1rem var(--black-alpha-20));
}


/*
 + --------------------------------------------------
 |  Sections
 + --------------------------------------------------
 */
#header {
    padding-top: 4rem;
}
#footer {
    margin-top: 4rem;
    padding-bottom: 6rem;
    text-align: center;
    background: linear-gradient(to top, #e5e5e5 40%, var(--white-alpha) 40%);
    /*background-image: url('data:image/svg+xml,<svg viewBox="0 0 1000 300" xmlns="http://www.w3.org/2000/svg"><path class="ux-shape-fill" opacity="0.05" d="M1014 264V386H206L34 300C34 300 344.42 277.16 436 221C542 156 590 160 704 209C811 255 899.11 214.94 979 346L1014 264Z"></path><path class="ux-shape-fill" opacity="0.1" d="M-302 55C-302 55 -66.73 263.25 50 214C178 160 283 116 353 141C445.68 174.1 534.28 256.19 588 249C692.9 235 764.52 75.94 855 131C940.61 183.09 1000 254 1000 254V328L-306 338L-302 55Z"></path><path class="ux-shape-fill" opacity="0.15" d="M-286 255C-286 255 -72 152 52 126C176 100 255 155 436 227C581.57 284.91 614.7 277.79 708 227C787 184 1009 3.0001 1093 164C1146 265.63 1031 293 1031 293L924 377L-288 389L-286 255Z"></path><path class="ux-shape-fill" opacity="0.3" d="M-24 69C-24 69 275.68 370.66 389 314C397 310 622 316 673 356C690.47 369.7 845 224 890 182C944.8 130.85 1018 92 1078 143C1154.12 207.7 1196 242 1196 242L1184 374L-28 386L-24 69Z"></path><path class="ux-shape-fill" d="M-12 201C-12 201 58 284 182 258C306 232 342.29 221.23 456 264C565 305 640.82 288.36 721 249C776 222 837.5 191.31 935 253C984 284 1030 279 1030 279L1024 430L-12 440V201Z"></path></svg>');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center bottom;*/
}

#footer .wrapper {
    background: linear-gradient(to top, var(--white-alpha), var(--color-secondary-light) 60%);
    padding: 4rem 2rem;
    border-radius: 2rem 2rem 0 0;
    backdrop-filter: blur(.5rem);
    color: var(--color-secondary);
    box-shadow: 0 -.5rem .5rem var(--black-alpha-10);
}


#footer .contact-block {
    margin-top: 2.5rem;
}
#footer .contact-phone > * {
    margin-top: 1rem;
}
#footer .contact-phone h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: .5rem;
}
#footer .contact-phone svg {
    width: 3rem;
    fill: var(--color-secondary)
}

#footer .contact-phone a {
    display: inline-flex;
    align-items: center;
    column-gap: 1rem;
    background: var(--color-primary);
    color: var(--color-secondary-light);
    font-size: 1.6em;
    line-height: 6rem;
    border-radius: 6rem;
    padding-inline: 4rem;
    letter-spacing: .05em;
    box-shadow: 0 -.5rem .5rem var(--black-alpha-20);
}
#footer .contact-phone img {
    width: 2.4rem;
    display: inline-table;
}

#footer .qr {
    text-align: center;
    display: inline-block;
    padding: 1.4rem;
    background: #fff;
    border-radius: 1rem;
}
#footer .qr img {
    width: 12rem;
    display: inline-table;
}

#footer .contact-email a {
    color: var(--color-primary);
    font-weight: bold;
    font-size: 1.2em;
}

#footer .business {
    margin-top: 5rem;
    font-size: 1.2rem;
}
#footer .business p + p {
    margin-top: .4em;
}


#slogan {
    font-size: 2.4em;
    color: var(--color-primary);
    line-height: 1.2;
    margin-top: 4rem;
}
#slogan img {
    margin-top: 1em;
    display: inline-table;
}

#product .product-block {
    background: linear-gradient(to bottom, rgba(var(--color-primary-rgb), .15), var(--white-alpha));
    margin-top: 6em
}
#product .product-head {
    position: relative;
    padding-left: 2rem;
}
#product .product-head:before {
    --size: 25vw;
    content: '';
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background: linear-gradient(155deg, var(--white-alpha), rgba(var(--color-secondary-light-rgb), .6) 25%, var(--white-alpha) 75%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: translate(-20%, -50%);
}
#product .product-title {
    font-size: 2.4em;
    line-height: 1;
    color: var(--color-primary);
    transform: translateY(-60%);
}
/*#product .product-summary {*/
    /*margin-top: 1em;*/
/*}*/

#product .product-photo {
    margin-top: 4rem;
    display: grid;
    grid-gap: 2rem 1rem;
}


#media {
    margin-top: 8em;
    padding-top: 2em;
    background: linear-gradient(to bottom, rgba(var(--color-secondary-rgb), .2), var(--white-alpha));
}

#media .photo {
    margin-top: 2rem;
}
#media .photo figure:not(:first-of-type) {
    margin-top: 2rem;
}
#media .photo img {
    border-radius: 1rem;
}

#media .video {
    margin-top: 4rem;
    text-align: center;
}
#media .more {
    font-size: 1.5em;
    text-align: center;
    margin-top: 2em;
}

#cert {
    text-align: center;
}
#cert .wrapper {
    border-top: dashed 2px var(--color-secondary-light);
    padding: 4rem 0 2rem 0;
}
#cert .content {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    column-gap: 2rem;
}
#cert .content > * {
    flex-basis: 15rem;
}