:root { --brand: #173b56; --brand-dark: #102b40; --brand-soft: #eef3f6; --ink: #172e40; --muted: #62717d; --line: #dfe5e9; --paper: #ffffff; --font: 'Manrope', Arial, sans-serif; } * { box-sizing: border-box; } html { scroll-behavior: smooth; scroll-padding-top: 84px; } body { margin: 0; min-width: 1000px; color: var(--ink); background: #ffffff; font-family: var(--font); font-size: 14px; line-height: 1.7; } a { color: inherit; text-decoration: none; } button, input { font: inherit; } button { cursor: pointer; color: inherit; } button, input { -webkit-tap-highlight-color: transparent; } button { background: none; border: 0; } h1, h2, h3, p { margin: 0; } img { display: block; max-width: 100%; height: auto; } h2 { font-size: 30px; line-height: 1.3; font-weight: 700; letter-spacing: -.8px; } h3 { font-size: 14px; font-weight: 700; line-height: 1.55; } .container { width: calc(100% - 80px); max-width: 1200px; margin-inline: auto; } .section { padding-block: 68px; } .icon { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; } .icon-defs { position: absolute; height: 0; width: 0; overflow: hidden; } .eyebrow { color: var(--brand); font-size: 12px; line-height: 1.5; font-weight: 800; letter-spacing: 1.7px; margin-bottom: 11px; } .text-link { display: inline-flex; align-items: center; gap: 12px; padding: 5px 0; color: var(--brand-dark); font-size: 12px; font-weight: 700; white-space: nowrap; } .text-link .icon { width: 18px; height: 18px; transition: transform .2s; } .text-link:hover .icon { transform: translateX(3px); } .button { background: var(--brand); color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 25px; min-height: 47px; padding: 12px 23px; border-radius: 7px; font-size: 12px; font-weight: 700; transition: background .2s, transform .2s; } .button:hover { background: var(--brand-dark); transform: translateY(-2px); } .circle-button { height: 35px; width: 35px; display: inline-grid; place-items: center; flex-shrink: 0; border: 1px solid #dce3e8; background: #fff; border-radius: 50%; transition: background .2s, border-color .2s; } .circle-button .icon { width: 16px; height: 16px; } .circle-button.previous .icon { transform: rotate(180deg); } .circle-button:hover { background: var(--brand-soft); border-color: var(--brand); } .circle-button:disabled { opacity: .35; cursor: default; } :focus-visible { outline: 3px solid #d56b38; outline-offset: 4px; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .skip-link { position: absolute; top: -80px; left: 20px; padding: 12px; background: white; z-index: 100; } .skip-link:focus { top: 12px; } .site-header { background: #fff; } .header-main { height: 108px; display: flex; gap: 28px; align-items: center; } .brand { display: flex; align-items: center; gap: 13px; flex-shrink: 0; } .brand img { width: 65px; height: 65px; object-fit: contain; } .brand>span { font-size: 18px; font-weight: 800; letter-spacing: .5px; line-height: 1.35; } .brand small { display: block; color: var(--muted); font-size: 8px; letter-spacing: 2px; font-weight: 600; margin-top: 5px; } .search-form { display: flex; align-items: center; background: #f3f5f7; border: 1px solid #dce3e8; height: 46px; border-radius: 8px; flex: 1; min-width: 170px; margin-inline: 7px; } .search-form:focus-within { border-color: var(--brand); box-shadow: 0 0 0 3px #173b5612; } .search-form input { border: 0; background: transparent; color: var(--ink); padding: 13px 16px; width: 100%; min-width: 0; font-size: 13px; outline: none; } .search-form input::placeholder { color: #77848f; } .search-form button { width: 47px; height: 44px; display: grid; place-items: center; flex-shrink: 0; color: var(--brand-dark); } .search-form .icon { width: 19px; height: 19px; } .header-contact { display: flex; gap: 10px; align-items: center; flex-shrink: 0; } .contact-icon { display: grid; place-items: center; width: 37px; height: 37px; border: 1px solid #e0e6eb; background: #eef3f6; color: var(--brand); border-radius: 50%; } .contact-icon .icon { width: 18px; height: 18px; } .header-contact strong { display: block; font-size: 13px; line-height: 1.5; font-weight: 700; } .header-contact small { display: block; font-size: 11px; color: var(--muted); margin-top: 2px; } .nav-wrap { border-block: 1px solid var(--line); background: #fff; } .nav { display: flex; align-items: center; gap: 26px; height: 57px; position: relative; z-index: 30; } .nav-link { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; height: 38px; white-space: nowrap; transition: color .2s; } .nav-link:hover { color: var(--brand); } .nav-link.current { padding: 0 15px; color: var(--brand-dark); background: #eaf0f4; border-radius: 6px; } .nav-link.current .icon { width: 14px; height: 14px; } .nav-item { display: flex; align-items: center; position: relative; } .dropdown-toggle { display: grid; place-items: center; height: 38px; width: 25px; } .dropdown-toggle .icon { width: 12px; height: 12px; } .alibaba-nav { margin-left: auto; color: var(--brand-dark); } .alibaba-nav .icon { width: 14px; height: 14px; } .dropdown { visibility: hidden; opacity: 0; pointer-events: none; position: absolute; left: -20px; top: 46px; background: white; border: 1px solid var(--line); border-radius: 10px; padding: 24px; box-shadow: 0 14px 35px #102b4026; transform: translateY(5px); transition: opacity .15s, transform .15s; } .nav-item.open .dropdown { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0); } .mega-menu { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 30px; width: 650px; } .dropdown h3 { font-size: 13px; color: var(--brand-dark); margin-bottom: 11px; } .dropdown a { display: block; font-size: 13px; color: #566675; padding-block: 6px; } .dropdown a:hover { color: var(--brand); } .dropdown .second-heading { margin-top: 17px; } .materials-menu { width: 190px; } .hero { padding-top: 24px; } .hero-stage { border-radius: 12px; overflow: hidden; background: #e9eef1; aspect-ratio: 1400 / 405; position: relative; box-shadow: 0 7px 23px #102b400a; } .hero-slide { display: block; width: 100%; height: 100%; } .hero-slide[hidden] { display: none; } .hero-slide img { width: 100%; height: 100%; object-fit: cover; } .slider-bar { display: flex; align-items: center; justify-content: space-between; min-height: 57px; padding-inline: 3px; } .slide-label { display: flex; align-items: center; gap: 13px; font-size: 12px; font-weight: 600; color: #62717d; } #slide-number { font-weight: 800; font-size: 12px; color: var(--brand); } .label-line { display: block; height: 1px; width: 26px; background: #d4dde3; } .slider-controls { display: flex; align-items: center; gap: 8px; } .slider-controls .circle-button { width: 29px; height: 29px; } .slider-controls .icon { width: 13px; height: 13px; } .slider-dots { display: flex; gap: 5px; margin-right: 14px; } .slide-dot { width: 18px; height: 22px; display: grid; place-items: center; padding: 0; } .slide-dot:after { content: ''; width: 5px; height: 5px; border-radius: 5px; background: #c6d0d8; transition: width .2s, background .2s; } .slide-dot.active:after { width: 17px; background: var(--brand); } .stats { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dfe5e9; background: #eef3f6; border-radius: 10px; padding: 23px 0; margin-top: 5px; } .stats>div { border-right: 1px solid #d6e0e7; display: flex; align-items: center; justify-content: center; } .stats>div:last-child { border: 0; } .stats strong { display: flex; align-items: center; gap: 15px; font-size: 28px; letter-spacing: -1px; line-height: 1.5; font-weight: 800; color: var(--brand); } .stats strong span { color: #62717d; font-size: 13px; font-weight: 500; letter-spacing: 0; } .about { display: grid; grid-template-columns: .93fr 1.07fr; gap: 52px; padding-bottom: 37px; } .about-visual { display: flex; min-width: 0; } .video-cover { display: block; position: relative; width: 100%; min-height: 530px; background: #e5eaee; overflow: hidden; border-radius: 12px; } .video-cover>img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; object-position: 50% 50%; } .video-cover:after { content: ''; position: absolute; inset: 48% 0 0; background: linear-gradient(transparent,#102b40db); } .play-button { position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 66px; height: 66px; display: grid; place-items: center; padding-left: 4px; color: var(--brand-dark); background: #fffffff0; box-shadow: 0 0 0 12px #ffffff25; border-radius: 50%; font-size: 20px; z-index: 1; transition: box-shadow .2s; } .video-cover:hover .play-button { box-shadow: 0 0 0 17px #ffffff30; } .video-caption { position: absolute; left: 27px; right: 27px; bottom: 27px; color: white; z-index: 1; font-size: 12px; letter-spacing: 1.5px; font-weight: 800; } .video-caption>span { display: flex; justify-content: space-between; gap: 15px; align-items: center; font-size: 15px; font-weight: 500; letter-spacing: 0; margin-top: 8px; } .video-caption .icon { width: 18px; height: 18px; } .benefit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 23px 25px; padding-bottom: 29px; border-bottom: 1px solid var(--line); margin-bottom: 27px; } .benefit { display: flex; gap: 11px; align-items: flex-start; } .benefit-icon { color: var(--brand); background: #eef3f6; display: grid; place-items: center; border-radius: 9px; width: 37px; height: 37px; flex-shrink: 0; } .benefit-icon .icon { width: 20px; height: 20px; } .benefit h3 { font-size: 13px; margin-bottom: 5px; } .benefit p { font-size: 12px; line-height: 1.8; color: var(--muted); } .about-text h2 { font-size: 28px; line-height: 1.35; margin-bottom: 19px; } .about-text>p:not(.eyebrow) { color: #546472; font-size: 13px; line-height: 1.9; margin-bottom: 13px; } .about-text .text-link { margin-top: 7px; } .gallery-section { padding-bottom: 59px; } .compact-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 17px; } .compact-heading h2 { font-size: 17px; letter-spacing: -.25px; } .gallery-controls { display: flex; gap: 7px; } .gallery-controls .circle-button { width: 30px; height: 30px; } .gallery-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 64px) / 5); gap: 16px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; padding-bottom: 5px; } .gallery-track::-webkit-scrollbar { display: none; } .gallery-photo { padding: 0; position: relative; overflow: hidden; border-radius: 9px; scroll-snap-align: start; height: 141px; } .gallery-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; } .gallery-photo>.icon { position: absolute; bottom: 9px; right: 9px; padding: 6px; width: 29px; height: 29px; border-radius: 50%; background: white; color: var(--brand-dark); opacity: 0; transition: opacity .2s; } .gallery-photo:hover img { transform: scale(1.05); } .gallery-photo:hover>.icon,.gallery-photo:focus-visible>.icon { opacity: 1; } .certificate-section { background: #f2f5f7; border-block: 1px solid #e2e7eb; padding-block: 48px; } .section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 29px; } .section-heading>.text-link { margin-bottom: 3px; } .section-description { color: var(--muted); margin-top: 12px; font-size: 12px; } .certificate-image { display: block; padding: 12px; width: 100%; border: 1px solid #dfe5e9; border-radius: 12px; background: white; box-shadow: 0 5px 20px #102b4005; } .certificate-image img { width: 100%; border-radius: 6px; } .certificate-section h2 { font-size: 26px; } .category-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .category-card { min-height: 238px; position: relative; display: flex; align-items: center; border-radius: 12px; border: 1px solid #e4e7e9; background: #f1f4f6; overflow: hidden; padding: 32px; transition: box-shadow .25s, transform .25s; } .category-card:hover { box-shadow: 0 10px 25px #102b4010; transform: translateY(-3px); } .category-card>div { position: relative; z-index: 1; width: 56%; } .category-card h3 { font-size: 23px; letter-spacing: -.6px; margin-bottom: 8px; } .category-card p { font-size: 13px; color: #62717d; max-width: 190px; } .category-card .text-link { font-size: 12px; margin-top: 24px; } .category-card>img { position: absolute; right: 17px; height: 200px; width: 48%; object-fit: contain; transition: transform .35s; } .category-card:hover>img { transform: translateY(-4px) rotate(-2deg); } .category-1 { background: #f1f4f6; border-color: #e0e6ea; } .category-2 { background: #faf3ec; border-color: #eee4d9; } .category-3 { background: #f7f2ed; } .products-section { background: #f2f5f7; padding-block: 60px; border-block: 1px solid var(--line); } .product-grid { display: grid; gap: 18px; align-items: stretch; } .best-grid { grid-template-columns: repeat(5, 1fr); } .new-grid { grid-template-columns: repeat(6, 1fr); gap: 15px; } .product-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e0e6ea; border-radius: 10px; overflow: hidden; box-shadow: 0 3px 8px #102b4005; transition: transform .25s, box-shadow .25s, border-color .25s; } .product-card:hover { transform: translateY(-5px); border-color: #9bb0c0; box-shadow: 0 10px 25px #102b4014; } .product-photo { background: #fff; padding: 12px; aspect-ratio: 1; position: relative; } .product-photo img { width: 100%; height: 100%; object-fit: contain; } .product-photo>.icon { width: 28px; height: 28px; background: white; padding: 6px; border: 1px solid var(--line); border-radius: 50%; position: absolute; right: 10px; bottom: 10px; color: var(--brand-dark); opacity: 0; transition: opacity .2s; } .product-card:hover .product-photo>.icon,.product-card:focus-visible .product-photo>.icon { opacity: 1; } .product-info { border-top: 1px solid #edf0f3; padding: 16px; flex: 1; display: flex; flex-direction: column; } .product-info h3 { font-size: 13px; font-weight: 600; line-height: 1.7; margin-bottom: 20px; } .price { display: flex; gap: 10px; align-items: baseline; margin-top: auto; flex-wrap: wrap; } .price strong { font-size: 15px; font-weight: 800; color: var(--brand); } .price del { font-size: 12px; color: #7a8791; } .new-grid .product-info { padding: 14px; } .new-grid .product-info h3 { font-size: 12px; } .meeting-section { border-radius: 14px; border: 1px solid #dce4e9; background: #eef3f6; display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; min-height: 335px; padding: 40px 50px; gap: 20px; } .meeting-copy { max-width: 470px; } .meeting-copy h2 { font-size: 29px; margin-bottom: 20px; } .meeting-copy>p:not(.eyebrow) { color: #546472; font-size: 12px; line-height: 1.9; } .meeting-copy .button { margin-top: 25px; } .meeting-section>img { width: 100%; height: 285px; object-fit: contain; } .brand-strip { display: flex; align-items: center; justify-content: space-between; padding-block: 45px; gap: 35px; } .brand-strip img { width: 105px; height: 54px; object-fit: contain; opacity: .8; } .services { background: #f3f5f7; border-block: 1px solid #e2e7eb; padding-block: 26px; } .services-grid { display: grid; grid-template-columns: repeat(3,1fr); } .services-grid article { display: flex; align-items: center; gap: 18px; justify-content: center; border-right: 1px solid #dce3e8; } .services-grid article:last-child { border: 0; } .services-grid article>.icon { color: var(--brand); height: 29px; width: 29px; stroke-width: 1.3; } .services h3 { font-size: 12px; margin-bottom: 3px; } .services p { font-size: 12px; color: var(--muted); } footer { background: #fff; } .footer-grid { display: grid; grid-template-columns: 1.05fr 1fr 1fr 1.35fr; gap: 55px; padding-block: 48px 37px; } .footer-column h3 { font-size: 12px; margin-bottom: 18px; color: var(--brand-dark); } .footer-column>a { display: block; font-size: 12px; color: #687681; margin-top: 10px; } .footer-column>a:hover { color: var(--brand); } .footer-contact p { color: #687681; font-size: 12px; line-height: 1.9; margin-bottom: 13px; } .footer-contact b { font-weight: 600; color: #455866; } .footer-bottom { border-top: 1px solid var(--line); padding-block: 20px 90px; display: flex; justify-content: space-between; align-items: center; } .footer-brand { display: flex; align-items: center; gap: 13px; font-size: 11px; color: #73818e; } .footer-brand img { width: 36px; height: 36px; } .footer-bottom>.text-link { font-size: 12px; } .floating-contact { position: fixed; bottom: 23px; right: 25px; background: var(--brand); color: white; display: inline-flex; align-items: center; gap: 9px; padding: 12px 18px; border-radius: 28px; font-size: 13px; font-weight: 600; box-shadow: 0 5px 20px #102b4030; z-index: 35; transition: background .2s; } .floating-contact:hover { background: var(--brand-dark); } .floating-contact .icon { width: 20px; height: 20px; } #image-dialog { width: min(1180px,90vw); max-height: 90vh; border: 0; background: white; border-radius: 12px; padding: 18px; box-shadow: 0 15px 80px #102b4066; } #image-dialog::backdrop { background: #0d2136c9; backdrop-filter: blur(5px); } .lightbox-header { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 0 0 14px 4px; } .lightbox-header p { font-size: 12px; font-weight: 600; color: var(--brand-dark); } #lightbox-image { max-height: calc(90vh - 100px); width: 100%; object-fit: contain; } @media (min-width: 1450px) { .container { max-width: 1260px; } .header-main { gap: 34px; } .hero { padding-top: 28px; } .category-card { min-height: 252px; } .product-info h3 { font-size: 12px; } .new-grid .product-info h3 { font-size: 13px; } } @media (max-width: 1150px) { .container { width: calc(100% - 56px); } .header-main { gap: 20px; height: 98px; } .brand { gap: 10px; } .brand img { width: 57px; height: 57px; } .brand>span { font-size: 16px; } .brand small { font-size: 7px; } .header-contact { gap: 7px; } .header-contact strong { font-size: 12px; } .contact-icon { width: 31px; height: 31px; } .header-contact small { font-size: 8px; } .search-form { margin-inline: 0; } .nav { gap: 22px; } .nav-link { font-size: 12px; } .about { gap: 37px; } .video-cover { min-height: 550px; } .benefit-grid { gap: 19px 15px; } .benefit { gap: 9px; } .benefit h3 { font-size: 12px; } .benefit p { font-size: 11px; } .benefit-icon { width: 32px; height: 32px; } .about-text h2 { font-size: 26px; } .gallery-photo { height: 120px; } .category-card { padding: 26px; min-height: 216px; } .category-card h3 { font-size: 21px; } .category-card>img { height: 175px; right: 11px; } .product-grid { gap: 13px; } .product-info { padding: 13px; } .new-grid { gap: 11px; } .new-grid .product-info { padding: 11px; } .meeting-section { padding: 35px 40px; } .brand-strip { gap: 25px; } .brand-strip img { width: 92px; } .footer-grid { gap: 35px; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*:before,*:after { transition: none!important; animation: none!important; } } :root { --accent: #b95126; --accent-hover: #993e19; --accent-light: #ffc29d; } h2 { font-weight: 800; } .eyebrow { color: var(--accent); } .brand>span { color: var(--brand-dark); letter-spacing: .7px; } .brand img { width: 69px; height: 69px; } .nav-wrap { background: var(--brand-dark); border: 0; } .nav { height: 60px; color: #fff; } .nav-link { font-weight: 600; } .nav-link:hover, .dropdown-toggle:hover { color: var(--accent-light); } .nav-link.current { background: #ffffff10; color: #fff; border-radius: 3px; position: relative; } .nav-link.current:after { content: ''; position: absolute; height: 3px; background: #eb8852; bottom: -11px; left: 15px; right: 15px; } .alibaba-nav { color: #fff; } .alibaba-nav .icon { color: var(--accent-light); } .dropdown { color: var(--ink); border-radius: 5px; border-top: 3px solid var(--accent); } .hero-stage, .video-cover, .certificate-image { border-radius: 6px; } .slide-dot.active:after { background: var(--accent); } #slide-number { color: var(--accent); } .stats { background: var(--brand-dark); border: 0; border-radius: 5px; padding-block: 27px; } .stats>div { border-color: #ffffff24; } .stats strong { color: white; font-size: 31px; } .stats strong span { color: #c4d2dc; } .benefit-icon { border-radius: 5px; background: #f9efe8; color: var(--accent); } .play-button { color: var(--accent); } .text-link:hover { color: var(--accent); } .certificate-section { background: #f1f4f6; } .certificate-image { box-shadow: 0 8px 26px #102b4008; } .category-card { border-radius: 6px; } .category-0 { background: #f7f1e9; border-color: #ebe1d5; } .category-1 { background: #eef3f6; } .category-2 { background: #f5f3ef; } .category-3 { background: #f6f0ea; } .category-card h3 { font-weight: 800; } .category-card .text-link { color: var(--accent); } .product-card { border-radius: 5px; box-shadow: 0 3px 10px #102b4005; } .price strong { color: var(--brand-dark); font-size: 16px; } .button { border-radius: 4px; background: var(--accent); font-size: 13px; } .button:hover { background: var(--accent-hover); } .meeting-section { background: var(--brand-dark); color: #fff; border: 0; border-radius: 6px; } .meeting-section .eyebrow { color: var(--accent-light); } .meeting-copy>p:not(.eyebrow) { color: #d0dce4; font-size: 13px; } .meeting-section>img { background: #f4f1ed; border-radius: 5px; height: 255px; padding: 8px; } .services { background: #f3f5f7; } .services-grid article>.icon { color: var(--accent); stroke-width: 1.6; } .services h3 { font-weight: 800; } footer { background: #102b40; color: #fff; } .footer-column h3 { color: #fff; font-size: 13px; } .footer-column>a, .footer-contact p { color: #c0ced8; } .footer-contact b { color: #f1f5f8; } .footer-column>a:hover { color: var(--accent-light); } .footer-bottom { border-color: #ffffff22; } .footer-brand { color: #bdcbd5; } .footer-bottom>.text-link { color: #fff; } .footer-brand img { background: #fff; padding: 3px; border-radius: 50%; } .floating-contact { border-radius: 6px; background: var(--accent); box-shadow: 0 6px 24px #102b4030; } .floating-contact:hover { background: var(--accent-hover); } @media (min-width: 1450px) { .product-info h3 { font-size: 13px; } } .nav { gap: 38px; } .product-nav { position: static; } .products-toggle { display: inline-flex; width: auto; gap: 10px; padding: 0; } .products-toggle .icon { transition: transform .2s; } .product-nav.open .products-toggle { color: var(--accent-light); } .product-nav.open .products-toggle .icon { transform: rotate(180deg); } .product-nav .mega-menu { top: 60px; left: 0; width: 100%; padding: 0; display: block; max-height: calc(100vh - 190px); overflow-y: auto; overscroll-behavior: contain; box-shadow: 0 20px 45px #102b402b; } .menu-intro { display: flex; justify-content: space-between; align-items: center; padding: 17px 28px; background: #f3f5f7; border-bottom: 1px solid var(--line); color: var(--brand-dark); font-weight: 800; font-size: 14px; } .menu-intro>span:last-child { font-size: 11px; color: var(--muted); font-weight: 500; } .menu-groups { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0 26px; padding: 5px 28px 16px; } .menu-group { padding: 20px 0 12px; } .menu-group:nth-child(n+5) { border-top: 1px solid var(--line); } .menu-group h3 { margin: 0 0 10px; } .menu-group h3 a { color: var(--brand-dark); font-size: 13px; line-height: 1.5; font-weight: 800; padding: 0 0 6px; } .menu-group h3 a:before { content: ''; display: inline-block; height: 12px; width: 3px; background: var(--accent); margin-right: 8px; vertical-align: -1px; } .menu-group ul { list-style: none; margin: 0; padding: 0; } .menu-group li a { font-size: 12px; line-height: 1.6; padding: 6px 9px; margin-left: -9px; border-radius: 3px; } .menu-group a:hover { color: var(--accent); background: #faf3ed; } @media(max-width:1150px) { .menu-groups { gap: 0 18px; padding-inline: 22px; } .menu-group h3 a { font-size: 12px; } .menu-group li a { font-size: 12px; } } :root { --text-body: 16px; --text-small: 14px; --text-menu: 15px; --text-heading: 34px; } body { font-size: var(--text-body); line-height: 1.75; } h2, .about-text h2, .certificate-section h2, .meeting-copy h2 { font-size: var(--text-heading); line-height: 1.3; } .eyebrow { font-size: 14px; letter-spacing: 1.3px; } .text-link, .category-card .text-link, .button, .floating-contact { font-size: 15px; } .brand>span { font-size: 20px; } .brand small { font-size: 10px; } .header-main { gap: 24px; min-height: 116px; height: auto; padding-block: 20px; } .search-form { min-width: 190px; height: 50px; } .search-form input { font-size: 15px; padding-inline: 13px; } .header-contact strong { font-size: 14px; } .header-contact small { font-size: 14px; } .nav-link { font-size: 16px; } .menu-intro { font-size: 16px; } .menu-intro>span:last-child { font-size: 14px; } .menu-group h3 a { font-size: 16px; line-height: 1.5; min-height: 54px; } .menu-group li a { font-size: 15px; line-height: 1.5; padding-block: 6px; } .menu-groups { column-gap: 24px; } .menu-group { padding-block: 16px 12px; } .product-nav .mega-menu { max-height: calc(100vh - 194px); } .slide-label, #slide-number, .stats strong span { font-size: 14px; } .stats strong { font-size: 34px; } .benefit h3, .services h3 { font-size: 16px; } .benefit p, .services p { font-size: 15px; line-height: 1.7; } .about-text>p:not(.eyebrow), .meeting-copy>p:not(.eyebrow), .section-description { font-size: 16px; line-height: 1.8; } .video-caption { font-size: 14px; } .video-caption>span { font-size: 18px; } .compact-heading h2 { font-size: 24px; } .category-card h3 { font-size: 26px; } .category-card p { font-size: 16px; } .product-info h3, .new-grid .product-info h3 { font-size: 16px; line-height: 1.6; } .price strong { font-size: 18px; } .price del { font-size: 14px; } .new-grid { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 20px; } .new-grid .product-info { padding: 14px; } .new-grid .product-photo { aspect-ratio: 1; padding: 12px; } .new-grid .product-info h3 { font-size: 16px; line-height: 1.55; min-height: 4.65em; margin-bottom: 16px; overflow-wrap: anywhere; } .footer-column h3 { font-size: 16px; } .footer-column>a, .footer-contact p, .footer-brand, .footer-bottom>.text-link, .lightbox-header p { font-size: 14px; } .footer-grid { gap: 36px; } .meeting-copy { max-width: 550px; } .meeting-section { padding-block: 46px; } .subpage { padding-block: 48px 64px; min-height: 55vh; } .subpage h1 { font-size: 36px; line-height: 1.3; letter-spacing: -.8px; margin: 0 0 22px; } .subpage .about { padding-top: 0; } @media (max-width:1150px) { .header-main { display: grid; grid-template-columns: 240px minmax(240px,1fr) auto; gap: 16px 22px; } .header-main>.brand { grid-row: span 2; } .header-main>.search-form { grid-column: 2; grid-row: span 2; } .brand>span { font-size: 19px; } .brand small { font-size: 10px; } .menu-groups { grid-template-columns: repeat(3,minmax(0,1fr)); } .menu-group:nth-child(n+4) { border-top: 1px solid var(--line); } .product-nav .mega-menu { max-height: calc(100vh - 218px); } .best-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .best-grid .product-photo { aspect-ratio: 1.3; } .about { gap: 30px; } .benefit-grid { grid-template-columns: 1fr; } .category-card>div { width: 60%; } } body.mplvn-refresh { min-width:0; color:var(--ink); background:#fff; font-family:var(--font); } .mplvn-refresh a {color:inherit;} .mplvn-refresh button {background:transparent;} .mplvn-refresh .nav a,.mplvn-refresh .nav button {color:#fff;} .mplvn-refresh .nav .mega-menu a {color:var(--ink);} .mplvn-refresh .nav .mega-menu h3 a {color:var(--brand-dark);} .mplvn-refresh .nav .mega-menu a:hover {color:var(--accent);} .mplvn-refresh .header-contact {color:var(--ink);} .mplvn-refresh .search-form button {background:transparent;color:var(--brand-dark);} .mplvn-refresh a.button,.mplvn-refresh button.button,.mplvn-refresh .floating-contact {background:var(--accent);color:#fff;} .mplvn-refresh a.button:hover,.mplvn-refresh .floating-contact:hover {background:var(--accent-hover);} .mplvn-refresh .circle-button {background:#fff;} .mplvn-refresh .category-card .text-link {color:var(--accent);} .mplvn-refresh footer .footer-column>a,.mplvn-refresh footer .footer-brand {color:#c0ced8;} .mplvn-refresh footer .text-link {color:#fff;} .mplvn-refresh footer a:hover {color:var(--accent-light);} .mplvn-refresh #main-menu,.mplvn-refresh .mfp-hide {display:none!important;} .mplvn-refresh .screen-reader-text {position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;} .mplvn-refresh .site-header {position:relative; width:100%; z-index:40;} .mplvn-refresh .site-header .container,.mplvn-refresh footer .container {padding-inline:0;} .mplvn-refresh .header-main {width:calc(100% - 80px); max-width:1200px;} .mplvn-refresh .nav {display:flex; flex-wrap:nowrap; justify-content:flex-start; width:calc(100% - 80px); max-width:1200px;} .mplvn-refresh .nav-link {letter-spacing:normal; text-transform:none; margin:0; padding-block:0; min-height:0; line-height:1.5; font-weight:700; border:0; box-shadow:none;} .mplvn-refresh .search-form {margin-block:0;} .mplvn-refresh .search-form input {height:48px; box-shadow:none; margin:0;} .mplvn-refresh .search-form button {margin:0; padding:0; min-height:0;} .mplvn-refresh .menu-group ul {margin:0; padding:0; list-style:none;} .mplvn-refresh .menu-group li {margin:0;} .mplvn-refresh .product-card .price {display:flex; gap:10px; flex-wrap:wrap; font-size:18px; font-weight:700;} .mplvn-refresh .price ins {text-decoration:none;} .mplvn-refresh .price del {color:#7c858a; font-weight:400;} .mplvn-refresh .detail-summary>.price {font-size:26px; font-weight:700;} .mplvn-refresh .detail-summary>.price del {font-size:18px;} .mplvn-refresh .button {text-transform:none; letter-spacing:normal; margin-inline:0; border:0;} .mplvn-refresh h1,.mplvn-refresh h2,.mplvn-refresh h3 {color:inherit; font-family:var(--font);} .mplvn-refresh footer {position:relative;} .mplvn-refresh footer a {font-weight:400;} .mpl-pagination {padding-top:32px;} .mpl-pagination ul {list-style:none;display:flex;gap:10px;padding:0;} .mpl-pagination .page-numbers {padding:8px 14px;border:1px solid var(--line);border-radius:4px;} .mpl-pagination ul.page-numbers {border:0;padding:0;} .mpl-pagination .current {background:var(--brand-dark);color:white;} .mpl-gallery {display:flex; flex-wrap:wrap; gap:10px; margin-top:16px;} .mpl-gallery button {width:74px; padding:3px; border:1px solid var(--line); border-radius:5px;} .mpl-short-description {margin-bottom:24px;} .mpl-short-description p {margin-bottom:14px;} .mpl-native-content {font-size:16px;} .mpl-native-content p {margin-bottom:20px;} .mpl-native-content h2 {margin-block:25px 16px;} .mpl-native-content .wp-block-columns {gap:44px;} .mpl-native-content .fluentform {padding:28px;background:#f2f5f7;border-radius:8px;} .mpl-native-content .ff-btn-submit {background:#102b40!important;font-size:16px!important;padding:12px 24px!important;} .mpl-native-content .ff-el-form-control {font-size:16px!important;} .mpl-blog-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;} .mpl-blog-grid article {border:1px solid var(--line);padding:20px;border-radius:8px;} .mpl-blog-grid img {aspect-ratio:1.6;object-fit:cover;width:100%;} .mpl-blog-grid h2 {font-size:23px;margin:18px 0 10px;} @media(max-width:767px){ .mplvn-refresh .container,.mplvn-refresh .header-main,.mplvn-refresh .nav {width:calc(100% - 32px);} .mplvn-refresh .header-main {display:flex;flex-wrap:wrap;gap:16px;padding-block:16px;} .mplvn-refresh .brand {width:100%;}.mplvn-refresh .brand img {width:52px;height:52px;} .mplvn-refresh .search-form {flex:1 1 100%;margin:0;}.mplvn-refresh .header-contact {flex:1;} .mplvn-refresh .header-contact small {display:none;}.mplvn-refresh .header-contact strong{font-size:12px;} .mplvn-refresh .contact-icon {display:none;}.mplvn-refresh .nav {gap:20px;height:56px;} .mplvn-refresh .nav-link {font-size:14px;}.mplvn-refresh .nav-link.current{padding:0 5px;} .mplvn-refresh .product-nav .mega-menu {width:calc(100vw - 32px);left:0;max-height:65vh;} .mplvn-refresh .menu-groups {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} .mplvn-refresh .menu-group h3 a {font-size:15px;min-height:0;}.mplvn-refresh .menu-group li a {font-size:14px;} .mplvn-refresh .menu-intro>span:last-child {display:none;} .mplvn-refresh .about,.mplvn-refresh .certificate-section,.mplvn-refresh .meeting-section,.mplvn-refresh .product-detail {display:grid;grid-template-columns:1fr;gap:26px;} .mplvn-refresh .product-grid,.mplvn-refresh .category-grid,.mplvn-refresh .footer-grid,.mplvn-refresh .collection-directory {grid-template-columns:repeat(2,minmax(0,1fr));} .mplvn-refresh .catalog-grid .product-photo{height:170px;}.mplvn-refresh .product-info {padding:12px;} .mplvn-refresh .product-info h3 {font-size:14px;}.mplvn-refresh .section{padding-block:36px;} .mplvn-refresh .stats {grid-template-columns:repeat(2,1fr);}.mplvn-refresh .stats strong {font-size:26px;} .mplvn-refresh .services {grid-template-columns:1fr;gap:24px;}.mplvn-refresh .brand-logos {flex-wrap:wrap;} .mplvn-refresh .footer-bottom {flex-wrap:wrap;gap:16px;}.mplvn-refresh .catalog-heading h1,.mplvn-refresh .subpage h1 {font-size:28px;} .mpl-blog-grid {grid-template-columns:1fr;}.mplvn-refresh .floating-contact{bottom:16px;right:16px;} } .mplvn-refresh .site-header ul,.mplvn-refresh footer ul{list-style:none}
/* MPLVN responsive repair — 2026-10-02. Shared chrome for every page template. */
body.mplvn-refresh .site-header .header-main,
body.mplvn-refresh .site-header .nav,
body.mplvn-refresh footer .container { box-sizing: border-box; }
body.mplvn-refresh .site-header .header-main { display: grid; grid-template-columns: auto minmax(160px,1fr) auto auto; gap: 20px; height: auto; min-height: 116px; padding-block: 20px; }
body.mplvn-refresh .site-header .header-main > * { min-width: 0; grid-column: auto; grid-row: auto; }
body.mplvn-refresh .site-header .search-form { width: 100%; min-width: 0; margin: 0; }
body.mplvn-refresh .site-header .nav { gap: clamp(14px,2.4vw,32px); }
body.mplvn-refresh .site-header .nav-link { flex-shrink: 0; }
body.mplvn-refresh footer .footer-column { min-width: 0; overflow-wrap: anywhere; }
@media (max-width:1150px) {
 body.mplvn-refresh .site-header .header-main { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px 24px; }
 body.mplvn-refresh .site-header .brand { width: auto; }
 body.mplvn-refresh .site-header .header-contact { min-width: 0; }
 body.mplvn-refresh .site-header .header-contact small { display: none; }
 body.mplvn-refresh .site-header .header-contact strong { overflow-wrap: anywhere; }
 body.mplvn-refresh .site-header .nav-link { font-size: 15px; }
 body.mplvn-refresh .site-header .alibaba-link img { width: 130px !important; }
}
@media (max-width:900px) {
 body.mplvn-refresh .site-header .header-main,
 body.mplvn-refresh .site-header .nav,
 body.mplvn-refresh footer .container { width: calc(100% - 32px); }
 body.mplvn-refresh .site-header .nav { gap: 12px; }
 body.mplvn-refresh .site-header .nav-link { font-size: 14px; }
 body.mplvn-refresh .site-header .alibaba-link { padding-inline: 10px !important; gap: 6px !important; }
 body.mplvn-refresh .site-header .alibaba-link img { width: 112px !important; }
 body.mplvn-refresh .site-header .menu-groups { grid-template-columns: repeat(2,minmax(0,1fr)); }
 body.mplvn-refresh footer .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
}
@media (max-width:700px) {
 body.mplvn-refresh .site-header .header-main { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; padding-block: 16px; min-height: 0; }
 body.mplvn-refresh .site-header .header-main > .brand,
 body.mplvn-refresh .site-header .header-main > .search-form { grid-column: 1 / -1; }
 body.mplvn-refresh .site-header .brand img { width: 52px; height: 52px; }
 body.mplvn-refresh .site-header .brand > span { font-size: 19px; }
 body.mplvn-refresh .site-header .header-contact { display: flex; min-height: 28px; }
 body.mplvn-refresh .site-header .header-contact strong { font-size: 11px; }
 body.mplvn-refresh .site-header .contact-icon { display: none; }
 body.mplvn-refresh .site-header .nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px 8px; height: auto; padding-block: 6px; }
 body.mplvn-refresh .site-header .nav > .nav-link,
 body.mplvn-refresh .site-header .product-nav,
 body.mplvn-refresh .site-header .products-toggle { width: 100%; justify-content: center; min-height: 44px; height: auto; }
 body.mplvn-refresh .site-header .nav-link { font-size: 14px; }
 body.mplvn-refresh .site-header .nav-link.current { padding: 0 4px; }
 body.mplvn-refresh .site-header .nav-link.current::after { bottom: 0; left: 10px; right: 10px; }
 body.mplvn-refresh .site-header .alibaba-link { margin-left: 0 !important; padding: 6px !important; gap: 4px !important; }
 body.mplvn-refresh .site-header .alibaba-link img { width: min(88px,calc(100% - 16px)) !important; }
 body.mplvn-refresh .site-header .product-nav .mega-menu { top: 100%; left: 0; width: 100%; max-height: 60vh; max-height: 60dvh; }
 body.mplvn-refresh .site-header .menu-intro { padding: 14px 16px; }
 body.mplvn-refresh .site-header .menu-intro > span:last-child { display: none; }
 body.mplvn-refresh .site-header .menu-groups { padding: 0 16px 16px; gap: 0 16px; }
 body.mplvn-refresh .site-header .menu-group { min-width: 0; border-top: 1px solid var(--line); }
 body.mplvn-refresh .site-header .menu-group h3 a { font-size: 14px; min-height: 0; }
 body.mplvn-refresh .site-header .menu-group li a { font-size: 14px; padding-block: 10px; }
 body.mplvn-refresh footer .footer-contact { grid-column: 1 / -1; }
 body.mplvn-refresh footer .footer-bottom { flex-wrap: wrap; gap: 16px; padding-bottom: 90px; }
 body.mplvn-refresh footer .footer-brand { min-width: 0; align-items: flex-start; }
 body.mplvn-refresh .floating-contact { bottom: 12px; right: 12px; padding: 10px 12px; font-size: 13px; }
}


