/* RESPONSIVE STYLES */
@media (min-width: 1699.99px) {

    .fatade3d-banner::after {width: 34vw;}
    .fatade3d-banner__mascota {margin-right: 5%;}
    .fatade3d-banner__premiu {margin-right: 19%;}

}

@media (max-width: 1399.98px) { 

    .navbar-toggler {
        border: none;
        background: transparent !important;
        display: flex;
        flex-direction: column;
        padding: 0;
        border-radius: 0;
    }
    .navbar-toggler:focus {
        box-shadow: none;
        outline: none;
    }

    .navbar-toggler:hover {
        background: transparent !important;
        box-shadow: none;
    }

    .navbar-toggler .navbar-toggler-icon {
        background-color: #333;
        width: 30px;
        height: 1px;
        margin: 4px;
        transition: all 0.2s;
    }

    .navbar-toggler .top-bar {
        transform: rotate(45deg);
        transform-origin: 5% 10%;
    }

    .navbar-toggler .middle-bar {
        opacity: 0;
    }

    .navbar-toggler .bottom-bar {
        transform: rotate(-45deg);
        transform-origin: 10% 90%;
    }
    .navbar-toggler.collapsed .top-bar {transform: rotate(0);}
    .navbar-toggler.collapsed .middle-bar {opacity: 1;}
    .navbar-toggler.collapsed .bottom-bar {transform: rotate(0);}

    .navbar-divider {flex: 1;}

    .navbar-collapse {
        border-top: 1px solid rgba(240,240,240, 1);
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        max-width: 360px;
        background-color: var(--bs-white);
        height: calc(100vh - 137px);
        overflow: auto;
        padding: 24px 30px 30px;
    }
    .navbar.fixed-top .navbar-collapse {height: calc(100vh - 87px);}
    .navbar-collapse.collapsing {
        -webkit-transition: none;
        transition: none;
        display: none;
    }
    .navbar-collapse.show {animation: fadeInLeft .4s ease-in 0s 1 forwards;}
    .navbar-nav {
        align-items: baseline;
        line-height: 30px;
        margin-bottom: 12px;
    }
    .navbar-nav #menu-item-5722 > .nav-link {
        display: none;
    }
    .navbar-nav #menu-item-5722 > .dropdown-menu {
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        display: flex !important;
        flex-direction: column;
        gap: 12px;
        min-width: 0;
        padding: 0;
        position: static;
        transform: none;
    }
    .navbar-nav #menu-item-5722 > .dropdown-menu .dropdown-item {
        background: transparent;
        color: var(--bs-black);
        line-height: 30px;
        padding: 0;
        text-align: left;
        text-transform: uppercase;
        white-space: nowrap;
    }
    .navbar-nav #menu-item-5119 > .dropdown-item {
        font-size: 0;
    }
    .navbar-nav #menu-item-5119 > .dropdown-item::before {
        content: "Portofoliu";
        font-size: 1rem;
    }
    .navbar-nav #menu-item-5722 > .dropdown-menu .dropdown-item:hover,
    .navbar-nav #menu-item-5722 > .dropdown-menu .dropdown-item:focus,
    .navbar-nav #menu-item-5722 > .dropdown-menu .dropdown-item:active,
    .navbar-nav #menu-item-5722 > .dropdown-menu .dropdown-item.active {
        color: var(--bs-danger);
    }
    .navbar-nav #menu-item--23001 {
        order: 4;
    }
    .navbar-nav #menu-item-1193 {
        order: 5;
    }
    .dropdown-toggle-split.dropdown-toggle--mobile {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding-left: 28px;
        padding-right: 0;
        background-color: transparent !important;
    }
    .dropdown--catalog .submenu .dropdown-header {padding-left: 56px;}

    .section-title br {display: none;}

    .fatade3d-showcase .fatade3d-banner__buttons {column-gap: 16px;}

    /* Cart page */
    .cart-page-content > .container {
        overflow: hidden;
    }


    /* contacts page template */
    .contacts-wrapper__content h4 {font-size: 1.125rem;}
}