/* Responsive content layout; native WooCommerce content retains its own layout. */
body.mplvn-refresh:not(.mplvn-native-product) .product-card { min-width: 0; }
body.mplvn-refresh:not(.mplvn-native-product) .product-info h3 { overflow-wrap: anywhere; }
body.mplvn-refresh:not(.mplvn-native-product) .mpl-pagination ul { flex-wrap: wrap; }
@media (min-width:768px) and (max-width:1000px) {
 body.mplvn-refresh:not(.mplvn-native-product) .new-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
 body.mplvn-refresh:not(.mplvn-native-product) .about { grid-template-columns: 1fr; }
 body.mplvn-refresh:not(.mplvn-native-product) .video-cover { min-height: 0; aspect-ratio: 1.5; }
 body.mplvn-refresh:not(.mplvn-native-product) .benefit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px) {
 body.mplvn-refresh:not(.mplvn-native-product) .container { width: calc(100% - 32px); }
 body.mplvn-refresh:not(.mplvn-native-product) .best-grid,
 body.mplvn-refresh:not(.mplvn-native-product) .new-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
 body.mplvn-refresh:not(.mplvn-native-product) .section-heading { flex-wrap: wrap; align-items: flex-start; gap: 12px; }
 body.mplvn-refresh:not(.mplvn-native-product) .section-heading h2 { font-size: 28px; }
 body.mplvn-refresh:not(.mplvn-native-product) .new-grid .product-info h3 { font-size: 14px; min-height: 0; margin-bottom: 0; }
 body.mplvn-refresh:not(.mplvn-native-product) .video-cover { min-height: 0; aspect-ratio: 1.15; }
 body.mplvn-refresh:not(.mplvn-native-product) .gallery-track { grid-auto-columns: calc((100% - 16px) / 2); }
 body.mplvn-refresh:not(.mplvn-native-product) .gallery-photo { height: 140px; }
 body.mplvn-refresh:not(.mplvn-native-product) .brand-strip { flex-wrap: wrap; justify-content: center; gap: 20px; }
 body.mplvn-refresh:not(.mplvn-native-product) .brand-strip img { flex: 0 1 84px; }
 body.mplvn-refresh:not(.mplvn-native-product) .services-grid { grid-template-columns: 1fr; gap: 20px; }
 body.mplvn-refresh:not(.mplvn-native-product) .services-grid article { justify-content: flex-start; border-right: 0; }
 body.mplvn-refresh:not(.mplvn-native-product) .meeting-section { padding: 26px 22px; }
 body.mplvn-refresh:not(.mplvn-native-product) .meeting-section > img { height: auto; }
 body.mplvn-refresh:not(.mplvn-native-product) .mpl-native-content { overflow-wrap: anywhere; }
}
@media (max-width:600px) {
 body.mplvn-refresh:not(.mplvn-native-product) .category-grid,
 body.mplvn-refresh:not(.mplvn-native-product) .collection-directory { grid-template-columns: 1fr; }
 body.mplvn-refresh:not(.mplvn-native-product) .slider-bar { flex-wrap: wrap; gap: 8px; padding-block: 10px; }
 body.mplvn-refresh:not(.mplvn-native-product) .slide-label { gap: 8px; }
 body.mplvn-refresh:not(.mplvn-native-product) .slider-controls { margin-left: auto; }
 body.mplvn-refresh:not(.mplvn-native-product) .slider-controls .circle-button { width: 36px; height: 36px; }
 body.mplvn-refresh:not(.mplvn-native-product) .slider-dots { margin-right: 4px; }
}

/* MPL Vietnam: shared footer and narrow-screen usability, 2026-10-02. */
body.mplvn-refresh footer.mpl-site-footer{padding:0;background:#102b40;color:#cbd7df;font-family:var(--font);font-size:15px;line-height:1.7;}
body.mplvn-refresh footer.mpl-site-footer .container{width:calc(100% - 64px);max-width:1200px;margin:0 auto;padding-inline:0;}
body.mplvn-refresh footer.mpl-site-footer .footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.35fr;gap:32px;padding-block:44px 32px;align-items:start;}
body.mplvn-refresh footer.mpl-site-footer .footer-column{min-width:0;display:block;}
body.mplvn-refresh footer.mpl-site-footer h3{margin:0 0 14px;font-size:17px;line-height:1.4;letter-spacing:0;color:#fff;font-weight:700;}
body.mplvn-refresh footer.mpl-site-footer .footer-column>a{display:flex;align-items:center;min-height:40px;padding:7px 0;margin:0;font-size:15px;line-height:1.6;color:#cbd7df;font-weight:400;overflow-wrap:break-word;}
body.mplvn-refresh footer.mpl-site-footer .footer-column p{margin:0 0 16px;font-size:15px;line-height:1.8;color:#cbd7df;}
body.mplvn-refresh footer.mpl-site-footer .footer-column p b{display:block;color:#fff;font-weight:600;}
body.mplvn-refresh footer.mpl-site-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px;}
body.mplvn-refresh footer.mpl-site-footer a:focus-visible{outline:2px solid #ec9b68;outline-offset:3px;}
body.mplvn-refresh footer.mpl-site-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff24;padding-block:20px 76px;}
body.mplvn-refresh footer.mpl-site-footer .footer-brand{display:flex;align-items:center;gap:12px;flex:0 1 auto;min-width:0;font-size:14px;line-height:1.6;color:#cbd7df;}
body.mplvn-refresh footer.mpl-site-footer .footer-brand img{width:36px;height:36px;flex:0 0 36px;object-fit:contain;}
body.mplvn-refresh footer.mpl-site-footer .footer-brand span{min-width:0;}
body.mplvn-refresh footer.mpl-site-footer .footer-bottom>.text-link{margin-left:auto;flex:0 0 auto;min-height:44px;padding:8px 0;font-size:14px;line-height:1.5;font-weight:600;color:#fff;}
@media(max-width:1000px){
 body.mplvn-refresh footer.mpl-site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;}
}
@media(max-width:600px){
 body.mplvn-refresh footer.mpl-site-footer .container{width:calc(100% - 40px);}
 body.mplvn-refresh footer.mpl-site-footer .footer-grid{gap:24px 20px;padding-block:32px 24px;}
 body.mplvn-refresh footer.mpl-site-footer h3{font-size:16px;margin-bottom:10px;}
 body.mplvn-refresh footer.mpl-site-footer .footer-column>a{min-height:44px;font-size:14px;line-height:1.55;}
 body.mplvn-refresh footer.mpl-site-footer .footer-policies{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;border-top:1px solid #ffffff24;padding-top:22px;}
 body.mplvn-refresh footer.mpl-site-footer .footer-policies h3{grid-column:1/-1;}
 body.mplvn-refresh footer.mpl-site-footer .footer-contact{grid-column:1/-1;border-top:1px solid #ffffff24;padding-top:22px;}
 body.mplvn-refresh footer.mpl-site-footer .footer-contact>a{font-size:15px;}
 body.mplvn-refresh footer.mpl-site-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;padding-block:20px 88px;}
 body.mplvn-refresh footer.mpl-site-footer .footer-brand{font-size:13px;align-items:center;max-width:100%;}
 body.mplvn-refresh footer.mpl-site-footer .footer-bottom>.text-link{margin-left:0;}
 body.mplvn-refresh .mpl-contact .mc-qr{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;margin-inline:0;}
 body.mplvn-refresh .mpl-contact .mc-qr>a{display:block;width:148px;max-width:100%;flex:none;}
 body.mplvn-refresh .mpl-contact .mc-qr img{width:148px;height:auto;max-width:100%;}
 body.mplvn-refresh .mpl-contact .mc-qr figcaption{width:100%;text-align:center;font-size:14px;line-height:1.65;}
 body.mplvn-refresh .mpl-contact .mc-qr figcaption strong{display:block;margin-bottom:6px;}
 body.mplvn-refresh .site-header .header-contact strong{font-size:12px;line-height:1.6;}
 body.mplvn-refresh .site-header .header-contact{min-height:36px;}
 body.mplvn-refresh .site-header input[type=search],body.mplvn-refresh .mpl-contact input,body.mplvn-refresh .mpl-contact textarea{font-size:16px;}
 body.mplvn-refresh .site-header .menu-group li a{min-height:44px;display:flex;align-items:center;}
}