@media (max-width: 1299.98px) { 

    body,
    .site {
        overflow-x: hidden;
    }

    .navbar .container {column-gap: 12px;}
    .navbar-actions .dropdown-item {font-size: 12px;}

    .fatade3d-banner__mascota {max-width: 480px;}
    .fatade3d-banner__premiu {
        max-width: 685px;
        margin-bottom: 105px;
        margin-right: 15%;
    }

    .section-portfolio__card h2 {font-size: 18px;}

    .fatade3d-banner h1,
    .fatade3d-showcase h1, 
    .fatade3d-showcase h2 {font-size: 36px;}
    .fatade3d-banner h4 {font-size: 14px;}
    .fatade3d-banner__mascota {
        max-width: 560px;
        width: 55vw;
        margin-right: -5%;
    }
    .fatade3d-banner__premiu {margin-bottom: 30px;}

    .fatade3d-showcase {
        height: auto;
        padding-top: 135px;
        padding-bottom: 85px;
    }
    .fatade3d-mesteri-cta {overflow: hidden;}
    .fatade3d-mesteri-cta__cover, 
    .fatade3d-pasi-consultatie__cover, 
    .fatade3d-contact-forms__cover {background-attachment: scroll;}

    .section-title h1, 
    .section-title h2 {font-size: 30px;}

    .fatade3d-partner-review .media {
        min-width: 50%;
        height: 408px;
    }
    .fatade3d-partner-review .text-content {padding: 58px 67px 37px 42px;}

    .fatade3d-pasi-consultatie__machet {
        max-width: 100%;
        top: 60px;
    }

    .fatade3d-shop-intro {margin-bottom: -180px;}
    .fatade3d-prices__card .region {font-size: 24px;}
    .contact-form-wrap h3 {
        font-size: 20px;
        word-spacing: 2px;
        margin-bottom: 42px;
    }

    .fatade3d-shop-intro__mockup img {width: 900px;}
    .fatade3d-mesteri-cta__mester {width: 660px;}
    .fatade3d-mesteri-cta .section-title h4,
    .fatade3d-mesteri-cta .section-title {font-size: 1.125rem;}

    .site-footer h3 {
        font-size: 24px;
        margin-bottom: 18px;
    }

    /* contacts template */
    .contacts-wrapper__content h4 {
        font-size: 1rem;
    }
}


@media (max-width: 991.98px) {

    .navbar .container {column-gap: 12px;}

    section[data-bg], div[data-bg] {background-attachment: scroll;}

    .fatade3d-banner {
        padding-top: 145px;
        padding-bottom: 400px;
        max-height: 790px;
    }
    .fatade3d-banner::after {width: 22vw;}
    .fatade3d-banner h1 {font-size: 30px;}
    .fatade3d-banner h6, 
    .fatade3d-banner p {margin-bottom: 30px;}
    .fatade3d-banner__buttons {margin-bottom: 20px;}

    .site__section__title {margin-bottom: 41px;}

    .footer-nav ul li {font-size: 14px;}

    .fatade3d-showcase__cover {
        min-height: 0;
        width: 100%;
    }
    .fatade3d-showcase .fatade3d-banner__buttons {margin-bottom: 30px;}
    .fatade3d-showcase .fatade3d-banner__buttons .btn {flex: 1;}
    .fatade3d-showcase__cover {border-radius: 12px;}
    .fatade3d-showcase__video-wrap,
    .fatade3d-showcase__video-wrap--local {width: 100%;}

    .section-portfolio {padding-bottom: 0;}
    .section-portfolio__carousel {padding: 0 30px;}
    
    .fatade3d-shop-intro {
        margin-bottom: 0;
        padding-bottom: 60px;
    }
    .fatade3d-shop-intro__mockup img {
        width: 100vw;
        margin-right: 0;
    }
    .fatade3d-shop-list {padding-top: 0;}

    .fatade3d-shop-intro .section-title,
    .fatade3d-mesteri-cta .section-title {margin-bottom: 46px;}

    .fatade3d-mesteri-cta {height: auto;}
    .fatade3d-mesteri-cta .section-title {
        padding-top: 60px;
        padding-bottom: 0;
    }
    .fatade3d-mesteri-cta__mester {
        width: 100%;
        position: static;
    }

    .fatade3d-partner-review .partner-name,
    .site-footer h3 {font-size: 20px;}
    .fatade3d-partner-review .partner-company {
        font-size: 14px;
        margin-bottom: 24px;
    }
    .fatade3d-partner-review .text-content {
        font-size: 16px;
        padding: 28px 30px;
    }

    .fatade3d-pasi-consultatie {padding-bottom: 0;}
    .fatade3d-pasi-consultatie__machet {
        position: static;
        max-width: 75%;
        display: block;
        margin: 30px auto -24px;
        transform: translateX(0);
    }
    .fatade3d-pasi-consultatie__expert {
        border-radius: 18px 18px 0 0;
        max-width: 420px;
        margin: 34px auto 0;
        width: 100%;
    }

    /* contacts template */
    .contacts-wrapper {margin-bottom: 100px;}
    .contacts-wrapper__map {height: 400px;} /* era .contact-wrapper__map - clasa nu exista (04.09.2026) */
}


@media (max-width: 767.98px) {
    #page {overflow-x: hidden;}
    .fatade3d-banner::after {display: none;}

    .dropdown--catalog {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
    }
    .btn-catalog {
        width: 100%;
        max-width: 516px;
        margin: 0 auto;
        justify-content: space-between;
    }
    .btn-catalog::after {
        flex: 1;
        text-align: right;
    }
    .dropdown--catalog .dropdown-menu {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        margin: 0;
        max-width: 360px;
        animation-name: fadeInLeft;
    }
    .close-menu {
        border: 1.5px solid var(--bs-danger);
        background-color: var(--bs-danger);
        border-radius: 50px;
        width: 30px;
        height: 30px;
        padding: 5px;
    }

    .fatade3d-showcase {
        padding-bottom: 25px;
        padding-top: 175px;
    }
    .fatade3d-statistici .item {text-align: center;}
    .fatade3d-statistici .item h3 {font-size: 1.125rem;}
    .fatade3d-showcase__mobile-cover {margin-bottom: 30px;}
    .fatade3d-showcase__mobile-cover img {border-radius: 12px;}

    .scroll-down {position: static;}
}

@media (max-width: 625.98px) {
    .site-footer__logo {margin-bottom: 38px;}

    .site.menu-active::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0, .75);
        z-index: 1030;
    }

    .dropend .dropdown-menu[data-bs-popper] {
        left: 0;
        width: 100%;
    }

    .pagination {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}

@media (max-width: 575.98px) {

    .banner-top {
        font-size: 10px;
        padding-right: 24px;
    }
    .banner-top .row {align-items: center;}

    .navbar {background-color: var(--bs-white);}
    .navbar-brand {margin-right: 0;}
    .navbar .container {column-gap: 0;}
    .navbar-collapse {
        border-top: 0;
        max-width: 100%;
        padding: 0 16px 20px;
        text-align: center;
    }
    .navbar-nav {row-gap: 12px;}
    .navbar .search-form {
        position: static;
        min-width: 100%;
        margin: 0 auto 20px;
    }
    
    .btn-catalog {
        border-radius: 0;
        font-size: 1rem;
        padding: 10px 12px;
    }
    .navbar-actions {display: none;}
    .navbar {
        padding-top: 10px;
        padding-bottom: 18px;
    }
    /* înălțime, nu lățime fixă: logo-ul PHOMI are 3,33:1, iar 150x40 îl
       întindea la 3,75:1 (rest din logo-ul Fatade3D, care era 7,4:1). */
    .navbar-brand img {width: auto; height: 34px;}
    .navbar-toggler .navbar-toggler-icon {
        width: 24px;
        margin: 3px 0;
    }
    .navbar-toggler .top-bar {transform-origin: 20% 10%;}
    .navbar-toggler .bottom-bar {transform-origin: 0 90%;}

    .navbar-top-menu {
        min-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 8px;
    }
    .navbar__user-menu {margin-bottom: 0;}

    .wpml-ls-item {
        font-size: 12px;
        min-width: 60px;
    }
    .wpml-ls-item.wpml-ls-item-ro .wpml-ls-link:focus::after { transform: translateX(-27px); }
    .wpml-ls-item.wpml-ls-item-ru .wpml-ls-link:focus::after { transform: translateX(27px); }


    .site-footer {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    .footer-nav {margin-bottom: 10px;}
    .site-footer__copyright {
        margin-top: 20px;
        font-size: 12px;
        padding-bottom: 30px;
    }
    .site-footer h3 {
        font-size: 14px;
    }
    .footer-nav li img {
        width: 18px;
        margin-right: 10px;
    }

    .h4 {
        font-size: 1rem;
    }
    

    .fatade3d-banner {
        min-height: 0;
        height: auto;
        max-height: inherit;
        padding-top: 104px;
        padding-bottom: 0;
    }
    .fatade3d-banner::after {display: none;}
    .fatade3d-banner h1 {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 10px;
    }
    .fatade3d-banner h1 br {display: none;}
    .fatade3d-banner h2 {font-size: 18px;}
    .fatade3d-banner h6, .fatade3d-banner p {font-size: 14px;}
    .fatade3d-banner__buttons {margin-bottom: 17px;}
    .fatade3d-banner h4 {
        font-size: 11px;
        margin-bottom: 19px;
    }
    .fatade3d-banner__buttons .btn {min-width: 100%;}

    .fatade3d-banner__premiu {
        max-width: 100%;
        position: static;
        margin: 0 0 10px -40px;
    }
    .fatade3d-banner h6, .fatade3d-banner p {margin-bottom: 70px;}
    .fatade3d-banner h4,
    .fatade3d-banner__buttons {
        position: relative;
        z-index: 5;
    }
    .fatade3d-banner h6 {
        font-size: 12px;
        margin-bottom: 46px;
    }
    .mobile-covers {position: relative;}
    .fatade3d-banner__mascota {
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 230px;
        height: 430px;
        object-fit: contain;
        object-position: bottom right;
        margin: 0;
    }
    .scroll-down {position: static;}

    .fatade3d-showcase {
        font-size: .875rem;
        line-height: 1.31rem;
        padding-top: 186px;
        padding-bottom: 30px;
    }
    .fatade3d-showcase br {display: none;}
    .fatade3d-showcase h1,
    .fatade3d-showcase h2 {
        font-size: 1.25rem;
        line-height: 1.6875rem;
        margin-bottom: 15px;
    }
    .fatade3d-showcase p {margin-bottom: 20px;}
    .fatade3d-statistici {
        column-gap: 20px;
        flex-wrap: wrap;
        margin-bottom: -60px;
        width: 100%;
        position: relative;
        z-index: 3;
    }
    .fatade3d-statistici .item {
        text-align: center;
        margin-bottom: 0;
        flex: 0 0 46%;
        min-width: 46%;
    }
    .fatade3d-statistici .item .icon {
        width: 20px;
        height: 20px;
    }
    .fatade3d-statistici .item h3 {
        font-size: 1rem;
        line-height: 1.125rem;
    }
    .fatade3d-showcase__mobile-cover {
        width: 100vw;
        margin-left: -12px;
        margin-bottom: -30px;
    }
    .fatade3d-showcase__mobile-cover::before {
        background: linear-gradient(2.12deg, rgba(255, 255, 255, 0) 53.72%, #FFFFFF 79.48%);
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .fatade3d-showcase__mobile-cover img {
        border-radius: 0;
        height: 300px;
        object-fit: cover;
    }
    .fatade3d-showcase__mobile-cover .fatade3d-showcase__video-wrap {
        border-radius: 0;
        aspect-ratio: auto;
        height: 300px;
    }
    .fatade3d-showcase__mobile-cover--video {
        margin-bottom: 42px;
    }
    .fatade3d-showcase__mobile-cover--video::before {
        display: none;
    }

    .fatade3d-showcase .fatade3d-banner__buttons {
        flex-direction: column;
        row-gap: 16px;
        margin-top: 0;
        margin-bottom: 24px;
        padding: 0;
    }
    .fatade3d-showcase .fatade3d-banner__buttons .btn {
        font-size: 14px;
        padding: 10px 16px;
    }

    .fatade3d-showcase__banner {
        font-size: .875rem;
        margin-top: 125px;
    }

    .fatade3d-portfolio {padding-top: 0;}
    .fatade3d-portfolio__group {padding-top: 38px;}

    .section-title h4 {
        font-size: 18px;
        margin-bottom: 18px;
    }
    .section-title h1,
    .section-title h2 {font-size: 20px;}

    .carousel-buttons {
        justify-content: center;
        margin-bottom: 30px;
    }
    .carousel-buttons .slick-arrow {
        width: 44px;
        height: 44px;
    }

    .portfolio-allworks-slick {min-height: 260px;}
    .fatade3d-portfolio__group.overflow-hidden {margin-bottom: 45px;}
    .fatade3d-portfolio__group {
        padding-bottom: 45px;
        position: relative;
    }
    .fatade3d-portfolio__group .carousel-buttons,
    .fatade3d-parteneri-reviews .carousel-buttons,
    .fatade3d-testimonials .carousel-buttons,
    .carousel-buttons--products,
    .carousel-buttons--testimonials {
        margin: 0;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .fatade3d-testimonials,
    .fatade3d-parteneri-reviews {
        margin-bottom: 50px;
        position: relative;
    }

    .fatade3d-lucrare {margin-bottom: 24px;}
    .portfolio-allworks-slick.row {margin-bottom: 30px;}

    .fatade3d-shop-intro .section-title, .fatade3d-mesteri-cta .section-title {margin-bottom: 26px;}

    .fatade3d-banner__buttons .btn {line-height: 30px;}
    .btn-lg,
    .fatade3d-lucrare__cover .btn,
    .fatade3d-banner__buttons .btn {font-size: 14px;}
    .btn-lg,
    .fatade3d-banner__buttons .btn {
        padding: 13px 36px;
        width: 100%;
    }

	.home-slider {
		background-size: 100% !important;
		background-position: 0px 60px !important;
		background-repeat: no-repeat;
		min-height: 0;
		padding-top: 45vh;
	}
	.home-slider .container {height: auto;}
    .home-slider .btn-control {
		position: static;
	}

    .section-portfolio__card {margin-bottom: 0;}
    .section-portfolio__card .card-images {height: 350px;}

    .slick-arrow {
        width: 40px;
        height: 40px;
        background-size: contain;
    }
    
    .footerphone {
        height: 50px;
    }
    .footerphone .background {
        display: flex;
        justify-content: center;
        overflow: hidden !important;
        height: 50px;
    }
    .footerphone .background svg {
        max-width: none;
        transform: scale(3);
    }
    .footerphone .main-action {
        position: fixed;
        bottom: 17px;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        z-index: 1;
    }
    .footerphone .phone {
        background: #000;
        width: 67px;
        height: 67px;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        border-radius: 100px;
        display: -webkit-box;
        display: flex;
    }
    .footerphone .phone svg {
        width: 30px;
        height: 30px;
        fill: #fff;
        animation: roll_call 1.40s ease infinite;
    }

    .footerphone .sub-actions {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 70px;
        height: 50px;
        position: fixed;
        bottom: 0;
        left: 0;
    }
    .footerphone .sub-actions a {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 10px 0;
        width: 100%;
        color: #000;
        -webkit-box-pack: center;
        justify-content: center;
        box-shadow: 0 -5px 5px -5px rgb(0 0 0 / 40%);
        text-decoration: none;
    }
    .footerphone .sub-actions svg {
        width: 28px;
        padding-right: 5px;
    }
    .footerphone .sub-actions span {
        font-size: 12px;
        margin-top: 3px;
        color: #000;
    }
    .section-title,
    .fatade3d-parteneri-reviews .section-title,
    .fatade3d-testimonials .section-title {margin-bottom: 26px;}
    .portfolio-filters {padding-top: 26px;}

    .fatade3d-shop-list {
        font-size: 1rem;
        line-height: 1.875rem;
        margin-bottom: 20px;
    }
    .fatade3d-parteneri-reviews {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .carousel-buttons--reviews {
        margin-bottom: 0;
        margin-top: 24px;
    }
    .fatade3d-partner-review {flex-direction: column;}
    .fatade3d-partner-review .media {height: 250px;}
    .fatade3d-partner-review .text-content {
        font-size: 14px;
        line-height: 24px;
    }
    .fatade3d-mesteri-cta .section-title {
        line-height: normal;
        margin-bottom: 0;
        padding-bottom: 20px;
    }
    .fatade3d-mesteri-cta .section-title p {margin-bottom: 20px;}
    .media .btn-play {
        width: 80px;
        height: 80px;
        margin: -40px 0 0 -40px;
    }
    .modal .btn-close {
        width: 40px;
        height: 40px;
        margin: -30px 0 0 0;
    }
    .fatade3d-pasi-consultatie br,
    .contact-form-wrap br  {display: none;}
    .fatade3d-pasi-consultatie__expert {
        max-width: 92%;
    }
    .contact-form-wrap h3 {
        line-height: 38px;
        margin-bottom: 24px;
    }
    .form-group input[type="submit"] {height: 60px;}

    .fatade3d-prices {
        padding-top: 75px;
        padding-bottom: 0;
    }
    .fatade3d-prices .section-title {
        font-size: 14px;
        margin-bottom: 42px;
    }
    .fatade3d-prices .section-title h2 {margin-bottom: 14px;}
    .fatade3d-testimonials {
        padding-top: 26px;
        padding-bottom: 30px;
    }
    .fatade3d-contact-forms {
        padding-top: 84px;
        padding-bottom: 30px;
    }
    .contact-form-wrap .count {
        font-size: 59px;
        margin: -34px 0 0 30px;
    }
    .contact-form-wrap {
        padding: 46px 30px 30px;
    }
    
    .page-header {
        padding-top: 150px;
        margin-bottom: 40px;
    }

    /* contacts template */
    .contacts-wrapper {
        font-size: 1rem;
    }
    .contacts-wrapper__content {
        padding: 24px 44px;
    }
    .contacts-wrapper__content h4,
    .working-days .day-name {
        font-size: .875rem;
        line-height: 1.125rem;
    }
    .contacts-wrapper__intro .d-flex,
    .contact-wrapper__transport {
        align-items: flex-start;
        flex-direction: column;
    }
    .contact-wrapper__transport .transport-item {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
        justify-content: space-between;
        width: 100%;
    }
    .contact-wrapper__transport .transport-item__title {margin-bottom: 0;}

    /* THX page */
    .thx-page__content {padding: 15px 30px;}
    .thx-page__content h3 {font-size: 18px; margin-bottom: 0;}
}

@media (max-width: 361.98px) {
    .banner-top {
        font-size: 8px;
        padding-right: 20px;
    }

    .site.banner-is-visible {padding-top: 72px;}
    .site.banner-is-visible .navbar.fixed-top {margin-top: 72px;}
    
    .navbar-brand img {width: auto; height: 30px;}

    .footer-nav {
        width: 100%;
    }
}

/* Bara fixă de telefon de jos (50px) acoperea ultimii 50px ai fiecărei pagini;
   pe paginile fără subsol înalt, conținutul rămânea sub ea (04.09.2026) */
@media (max-width: 575.98px) {
	body {
		padding-bottom: 50px;
	}
	/* pe paginile de conținut titlul nu mai poate fi mai mic decât subtitlurile lui */
	.page-header h1 {
		font-size: clamp(1.75rem, 7vw, 2.25rem);
	}
	main h2 {
		font-size: clamp(1.35rem, 5.2vw, 1.6rem);
	}
	.container {
		padding-left: 16px;
		padding-right: 16px;
	}
}