@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@500&display=swap');

:root { --container-width:1248px; --container-gutter:96px; --container-inset:max(24px,calc((100% - var(--container-width)) / 2)); color:#1a1c1f; background:#fff; font-family:'Poppins',Arial,sans-serif; font-synthesis:none; text-rendering:geometricPrecision; }
* { box-sizing:border-box; }
html,body { min-width:320px; margin:0; background:#fff; }
body { min-height:100vh; }
button,input,a { font:inherit; }
button { border:0; cursor:pointer; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; }
.container { width:min(100%,var(--container-width)); margin-left:auto; margin-right:auto; }
.page-inset { padding-right:var(--container-inset); padding-left:var(--container-inset); }
.app { min-height:100vh; padding-top:96px; overflow:hidden; }
.site-header { position:fixed; top:0; right:0; left:0; z-index:120; width:100%; height:96px; overflow:visible; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.06); }
.reveal-up { opacity:0; transform:translateY(64px); transition:opacity .7s ease, transform .7s ease; }
.reveal-up.is-revealed { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce) { .reveal-up { opacity:1; transform:none; transition:none; } }
.site-header__inner { position:relative; width:min(100%,1440px); height:96px; margin:0 auto; overflow:visible; }
.brand { position:absolute; top:17px; left:41px; display:block; width:270px; height:61px; }
.brand img { display:block; width:100%; height:100%; object-fit:cover; }
.menu-button { position:absolute; top:-9px; left:370px; display:flex; width:65px; height:105px; padding:0; flex-direction:column; align-items:center; background:#fe0000; color:#fff; transition:background-color .3s ease-in-out,color .3s ease-in-out; }
.menu-button:hover,.menu-button[aria-expanded="true"],body.menu-open .menu-button { background:#03c7b2; color:#000; }
.menu-button__label { margin-top:30px; font-size:14px; font-weight:700; line-height:20px; }
.menu-icon { display:flex; width:48px; height:20px; margin-top:17px; flex-direction:column; justify-content:space-between; }
.menu-icon img { display:block; width:48px; height:1px; transition:filter .3s ease-in-out; }
.menu-button:hover .menu-icon img,.menu-button[aria-expanded="true"] .menu-icon img,body.menu-open .menu-button .menu-icon img { filter:brightness(0); }
.search-button { position:absolute; top:26px; left:454px; display:grid; width:44px; height:44px; padding:0; place-items:center; border-radius:50%; background:#f7f8f9; color:#f00; }
.search-button span { margin-top:-2px; font-size:24px; font-weight:600; line-height:30px; }
.desktop-navigation { position:absolute; top:40px; right:116px; left:auto; z-index:3; display:flex; align-items:center; justify-content:flex-end; gap:20px; overflow:visible; white-space:nowrap; }
.desktop-navigation > a,.nav-item--dropdown > a { display:inline-flex; align-items:center; gap:8px; color:#2e3036; font-size:13px; font-weight:500; line-height:16px; }
.desktop-navigation > a img,.nav-item--dropdown > a img { display:block; width:4px; height:8px; flex:0 0 auto; transform:rotate(90deg); }
.lang_wrapper { position:absolute; top:29px; right:42px; z-index:30; width:57px; height:35px; margin:0; padding:0; list-style:none; }
.lang_wrapper::before { content:""; position:absolute; top:0; left:0; width:57px; height:35px; background:#fff; border-radius:10px; border:1px solid #e0e3e5; pointer-events:none; transition:height .2s; }
.lang_wrapper:hover::before,
.lang_wrapper:focus-within::before,
.lang_wrapper.is-open::before { height:99px; }
.lang_item { position:absolute; left:0; top:0; z-index:1; width:57px; height:35px; display:flex; align-items:center; justify-content:center; line-height:0; cursor:pointer; transition:top .2s ease, opacity .2s ease, visibility .2s ease; }
.lang_item:not(.is-current) { opacity:0; visibility:hidden; pointer-events:none; }
.lang_wrapper:hover .lang_item:not(.is-current),
.lang_wrapper:focus-within .lang_item:not(.is-current),
.lang_wrapper.is-open .lang_item:not(.is-current) { opacity:1; visibility:visible; pointer-events:auto; }
.lang_wrapper:hover .lang_item:nth-child(2),
.lang_wrapper:focus-within .lang_item:nth-child(2),
.lang_wrapper.is-open .lang_item:nth-child(2) { top:32px; }
.lang_wrapper:hover .lang_item:nth-child(3),
.lang_wrapper:focus-within .lang_item:nth-child(3),
.lang_wrapper.is-open .lang_item:nth-child(3) { top:64px; }
.lang_flag { width:35px; height:19px; border-radius:4px; object-fit:cover; display:block; }

.hero { position:relative; height:720px; overflow:hidden; color:#fff; }
.hero__image,.hero__overlay { position:absolute; inset:0; width:100%; height:100%; }
.hero__image { object-fit:cover; }
.hero__overlay { background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.28) 58%,rgba(0,0,0,.08) 100%); }
.hero__gmp-badge { position:absolute; top:22px; right:27px; z-index:1; width:109px; height:109px; object-fit:cover; }
.hero__accent { position:absolute; top:148px; left:max(6.67%,calc((100% - var(--container-width))/2)); width:6px; height:64px; border-radius:3px; background:#f00; }
.hero__content { position:absolute; top:144px; left:max(8.75%,calc((100% - 1188px)/2)); width:700px; }
.hero__eyebrow { margin:0 0 18px; color:#f00; font-size:13px; font-weight:600; line-height:40px; }
.hero h1 { margin:0 0 18px; font-size:56px; font-weight:700; line-height:1.12; }
.hero h1 span { display:block; }
.hero__subtitle { margin:0 0 18px; color:#e3e5e8; font-size:18px; line-height:1.5; }
.hero__button { display:flex; width:158px; height:43px; align-items:center; justify-content:center; gap:8px; border-radius:22px; background:#f00; color:#fff; font-size:13px; font-weight:600; }
.hero__button img { width:22px; height:24px; filter:brightness(0) invert(1); }
.video-badge { position:absolute; right:64px; bottom:10px; display:flex; width:240px; height:48px; align-items:center; gap:10px; padding:11px 16px; border-radius:999px; background:rgba(255,255,255,.14); font-size:11px; }
.video-badge img { width:20px; height:20px; }

.metrics { height:99px; border-bottom:1px solid #e8ebed; background:#fff; }
.metrics__inner { display:flex; width:min(100%,var(--container-width)); height:99px; margin:auto; padding:11px 0; align-items:center; justify-content:space-between; }
.metric { display:flex; width:236px; height:76px; align-items:center; gap:14px; }
.metric__icon { display:grid; width:44px; height:44px; flex:0 0 44px; place-items:center; border-radius:50%; background:#fdeced; }
.metric__icon img { width:24px; height:24px; object-fit:contain; }
.metric:first-child .metric__icon img { width:26px; height:28px; }
.metric strong,.metric small { display:block; white-space:nowrap; }
.metric strong { color:#1a1c1f; font-size:18px; font-weight:700; line-height:23px; }
.metric small { color:#61666e; font-size:11px; line-height:14px; }

.section-white { position:relative; background:#fff; }
.products { height:596px; }
.products,.process,.certificates,.news,.partners { width:100%; }
.section-heading,.about__inner,.process__inner,.certificates__inner,.news__inner,.partners__inner,.mega-menu,.metrics__inner,.news-filters,.news-list,.product-list,.product-breadcrumb,.product-volumes,.product-information,.related-products,.product-documents,.gallery-panel,.partner-section,.partner-statement,.products-filters,.other-products,.product-detail-hero,.contact-intro__inner,.contact-map-inner,.certificates-gallery__row { width:min(100%,var(--container-width)); margin-left:auto; margin-right:auto; }
.section-heading { position:absolute; top:0; left:50%; height:105px; transform:translateX(-50%); }
.section-heading--products { padding-top:44px; }
.eyebrow { position:relative; z-index:1; margin:0; color:#f00; font-size:12px; font-weight:600; letter-spacing:1.04px; line-height:16px; }
.heading-accent { position:absolute; display:flex; gap:4px; height:3px; }
.heading-accent i,.heading-accent b { display:block; height:3px; border-radius:2px; }
.heading-accent i { background:#00c7b2; }
.heading-accent b { background:#f00; }
.section-heading .heading-accent { top:62px; left:0; }
.section-heading .heading-accent i { width:63px; }
.section-heading .heading-accent b { width:29px; }
h2 { margin:0; color:#141a1c; font-size:40px; font-weight:700; line-height:1.25; }
h2 em { color:#00c7b2; font-style:normal; }
.section-heading h2 { margin-top:9px; font-size:38px; }
.section-subtitle { margin:5px 0 0; color:#61666e; font-size:15px; line-height:1.3; }
.outline-button { position:absolute; top:70px; right:max(4.44%,calc((100% - var(--container-width))/2)); padding:12px 18px; border:1px solid #d6d9db; border-radius:12px; font-size:13px; font-weight:600; }
.product-grid { display:grid; position:absolute; top:209px; left:50%; width:min(100%,var(--container-width)); margin:0; transform:translateX(-50%); grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; }
.products .product-grid { display:block; overflow:visible; }
.products .product-nav,.products .product-nav.swiper-button-disabled { position:absolute; top:50%; z-index:2; display:grid; width:42px; height:42px; padding:0; place-items:center; background:transparent; transform:translateY(-50%); opacity:1; pointer-events:auto; }
.products .product-nav--prev { left:-42px; }
.products .product-nav--next { right:-42px; }
.products .product-nav img { width:42px; height:42px; max-width:none; pointer-events:none; }
.products .product-swiper { width:100%; overflow:hidden; }
.products .product-swiper .swiper-slide { height:auto; }
.products .product-swiper .product-card { width:100%; cursor:pointer; }
.product-card { position:relative; height:330px; overflow:hidden; border:1px solid #e8ebed; border-radius:20px; background:linear-gradient(#00c7b2 0%,#fff 45%); box-shadow:0 10px 28px rgba(0,0,0,.03); }
.product-card::after { position:absolute; inset:0; z-index:0; border:1px solid #e5ebeb; border-radius:20px; background:#fff; box-shadow:0 10px 28px rgba(0,0,0,.05); content:""; }
.product-card__image { position:relative; z-index:1; width:calc(100% - 28px); height:185px; margin:12px 14px 0; overflow:hidden; border:1px solid #e5ebeb; border-radius:20px; background:#fff; box-shadow:0 10px 28px rgba(0,0,0,.05); }
.product-bottle { position:absolute; top:8px; left:50%; width:120px; height:170px; transform:translateX(-50%); object-fit:contain; }
.product-label { display:none; }
.product-card h3,.product-card p,.product-card>a { position:relative; z-index:1; margin-left:17px; }
.product-card h3 { margin-top:17px; margin-bottom:0; color:#1a1f24; font-size:16px; font-weight:600; line-height:28px; }
.product-card p { margin-top:10px; margin-bottom:0; color:#00c7b2; font-size:11px; }
.product-card>a { display:block; margin-top:14px; color:#f00; font-size:11px; font-weight:600; }

.about { height:614px; background:#f0fefb; }
.about__inner { position:relative; height:100%; padding-top:39px; }
.about__inner>.heading-accent { top:59px; left:0; }.about__inner>.heading-accent i { width:66px; }.about__inner>.heading-accent b { width:24px; }
.about h2 { margin-top:17px; font-size:40px; }.about__subtitle { margin:0; color:#636b75; font-size:16px; line-height:1.25; }
.about__visual { position:absolute; top:211px; left:0; width:540px; height:330px; overflow:hidden; border-radius:24px; }.about__visual img { width:100%; height:100%; object-fit:cover; }.about__visual span { position:absolute; bottom:9px; left:30px; color:#fff; font-size:13px; font-weight:600; }
.about__copy { position:absolute; top:211px; right:24px; width:600px; color:#636b75; }.about__copy>p { height:150px; margin:0; font-size:17px; line-height:1.25; }.about__copy>a { display:block; margin-top:49px; color:#f00; font-size:15px; font-weight:600; }
blockquote { position:relative; height:98px; margin:15px 0 0; padding:18px 28px; border:1px solid #dbe5e3; border-radius:12px; background:rgba(255,255,255,.82); color:#1a1f21; font-size:15px; font-weight:600; line-height:23px; } blockquote::before { position:absolute; top:-1px; bottom:-1px; left:-1px; width:5px; border-radius:3px; background:#f00; content:""; } blockquote cite { display:block; color:#5c6366; font-size:12px; font-style:normal; font-weight:400; line-height:normal; }
.carousel-arrow { position:absolute; top:356px; display:grid; width:46px; height:46px; padding:0; place-items:center; background:transparent; }.carousel-arrow img { width:46px; height:46px; }.carousel-arrow--left { left:-38px; }.carousel-arrow--right { right:-38px; }.about__pagination { position:absolute; bottom:10px; left:50%; display:flex; align-items:center; gap:8px; height:12px; transform:translateX(-50%); }.about__pagination button { width:8px; height:8px; padding:0; border:0; border-radius:4px; background:#f00; opacity:.35; cursor:pointer; transition:width .3s ease,opacity .3s ease; }.about__pagination button.is-active { width:22px; opacity:1; }

.process { height:563px; }.process__inner { position:relative; height:100%; padding-top:31px; }.process__inner>.heading-accent { top:52px; left:0; }.process__inner>.heading-accent i { width:93px; }.process__inner>.heading-accent b { width:29px; }.process h2 { margin-top:17px; }.process h2 em { color:#f00; }.process .section-subtitle { margin-top:1px; }
.process-grid { display:grid; position:absolute; top:177px; left:0; width:100%; grid-template-columns:repeat(6,180px); justify-content:space-between; }.process-step { position:relative; }.process-card { width:180px; height:190px; overflow:hidden; border:1px solid #e0e3e8; border-radius:18px; }.process-card img { width:100%; height:100%; object-fit:cover; }.process-step>strong { display:block; margin:18px 0 0 8px; color:#f00; font-size:13px; line-height:16px; }.process-step h3 { margin:5px 0 0 8px; color:#1b1d20; font-size:16px; line-height:1.25; }.process-timeline { position:absolute; top:481px; right:0; bottom:auto; left:0; display:grid; height:12px; align-items:center; grid-template-columns:repeat(6,180px); justify-content:space-between; }
.process-timeline__track { position:absolute; top:50%; right:5px; left:5px; z-index:0; height:2px; background:#dde7e6; transform:translateY(-50%); }
.process-timeline__fill { position:absolute; top:50%; right:5px; left:5px; z-index:0; height:2px; background:linear-gradient(90deg,#7ef3ea 0%,#00c7b2 28%,#008c80 100%); transform:translateY(-50%) scaleX(0); transform-origin:left center; transition:transform 6s linear; }
.process-timeline i { position:relative; z-index:1; width:10px; height:10px; margin-left:5px; border-radius:50%; background:#cfdcdb; box-shadow:0 0 0 3px #fff; transition:background-color .35s ease,box-shadow .35s ease,transform .35s ease; }
.process-timeline i.process-timeline__end { position:absolute; top:1px; right:0; margin:0; }
.process-timeline.is-active .process-timeline__fill { transform:translateY(-50%) scaleX(1); }
.process-timeline.is-active i { background:#00c7b2; box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(0,199,178,.28); transform:scale(1.15); }
.process-timeline.is-active i.process-timeline__end { background:#008c80; box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(0,140,128,.28); transform:scale(1.35); }
@media (prefers-reduced-motion:reduce) { .process-timeline__fill,.process-timeline i { transition:none !important; } }

.certificates { height:512px; }.certificates__inner { position:relative; height:100%; padding-top:8px; }.certificates__inner>.heading-accent { top:29px; left:0; }.certificates__inner>.heading-accent i { width:76px; }.certificates__inner>.heading-accent b { width:24px; }.certificates h2 { margin-top:20px; }.certificates .section-subtitle { margin-top:3px; }.certificate-grid { display:grid; position:absolute; top:164px; left:0; width:100%; margin:0; grid-template-columns:minmax(0,1fr); }.certificate-feature { position:relative; height:285px; overflow:hidden; padding:20px 28px; border:1px solid #e5e7e9; border-radius:14px; background:#fff; }.certificate-feature strong { display:block; color:#f00; font-size:22px; font-weight:700; line-height:28px; }.certificate-feature h3 { width:300px; margin:13px 0 14px; color:#1b1d20; font-size:16px; font-weight:600; line-height:20px; }.certificate-feature a { position:relative; z-index:2; color:#f00; font-size:14px; font-weight:600; line-height:18px; }.certificate-feature__gmp { position:absolute; top:121px; left:160px; display:block; width:96px; height:96px; max-width:none; object-fit:cover; }.certificate-feature__portrait,.certificate-feature__landscape,.certificate-feature__gmp-doc { position:absolute; display:flex; align-items:center; justify-content:center; }.certificate-feature__gmp-doc { top:16px; right:100px; z-index:3; width:196px; height:262px; }.certificate-feature__gmp-doc img { display:block; width:168px; height:238px; max-width:none; object-fit:cover; border:1px solid #e4e7ea; background:#fff; box-shadow:0 12px 24px rgba(20,26,28,.14); }.certificate-feature__portrait { top:14px; right:8px; z-index:2; width:188px; height:250px; }.certificate-feature__portrait img { display:block; width:150px; height:214px; max-width:none; transform:rotate(12deg); transform-origin:center center; object-fit:cover; border:1px solid #e4e7ea; background:#fff; box-shadow:0 10px 22px rgba(20,26,28,.12); }.certificate-feature__landscape { top:88px; right:178px; z-index:1; width:236px; height:196px; }.certificate-feature__landscape img {     display: block;
    width: 198px;
    height: 152px;
    max-width: none;
    transform: rotate(-20deg);
    transform-origin: center center;
    object-fit: cover;
    border: 1px solid #e4e7ea;
    background: #fff;
    box-shadow: 0 10px 22px rgba(20, 26, 28, .12);
    right: -19px;
    position: relative;
    bottom: 47px;
 }

.certificate-feature a { top:8px; }
@media (max-width:680px) { .certificate-feature { height:360px; }.certificate-feature h3 { width:240px; }.certificate-feature__gmp { top:228px; left:28px; width:76px; height:76px; }.certificate-feature__gmp-doc { top:48px; right:52px; width:150px; height:214px; }.certificate-feature__gmp-doc img { width:128px; height:182px; }.certificate-feature__portrait { top:56px; right:4px; width:142px; height:200px; }.certificate-feature__portrait img { width:111px; height:158px; transform:rotate(10deg);    position: relative;
    top: 10px; }.certificate-feature__landscape { top:168px; right:132px; width:176px; height:132px; }.certificate-feature__landscape img { width:152px; height:118px; transform:rotate(6deg); } }

.news { height:auto; min-height:624px; padding-bottom:48px; overflow:visible; }.news__inner { position:relative; height:auto; padding-top:41px; overflow:visible; }.news__inner>.heading-accent { top:61px; left:0; }.news__inner>.heading-accent i { width:57px; }.news__inner>.heading-accent b { width:18px; }.news h2 { margin-top:14px; }.news h2 em { color:#f00; }.news .section-subtitle { margin-top:1px; }.news-grid { display:grid; position:absolute; top:245px; left:0; width:100%; max-width:100%; margin:0; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }.news-card { position:relative; display:block; min-width:0; height:330px; border:1px solid; border-radius:20px; background:#fff; }.news-card--red { border-color:#f00; }.news-card--teal { border-color:#00c7b2; }.news-image { position:absolute; top:-79px; left:-1px; width:calc(100% + 2px); height:246px; overflow:hidden; border-radius:20px; }.news-image>img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }.views { position:absolute; bottom:12px; left:14px; display:flex; width:82px; height:28px; align-items:center; border-radius:14px; background:rgba(13,20,23,.72); color:#fff; font-size:11px; }.views img:first-child { width:17px; height:10px; margin-left:11px; }.views img:nth-child(2) { width:5px; height:5px; margin-left:-11px; }.views span { margin-left:10px; }.news-card__body { position:absolute; top:183px; left:23px; width:calc(100% - 48px); }.news-card time { color:#f00; font-size:12px; }.news-card h3 { margin:12px 0 0; font-size:19px; line-height:1.25; }.news-card p { margin:40px 0 0; color:#636b75; font-size:13px; line-height:1.25; }.news-card__arrow { position:absolute; right:0; bottom:-3px; display:block; width:30px; height:30px; }.news-card__arrow img { width:30px; height:30px; transition:transform .35s ease; }.news-card:hover .news-image>img { transform:scale(1.08); }.news-card:hover .news-card__arrow img { transform:rotate(45deg); }
.news-slider { position:relative; display:block; width:100%; margin-top:36px; overflow:visible; }
.news-slider .news-swiper { width:100%; min-width:0; overflow:hidden; padding-top:79px; }
.news-swiper .swiper-wrapper { align-items:stretch; }
.news-swiper .swiper-slide { height:auto; overflow:visible; }
.news-swiper .news-card { width:100%; }
.news-nav,.news-nav.swiper-button-lock,.news-nav.swiper-button-disabled { position:absolute; top:50%; z-index:8; display:grid; width:42px; height:42px; margin:0; padding:0; place-items:center; border:0; background:transparent; transform:translateY(-50%); opacity:1; pointer-events:auto; cursor:pointer; }
.news-nav--prev { left:-21px; }
.news-nav--next { right:-21px; }
.news-nav img { width:42px; height:42px; max-width:none; pointer-events:none; }

.partners { height:auto; padding-bottom:0; border-top:1px solid #e0e8eb; }
.partners__inner { position:relative; height:auto; padding-top:15px; padding-bottom:8px; }
.partners__inner>.heading-accent { top:34px; left:0; }
.partners__inner>.heading-accent i { width:76px; }
.partners__inner>.heading-accent b { width:24px; }
.partners h2 { margin-top:17px; line-height:1.2; }
.partners h2 em { color:#f00; }
.partner-label { display:inline-flex; height:31px; align-items:center; padding:0 13px; border:1px solid; border-radius:16px; font-size:10px; font-weight:600; }
.partner-label--domestic { margin-top:10px; border-color:rgba(0,140,128,.22); color:#008c80; }
.partner-label--global { margin-top:28px; border-color:rgba(255,0,0,.22); color:#e00a14; }
.partners .partner-row { position:relative; display:flex; width:100%; margin-top:10px; padding:18px; align-items:center; border:1px solid rgba(224,229,232,.8); border-radius:18px; background:rgba(255,255,255,.88); }
.partners .partner-swiper { width:100%; min-width:0; overflow:hidden; }
.partners .partner-swiper .swiper-wrapper { align-items:stretch; }
.partners .partner-swiper .swiper-slide { height:auto; }
.partners .partner-item { display:flex; flex-direction:column; align-items:center; gap:8px; }
.partners .partner-logo { display:grid; width:100%; height:80px; place-items:center; overflow:hidden; border:1px solid #dbe0e3; border-radius:12px; background:#fafbfc; }
.partners .partner-logo img { display:block; width:auto; height:auto; max-width:90%; max-height:70px; object-fit:contain; }
.partners .partner-country { display:flex; width:calc(100% - 10px); height:24px; align-items:center; justify-content:center; border:1px solid #e5ebeb; border-radius:20px; background:#fff; text-align:center; font-size:12px; line-height:1; }
.partners .partner-nav { position:absolute; top:50%; z-index:2; display:grid; width:42px; height:42px; padding:0; place-items:center; background:transparent; transform:translateY(-50%); }
.partners .partner-nav--prev { left:-42px; }
.partners .partner-nav--next { right:-42px; }
.partners .partner-nav img { width:42px; height:42px; }
.partners .partner-divider { height:1px; margin-top:28px; background:rgba(0,173,156,.13); }

.wholesale { position:relative; height:auto; padding:32px 0 40px; margin-top:0; background:#fff; }.wholesale__card { position:relative; top:auto; left:auto; width:min(100%,var(--container-width)); height:auto; margin:0 auto; padding:27px 34px; border:1px solid #f5ccd1; border-radius:24px; background:#fff4f5; box-shadow:0 8px 22px rgba(115,8,13,.06); transform:none; }.wholesale h2 { font-size:20px; line-height:normal; }.wholesale p { margin:2px 0 18px; color:#5c616b; font-size:15px; line-height:1.25; }.wholesale form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 190px; gap:30px; }.wholesale input,.wholesale button { height:42px; border:0; border-radius:7px; }.wholesale input { padding:0 15px; color:#1a1c1f; font-size:11px; }.wholesale button { background:#e00a14; color:#fff; font-size:11px; }

.site-footer { position:relative; height:343px; border:1px solid #e0e5e5; border-radius:3px 3px 0 0; background:#fff; }.site-footer__top { display:grid; width:min(100%,var(--container-width)); height:275px; margin:0 auto; padding:20px 0 0; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr); column-gap:48px; }.footer-brand img { width:270px; height:61px; object-fit:cover; }.footer-brand p { width:320px; margin:8px 0 0; color:#636b75; font-size:12px; line-height:1.25; }.footer-column h3 { margin:20px 0 17px; font-size:12px; line-height:20px; }.footer-column>span { display:block; width:42px; height:3px; margin-bottom:16px; background:#f00; }.footer-column>a { display:block; margin-bottom:14px; color:#636b75; font-size:14px; line-height:20px; }.footer-email { color:#e00a14 !important; text-decoration:underline; font-weight:600; }.footer-social>div { display:flex; gap:10px; }.footer-social>div a { display:grid; flex:0 0 40px; width:40px; height:40px; place-items:center; border:1px solid #f00; border-radius:20px; background:#fff; }.footer-social img { width:22px; height:22px; max-width:none; }.site-footer__bottom { position:absolute; bottom:0; left:50%; width:min(100%,var(--container-width)); height:68px; padding-top:22px; border-top:1px solid #e0e5e5; color:#808587; font-size:12px; transform:translateX(-50%); }

@media (max-width:1399px) { :root { --container-gutter:96px; --container-inset:48px; }.site-header__inner { width:100%; }.brand { left:24px; width:230px; height:auto; aspect-ratio:1724/390; }.menu-button { left:290px; }.search-button { left:374px; }.desktop-navigation { right:108px; left:auto; gap:14px; }.lang_wrapper { right:24px; }.hero__content { left:8%; }.product-grid,.section-heading,.about__inner,.process__inner,.certificates__inner,.news__inner,.partners__inner,.mega-menu,.metrics__inner,.wholesale__card,.site-footer__top,.site-footer__bottom,.news-filters,.news-list,.product-list,.product-breadcrumb,.product-volumes,.product-information,.related-products,.product-documents,.gallery-panel,.partner-section,.partner-statement,.products-filters,.other-products,.product-detail-hero,.contact-intro__inner,.contact-map-inner,.certificates-gallery__row,.container { width:calc(100% - var(--container-gutter)); }.certificate-grid { width:100%; grid-template-columns:repeat(3,1fr); }.news-grid { width:100%; grid-template-columns:repeat(3,1fr); }.wholesale form { grid-template-columns:1fr 1fr 190px; }.site-footer__top { column-gap:30px; } }
@media (max-width:1200px) {
  .desktop-navigation { gap:8px; }
  .desktop-navigation > a,.nav-item--dropdown > a { font-size:12px; }
}
@media (max-width:900px) { :root { --container-inset:24px; }.desktop-navigation { display:none; }.hero__content { left:8%; width:84%; }.hero h1 { font-size:42px; }.metrics { height:auto; }.metrics__inner { height:auto; padding:18px 0; flex-wrap:wrap; gap:18px; }.metric { width:calc(50% - 9px); }.section-heading,.product-grid,.certificate-grid,.news-grid,.about__inner,.process__inner,.certificates__inner,.news__inner,.partners__inner,.mega-menu,.metrics__inner,.wholesale__card,.site-footer__top,.site-footer__bottom,.news-filters,.news-list,.product-list,.product-breadcrumb,.product-volumes,.product-information,.related-products,.product-documents,.gallery-panel,.partner-section,.partner-statement,.products-filters,.other-products,.product-detail-hero,.contact-intro__inner,.contact-map-inner,.certificates-gallery__row,.container { position:relative; top:auto; left:auto; width:calc(100% - 48px); margin-left:auto; margin-right:auto; transform:none; }.section-heading { height:auto; }.product-grid,.certificate-grid,.news-grid { grid-template-columns:repeat(2,1fr); }.products { height:auto; padding-bottom:50px; }.about { height:auto; padding-bottom:50px; }.about__inner { height:auto; min-height:700px; }.about__visual { left:0; width:48%; }.about__copy { right:0; width:48%; }.process { height:auto; padding-bottom:50px; }.process-grid { position:relative; top:auto; grid-template-columns:repeat(3,1fr); margin-top:40px; gap:24px; }.process-card { width:100%; }.process-timeline { display:none; }.certificates,.news { height:auto; padding-bottom:50px; }.partners { height:auto; padding-bottom:50px; }.partners .partner-nav--prev { left:-8px; }.partners .partner-nav--next { right:-8px; }.products .product-nav--prev { left:-8px; }.products .product-nav--next { right:-8px; }.wholesale { height:auto; padding:24px 0; }.wholesale__card { position:relative; inset:auto; height:auto; padding:24px; }.wholesale form { grid-template-columns:1fr; }.site-footer { height:auto; }.site-footer__top { height:auto; padding:24px 0 0; grid-template-columns:repeat(2,1fr); gap:24px; }.site-footer__bottom { position:relative; right:auto; bottom:auto; left:auto; margin:24px auto 0; } }
@media (max-width:560px) { :root { --container-inset:16px; }.site-header,.site-header__inner { height:84px; }.brand { top:21px; left:16px; width:195px; }.menu-button { top:-5px; right:16px; left:auto; width:58px; height:84px; }.menu-button__label { margin-top:20px; font-size:14px; }.menu-icon,.menu-icon img { width:40px; }.search-button,.lang_wrapper { display:none; }.hero { height:620px; }.hero__content { top:120px; }.hero h1 { font-size:32px; }.hero__subtitle { font-size:14px; }.video-badge { right:18px; }.metrics__inner { flex-direction:column; align-items:flex-start; }.metric { width:100%; }.section-heading,.about__inner,.process__inner,.certificates__inner,.news__inner,.partners__inner,.mega-menu,.metrics__inner,.wholesale__card,.site-footer__top,.site-footer__bottom,.news-filters,.news-list,.product-list,.product-breadcrumb,.product-volumes,.product-information,.related-products,.product-documents,.product-grid,.gallery-panel,.partner-section,.partner-statement,.products-filters,.other-products,.product-detail-hero,.contact-intro__inner,.contact-map-inner,.certificates-gallery__row,.container { width:calc(100% - 32px); }.section-heading h2,h2 { font-size:30px; }.outline-button { top:165px; right:16px; }.product-grid,.certificate-grid,.news-grid { grid-template-columns:1fr; }.product-grid { width:calc(100% - 32px); margin-top:110px; }.about__inner { min-height:1050px; }.about h2 { font-size:30px; }.about__visual,.about__copy { position:relative; top:auto; right:auto; width:100%; }.about__visual { margin-top:28px; }.about__copy { margin-top:28px; }.about__copy>p { height:auto; }.carousel-arrow { display:none; }.process-grid { grid-template-columns:repeat(2,1fr); }.process-card { height:160px; }.certificate-grid { margin-top:32px; }.news-grid { margin-top:32px; }.news-slider { margin-top:28px; }.partners h2 { font-size:30px; }.partners .partner-nav { width:36px; height:36px; }.partners .partner-nav img { width:36px; height:36px; }.products .product-nav { width:36px; height:36px; }.products .product-nav img { width:36px; height:36px; }.news-nav { width:36px; height:36px; top:calc(64px + 165px); }.news-nav img { width:36px; height:36px; }.site-footer__top { grid-template-columns:1fr; }.footer-brand p { width:auto; }.footer-social>div { justify-content:flex-start; } }

/* ===== about.css ===== */
.about-page .about-hero {
  position: relative;
  height: 620px;
  overflow: hidden;
  background: #f6fbfa;
}

.about-hero__image {
  position: absolute;
  top: -128px;
  left: calc(50% - 888px);
  width: 1637px;
  height: 1006px;
  max-width: none;
  object-fit: cover;
}

.about-hero__overlay {
  position: absolute;
  top: -96px;
  left: 0;
  width: 100%;
  height: 720px;
  background: linear-gradient(90deg, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .28) 58%, rgba(0, 0, 0, .08) 100%);
}

.about-hero h1 {
  position: absolute;
  top: 255px;
  left: var(--container-inset);
  width: 650px;
  margin: 0;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
}

.about-hero h1 em { color: #00ad9c; font-style: normal; }

.about-feature-grid {
  position: absolute;
  top: 383px;
  left: var(--container-inset);
  display: flex;
  gap: 16px;
  width: calc(100% - 2 * var(--container-inset));
  align-items: stretch;
}

.about-feature-card {
  display: flex;
  width: auto;
  min-height: 0;
  min-width: 0;
  height: auto;
  align-self: stretch;
  flex: 1 1 0;
  padding: 20px 18px 16px;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, .3);
  border-radius: 20px;
  background: rgba(255, 255, 255, .1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02);
  backdrop-filter: blur(21px);
}

.about-feature-icon { position: relative; width: 71px; height: 71px; flex: 0 0 71px; overflow: hidden; }
.about-feature-icon img { position: absolute; display: block; max-width: none; object-fit: fill; }
.about-feature-icon--bfs img { top: 1px; left: 1px; width: 68.34px; height: 68.34px; transform: rotate(180deg) scaleX(-1); }
.about-feature-icon--tolerance img { top: 6.8px; left: 2.08px; width: 68.34px; height: 58.88px; }
.about-feature-icon--verified .about-icon-verified-shield { top: 2.78px; left: 8.32px; width: 55.86px; height: 66.95px; transform: rotate(180deg) scaleX(-1); }
.about-feature-icon--verified .about-icon-verified-check { top: 27.16px; left: 24.68px; width: 23.13px; height: 15.38px; transform: rotate(180deg) scaleX(-1); }
.about-feature-icon--automation .about-icon-automation-01 { top: 57.84px; left: 11.87px; width: 11.26px; height: 12.55px; }
.about-feature-icon--automation .about-icon-automation-02 { top: 2.11px; left: 49.37px; width: 11.26px; height: 12.55px; }
.about-feature-icon--automation .about-icon-automation-03 { top: 2.08px; left: 2.08px; width: 58.55px; height: 49.33px; }
.about-feature-icon--automation .about-icon-automation-04 { top: 21.09px; left: 11.87px; width: 58.55px; height: 49.33px; }
.about-feature-icon--automation .about-icon-automation-core { top: 16.09px; left: 16.26px; width: 39.98px; height: 40.33px; }
.about-feature-icon--automation .about-icon-automation-dot { top: 28.56px; left: 28.56px; width: 15.37px; height: 15.37px; }
.about-feature-icon--target .about-icon-target-01 { top: 16.55px; left: 2.09px; width: 53.84px; height: 53.84px; transform: rotate(180deg) scaleX(-1); }
.about-feature-icon--target .about-icon-target-02 { top: 26.06px; left: 11.6px; width: 34.81px; height: 34.81px; transform: rotate(180deg) scaleX(-1); }
.about-feature-icon--target .about-icon-target-03 { top: 35.74px; left: 21.29px; width: 15.45px; height: 15.45px; transform: rotate(180deg) scaleX(-1); }
.about-feature-icon--target .about-icon-target-04 { top: 19.84px; left: 28.63px; width: 24px; height: 24px; transform: rotate(180deg) scaleX(-1); }
.about-feature-icon--target .about-icon-target-05 { top: 2.05px; left: 50.29px; width: 20.14px; height: 20.14px; transform: rotate(180deg) scaleX(-1); }
.about-feature-card h2 { margin: 0; width: 100%; min-height: calc(1.3em * 2); color: #fff; font-family: 'Bricolage Grotesque', Poppins, sans-serif; font-size: 18px; font-weight: 500; line-height: 1.3; overflow-wrap: break-word; }

.about-page .about-story {
  position: relative;
  width: min(100%, var(--container-width));
  height: 1349px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  background: #fff;
}

.about-company-image {
  position: absolute;
  top: 60px;
  left: 0;
  width: calc(50% - 20px);
  height: 480px;
  overflow: hidden;
  border-radius: 24px;
  background: #e5ebe8;
}

.about-company-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.about-company-intro { position: absolute; top: 0; left: 0; width: 100%; height: 600px; }
.about-company-intro > h2 { position: absolute; top: 65px; left: calc(50% + 20px); margin: 0; color: #f00; font-size: 34px; font-weight: 700; line-height: 1.25; }
.about-company-title-line { display: flex; gap: 17px; width: 100%; height: 4px; margin-top: 5px; }
.about-company-title-line i,.about-company-title-line b,.about-story-line i,.about-story-line b,.about-process-line i,.about-process-line b { display: block; height: 4px; border-radius: 2px; }
.about-company-title-line i { flex: 75 1 0; background: #00ad9c; }.about-company-title-line b { flex: 21 1 0; background: #e00a14; }
.about-company-intro > p { position: absolute; top: 125px; left: calc(50% + 20px); width: calc(50% - 20px); margin: 0; color: #4f595c; font-size: 14px; line-height: 1.5; }

.about-stats { position: absolute; top: 225px; left: calc(50% + 20px); display: flex; gap: 32px; width: calc(50% - 20px); }
.about-stats > div { min-width: 0; flex: 1; }.about-stats strong,.about-stats span { display: block; }.about-stats strong { color: #e00a14; font-size: 38px; font-weight: 600; line-height: 47px; }.about-stats span { color: #666b6e; font-size: 12px; line-height: 18px; }

.about-production-image { position: absolute; top: 330px; left: calc(50% + 20px); width: calc(50% - 20px); height: 260px; overflow: hidden; border-radius: 24px; background: #e8edeb; }
.about-production-image span { position: absolute; top: 115px; left: 50%; z-index: 0; color: #737a7a; font-size: 15px; transform: translateX(-50%); }.about-production-image img { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; }

.about-story-heading { position: absolute; top: 580px; left: 0; width: fit-content; max-width: calc(50% - 20px); margin: 0; color: #f00; font-size: 27px; font-weight: 700; line-height: 1.5; text-transform: uppercase; }
.about-story-line { display: flex; gap: 11px; width: 100%; height: 4px; margin-top: 5px; }.about-story-line i { flex: 75 1 0; background: #00ad9c; }.about-story-line b { flex: 23 1 0; background: #e00a14; }
.about-story-copy { position: absolute; top: 645px; color: #4f595c; font-size: 13px; line-height: 1.5; }.about-story-copy--left { left: 0; width: calc(50% - 20px); }.about-story-copy--right { left: calc(50% + 20px); width: calc(50% - 20px); }.about-story-copy p { margin: 0 0 18px; }

.about-purpose-card { position: absolute; top: 1025px; width: calc(50% - 20px); height: 310px; overflow: hidden; padding: 61px 29px 24px; border: 1px solid; border-radius: 20px; }.about-purpose-card i { position: absolute; top: 31px; left: 29px; width: 58px; height: 5px; border-radius: 3px; }.about-purpose-card h3 { margin: 0 0 22px; color: #141a1c; font-size: 25px; font-weight: 700; line-height: 31px; }.about-purpose-card p { margin: 0; color: #4f595c; font-size: 14px; line-height: 1.5; }.about-purpose-card--mission { left: 0; border-color: #c7ede3; background: #f0fefb; }.about-purpose-card--mission i { background: #00ad9c; }.about-purpose-card--vision { left: calc(50% + 20px); border-color: #f5ccd1; background: #fff4f5; box-shadow: 0 8px 22px rgba(115, 8, 13, .06); }.about-purpose-card--vision i { background: #e00a14; }

.about-page .about-process { position: relative; width: min(100%, var(--container-width)); height: 770px; margin-left: auto; margin-right: auto; overflow: hidden; background: #fff; }
.about-process > h2 { position: absolute; top: 55px; left: 0; margin: 0; color: #141a1c; font-size: 34px; font-weight: 700; line-height: 1.25; }
.about-process > h2 em { color: #e00a14; font-style: normal; }
.about-process-line { position: absolute; top: 116px; left: 0; display: flex; gap: 12px; height: 4px; }.about-process-line i { width: 518px; background: #00ad9c; }.about-process-line b { width: 122px; background: #e00a14; }

.about-process-card { position: absolute; width: calc(50% - 20px); height: 190px; overflow: hidden; border: 1px solid #e3e5e5; border-radius: 20px; background: #fff; }.about-process-card strong { position: absolute; top: 17px; left: 19px; color: #dbe0e0; font-size: 24px; font-weight: 600; line-height: 30px; }.about-process-card h3 { position: absolute; top: 61px; left: 19px; width: 46%; margin: 0; color: #141a1c; font-size: 14px; font-weight: 600; line-height: 1.45; }.about-process-card > a { position: absolute; top: 144px; left: 19px; display: grid; width: 56px; height: 26px; place-items: center; border: 1px solid #e00a14; border-radius: 7px; background: #fff0f0; color: #e00a14; font-size: 9px; }
.about-process-card--01 { top: 135px; left: 0; }.about-process-card--02 { top: 135px; left: calc(50% + 20px); }.about-process-card--03 { top: 355px; left: 0; }.about-process-card--04 { top: 355px; left: calc(50% + 20px); }.about-process-card--05 { top: 575px; left: 0; }.about-process-card--06 { top: 575px; left: calc(50% + 20px); }
.about-process-photo { position: absolute; top: -1px; left: 349px; width: 300px; height: 190px; overflow: hidden; border-radius: 18px; background: #e5ebe8; }.about-process-photo img { position: absolute; width: 100%; height: 100%; max-width: none; object-fit: cover; }.about-process-card--01 .about-process-photo img { top: 0; left: -1px; width: 301px; }.about-process-card--02 .about-process-photo img { top: -12px; left: -4px; width: 304px; height: 209px; }.about-process-card--03 .about-process-photo img:first-child { left: -56px; width: 356px; }.about-process-card--03 .about-process-photo img:last-child { top: -11px; left: -28px; width: 356px; height: 201px; }.about-process-card--04 .about-process-photo img { top: -37px; left: -11px; width: 321px; height: 234px; }.about-process-card--05 .about-process-photo img:first-child { top: -11px; left: -3px; width: 303px; height: 202px; }.about-process-card--05 .about-process-photo img:last-child { top: -5px; left: -3px; width: 303px; height: 303px; }.about-process-card--06 .about-process-photo img:first-child { top: -133px; left: 0; width: 300px; height: 375px; }.about-process-card--06 .about-process-photo img:last-child { top: -143px; left: 0; width: 300px; height: 375px; }

@media (max-width: 1399px) {
  .about-page .about-story,
  .about-page .about-process { width: calc(100% - var(--container-gutter)); }
}

@media (max-width: 900px) {
  .about-page .about-hero { height: auto; min-height: 700px; padding-bottom: 32px; }.about-hero__image { top: -40px; left: 50%; width: 1200px; height: 738px; transform: translateX(-50%); }.about-hero__overlay { top: 0; height: 100%; }.about-hero h1 { position: relative; top: auto; left: auto; width: calc(100% - 48px); margin: 0 auto; padding-top: 170px; font-size: 34px; }.about-feature-grid { position: relative; top: auto; left: auto; display: grid; width: calc(100% - 48px); margin: 48px auto 0; transform: none; grid-template-columns: repeat(2, minmax(0, 1fr)); }.about-feature-card { width: 100%; min-width: 0; flex-basis: auto; }.about-feature-card h2 { font-size: 20px; line-height: 1.3; }
  .about-page .about-story { width: 100%; height: auto; min-height: 0; padding: 48px 24px 56px; overflow: visible; }.about-company-image,.about-company-intro,.about-story-heading,.about-story-copy,.about-purpose-card { position: relative; top: auto; left: auto; width: 100%; height: auto; }.about-story-heading { width: fit-content; max-width: 100%; }.about-company-image { height: 360px; }.about-company-image img { width: 100%; height: 100%; top: 0; object-fit: cover; }.about-company-intro { height: auto; margin-top: 36px; }.about-company-intro > h2,.about-company-intro > p,.about-stats,.about-production-image { position: relative; top: auto; left: auto; width: 100%; }.about-company-intro > h2 { width: fit-content; max-width: 100%; }.about-company-intro > h2 { font-size: 30px; }.about-company-title-line { margin-top: 14px; }.about-company-intro > p { margin-top: 18px; }.about-stats { gap: 24px; margin-top: 26px; }.about-production-image { height: 260px; margin-top: 32px; }.about-production-image img { left: 0; width: 100%; height: 100%; top: 0; }.about-story-heading { margin-top: 48px; font-size: 25px; }.about-story-line { margin-top: 14px; }.about-story-copy { margin-top: 24px; font-size: 13px; }.about-story-copy--right { margin-top: 0; }.about-purpose-card { min-height: 310px; margin-top: 28px; }.about-purpose-card--vision { margin-top: 24px; }
  .about-page .about-process { width: 100%; height: auto; padding: 48px 24px 56px; overflow: visible; }.about-process > h2 { position: relative; top: auto; left: auto; font-size: 30px; }.about-process-line { position: relative; top: auto; left: auto; margin-top: 20px; width: 100%; }.about-process-line i { width: 72%; }.about-process-line b { width: 20%; }.about-process-card { position: relative; top: auto !important; left: auto !important; width: 100%; height: 190px; margin-top: 24px; }.about-process-photo { left: 54%; width: 46%; }
}

@media (max-width: 560px) {
  .about-hero h1 { width: calc(100% - 32px); padding-top: 150px; font-size: 28px; }.about-feature-grid { width: calc(100% - 32px); grid-template-columns: 1fr; }.about-feature-card { height: auto; }.about-feature-icon { width: 60px; height: 60px; flex-basis: 60px; transform: scale(.845); transform-origin: top left; }.about-feature-card h2 { font-size: 21px; }
  .about-page .about-story,.about-page .about-process { padding-right: 16px; padding-left: 16px; }.about-company-image { height: 280px; }.about-company-intro > h2 { font-size: 25px; }.about-stats { flex-direction: column; gap: 14px; }.about-stats > div { width: 100%; }.about-production-image { height: 220px; }.about-story-heading { font-size: 21px; }.about-purpose-card { padding-right: 22px; padding-left: 22px; }.about-process-card { height: 315px; }.about-process-card h3 { top: 58px; width: calc(100% - 38px); }.about-process-photo { top: 119px; left: 19px; width: calc(100% - 38px); height: 185px; }.about-process-card > a { top: 274px; }.about-process-card--01 .about-process-photo img,.about-process-card--02 .about-process-photo img,.about-process-card--03 .about-process-photo img,.about-process-card--04 .about-process-photo img,.about-process-card--05 .about-process-photo img,.about-process-card--06 .about-process-photo img { top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
}

/* ===== certificates.css ===== */
.certificates .certificate-grid { grid-template-columns: minmax(0, 1fr); }
.certificates-page { background: #fafdfc; }

.certificates-hero {
  position: relative;
  height: 298px;
  padding: 64px var(--container-inset) 52px;
  background: #fff;
}

.certificates-hero::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 7px;
  background: #00c7b2;
  content: "";
}

.certificates-eyebrow {
  margin: 0;
  color: #f00;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.3px;
  line-height: 18px;
}

.certificates-heading-line {
  position: relative;
  display: flex;
  width: 113px;
  height: 4px;
  margin-top: 14px;
  gap: 3px;
}

.certificates-heading-line i,
.certificates-heading-line b {
  display: block;
  height: 4px;
  border-radius: 2px;
}

.certificates-heading-line i { width: 66px; background: #00ad9c; }
.certificates-heading-line b { width: 42px; background: #e00a14; }

.certificates-hero h1 {
  margin: 14px 0 0;
  color: #141a1c;
  font-size: 42px;
  font-weight: 700;
  line-height: 45px;
}

.certificates-hero__copy {
  margin: 12px 0 0;
  color: #636b75;
  font-size: 16px;
  line-height: 24px;
}

.certificates-gallery {
  position: relative;
  height: 969px;
  overflow: hidden;
  padding: 34px 0 54px;
  background: #edfdfb;
}

.certificates-gallery::after {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 0;
  width: 7px;
  background: rgba(0, 199, 178, .7);
  content: "";
}

.certificates-gallery__row {
  display: flex;
  width: min(100%, var(--container-width));
  height: 430px;
  gap: 24px;
  background: #fff;
}

.certificates-gallery__row + .certificates-gallery__row { margin-top: 24px; }

.certificate-card {
  display: flex;
  width: 400px;
  height: 430px;
  flex: 0 0 400px;
  padding: 20px;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  border: 1px solid rgba(0, 199, 178, .2);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 11px rgba(0, 77, 69, .1);
  cursor: pointer;
}

.certificate-preview {
  position: relative;
  width: 360px;
  height: 290px;
  flex: 0 0 290px;
  overflow: hidden;
  border-radius: 14px;
  background: #f7fafa;
}

.certificate-image {
  position: absolute;
  border: 1px solid #dde7e6;
  box-shadow: 0 6px 18px -4px rgba(0, 0, 0, .08);
}

.certificate-preview--portrait .certificate-image { top: 21px; left: 85px; width: 190px; height: 248px; }
.certificate-preview--landscape .certificate-image { top: 42.5px; left: 30px; width: 300px; height: 205px; }
.certificate-image img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }

.certificate-zoom {
  position: absolute;
  top: 2px;
  right: -2px;
  z-index: 2;
  width: 41px;
  height: 41px;
  padding: 0;
  background: transparent;
}

.certificate-zoom img { display: block; width: 41px; height: 41px; }
.certificate-card h2 { margin: 0; color: #141a1c; font-size: 17px; font-weight: 700; line-height: 24px; }
.certificate-card > p { margin: 0; color: #00c7b2; font-size: 13px; font-weight: 600; line-height: 18px; }

@media (max-width: 1399px) {
  .certificate-card { width: calc((100% - 48px) / 3); flex-basis: calc((100% - 48px) / 3); }
  .certificate-preview { width: 100%; }
  .certificate-preview--portrait .certificate-image { left: 50%; transform: translateX(-50%); }
  .certificate-preview--landscape .certificate-image { left: 50%; transform: translateX(-50%); }
  .certificate-zoom { right: -2px; }
}

@media (max-width: 900px) {
  .certificates-hero { height: auto; min-height: 298px; padding: 48px var(--container-inset); }
  .certificates-hero h1 { font-size: 36px; line-height: 1.15; }
  .certificates-hero__copy br { display: none; }
  .certificates-gallery { height: auto; padding-top: 32px; padding-bottom: 48px; }
  .certificates-gallery__row { display: grid; height: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; background: transparent; }
  .certificate-card { width: 100%; height: 430px; min-width: 0; flex-basis: auto; }
  .certificates-gallery__row + .certificates-gallery__row { margin-top: 24px; }
}

@media (max-width: 560px) {
  .certificates-hero { padding: 40px var(--container-inset); }
  .certificates-hero h1 { font-size: 29px; }
  .certificates-hero__copy { font-size: 14px; }
  .certificates-gallery { padding-top: 24px; padding-bottom: 40px; }
  .certificates-gallery__row { grid-template-columns: 1fr; }
  .certificate-card { height: 430px; }
}

/* ===== contact.css ===== */
.contact-page .contact-intro {
  position: relative;
  height: 704px;
  overflow: hidden;
  background: #fefeff;
}

.contact-intro__inner {
  position: relative;
  width: min(100%, var(--container-width));
  height: 100%;
  margin: 0 auto;
}

.contact-eyebrow {
  position: absolute;
  top: 50px;
  left: 0;
  margin: 0;
  color: #e00a14;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.contact-title-accent {
  position: absolute;
  top: 81px;
  left: 0;
  display: flex;
  gap: 2px;
  width: 63px;
  height: 4px;
}

.contact-title-accent i,
.contact-title-accent b {
  display: block;
  height: 4px;
  border-radius: 2px;
}

.contact-title-accent i { width: 34px; background: #00ad9c; }
.contact-title-accent b { width: 12px; background: #e00a14; }

.contact-intro h1 {
  position: absolute;
  top: 82px;
  left: 0;
  width: 620px;
  margin: 0;
  color: #141a1c;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.25;
}

.contact-copy {
  position: absolute;
  top: 157px;
  left: 0;
  width: 610px;
  margin: 0;
  color: #576366;
  font-size: 16px;
  line-height: 1.5;
}

.contact-brand-bar {
  position: absolute;
  top: 222px;
  left: 0;
  width: 100%;
  height: 5px;
  border-radius: 3px;
  background: linear-gradient(90deg, #00c7b2 0%, rgba(0, 199, 178, .22) 72%, rgba(224, 10, 20, .8) 100%);
}

.contact-decor {
  position: absolute;
  top: 524px;
  left: -110px;
  width: 250px;
  height: 250px;
  pointer-events: none;
}

.contact-content-grid {
  position: absolute;
  top: 283px;
  left: 0;
  display: grid;
  width: 100%;
  grid-template-columns: 520px 620px;
  gap: 108px;
}

.contact-info-panel,
.contact-form-panel {
  height: 369px;
  border-radius: 20px;
}

.contact-info-panel {
  position: relative;
  padding: 37px 40px;
  overflow: hidden;
  border: 1px solid #c7ede3;
  background: #f0fefb;
}

.contact-info-item {
  height: 64px;
  padding-left: 15px;
  border-left: 5px solid #00c7b2;
}

.contact-info-item--phone { margin-top: 48px; border-left-color: #e00a14; }
.contact-info-item--email { margin-top: 54px; }

.contact-info-item__label,
.contact-info-item__value {
  margin: 0;
  font-weight: 600;
}

.contact-info-item__label {
  color: #576366;
  font-size: 14px;
  line-height: 21px;
}

.contact-info-item__value {
  color: #141a1c;
  font-size: 19px;
  line-height: 1.55;
}

.contact-info-item__value a { display: block; }

.contact-form-panel {
  padding: 33px 35px;
  overflow: hidden;
  border: 1px solid #f2d4d6;
  background: #fffefe;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .05);
}

.contact-form-panel h2 {
  margin: 0;
  color: #141a1c;
  font-size: 25px;
  font-weight: 700;
  line-height: 31px;
}

.contact-form__fields {
  display: grid;
  gap: 20px;
  margin-top: 34px;
}

.contact-form__fields label { display: block; }

.contact-form__fields input {
  display: block;
  width: 100%;
  height: 58px;
  padding: 0 17px;
  border: 1px solid #e5ebeb;
  border-radius: 12px;
  outline: 0;
  background: #fbfcfc;
  color: #141a1c;
  font-size: 12px;
}

.contact-form__fields input:focus { border-color: #00c7b2; }
.contact-form__fields input::placeholder { color: #576366; opacity: 1; }

.contact-form-panel > button {
  display: block;
  width: 220px;
  height: 58px;
  margin: 25px 0 0 auto;
  border-radius: 12px;
  background: #e00a14;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.contact-map-section {
  height: 448px;
  background: #fff;
}

.contact-map-inner {
  width: min(100%, 1248px);
  height: 100%;
  margin: 0 auto;
}

.contact-map-section h2 {
  height: 40px;
  margin: 0;
  color: #141a1c;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

.contact-map-frame {
  height: 380px;
  margin-top: 8px;
  overflow: hidden;
  border: 1px solid #bae5db;
  border-radius: 24px;
  background: #edf7f4;
}

.contact-map-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 1399px) {
  .contact-intro__inner,
  .contact-map-inner { width: calc(100% - 96px); }

  .contact-content-grid { grid-template-columns: minmax(0, 520px) minmax(0, 620px); gap: 24px; }
}

@media (max-width: 900px) {
  .contact-page .contact-intro {
    height: auto;
    padding: 52px 0 64px;
  }

  .contact-intro__inner,
  .contact-map-inner {
    width: calc(100% - 48px);
    height: auto;
  }

  .contact-eyebrow,
  .contact-title-accent,
  .contact-intro h1,
  .contact-copy,
  .contact-brand-bar,
  .contact-decor,
  .contact-content-grid {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .contact-title-accent { margin-top: 17px; }
  .contact-intro h1 { width: auto; margin-top: 7px; font-size: 38px; }
  .contact-copy { width: auto; margin-top: 10px; }
  .contact-brand-bar { margin-top: 31px; }
  .contact-content-grid { display: grid; grid-template-columns: 1fr; gap: 24px; margin-top: 56px; }
  .contact-info-panel,
  .contact-form-panel { width: 100%; }
  .contact-decor { display: none; }
  .contact-map-section { height: auto; padding: 0 0 56px; }
  .contact-map-section h2 { height: auto; font-size: 30px; line-height: 1.25; }
  .contact-map-frame { height: 380px; margin-top: 14px; }
}

@media (max-width: 560px) {
  .contact-intro__inner,
  .contact-map-inner { width: calc(100% - 32px); }

  .contact-intro h1 { font-size: 30px; }
  .contact-copy { font-size: 14px; }
  .contact-info-panel { height: auto; min-height: 369px; padding: 30px 24px; }
  .contact-info-item__value { font-size: 17px; }
  .contact-form-panel { height: auto; min-height: 369px; padding: 28px 22px; }
  .contact-form-panel h2 { font-size: 22px; }
  .contact-form-panel > button { width: 100%; }
  .contact-map-section h2 { font-size: 26px; }
  .contact-map-frame { height: 320px; }
}

/* ===== gallery.css ===== */
.gallery-page { background:#fbfdfd; }
.gallery-hero { position:relative; height:340px; padding:0; background:#fff; }
.gallery-eyebrow { position:absolute; top:89px; left:var(--container-inset); margin:0; color:#e00a14; font-size:13px; font-weight:600; line-height:18px; }
.gallery-accent { position:absolute; top:115px; left:var(--container-inset); display:flex; gap:4px; width:128px; height:3px; margin:0; }
.gallery-accent i,.gallery-accent b { display:block; height:3px; border-radius:2px; }
.gallery-accent i { width:91px; background:#00c7b2; }.gallery-accent b { width:33px; background:#e00a14; }
.gallery-hero h1 { position:absolute; top:124px; left:var(--container-inset); margin:0; color:#141a1c; font-size:42px; font-weight:700; line-height:1.2; }
.gallery-copy { position:absolute; top:196px; left:var(--container-inset); width:760px; margin:0; color:#526366; font-size:16px; line-height:24px; }
.gallery-tabs { position:absolute; top:268px; left:var(--container-inset); display:flex; gap:16px; margin:0; }
.gallery-tabs a { display:grid; width:185px; height:50px; place-items:center; border-radius:25px; background:#fff0f1; color:#e00a14; font-size:13px; font-weight:600; }
.gallery-tabs .is-active { background:#00c7b2; color:#fff; }
.gallery-panel { position:relative; margin:24px auto 0; overflow:hidden; border-radius:24px; }
.gallery-panel h2 { margin:0; font-size:32px; line-height:40px; }
.gallery-panel__accent { position:absolute; top:2px; left:40px; width:124px; height:3px; }
.gallery-panel__accent::before,.gallery-panel__accent::after { position:absolute; top:0; height:3px; border-radius:2px; content:""; }.gallery-panel__accent::before { left:0; width:91px; background:#00c7b2; }.gallery-panel__accent::after { left:96px; width:33px; background:#e00a14; }
.gallery-panel--photos { min-height:763px; padding:16px 40px 28px; background:#f0fefc; }.gallery-panel--photos::before { position:absolute; top:0; bottom:11px; left:0; width:8px; border-radius:24px 0 0 24px; background:#00c7b2; content:""; }.gallery-panel--photos h2 { color:#00a996; }
.gallery-grid { display:grid; transition:opacity .35s ease; }
.gallery-grid.is-switching { opacity:0; pointer-events:none; }
.gallery-grid figure a { position:relative; display:block; width:100%; height:100%; cursor:pointer; }
.gallery-grid--photos { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:70px; }
.gallery-grid--photos figure { height:250px; margin:0; overflow:hidden; border:1px solid rgba(0,173,156,.25); border-radius:14px; background:#fff; box-shadow:0 8px 18px rgba(0,77,69,.08); }.gallery-grid--photos figure img { width:100%; height:100%; object-fit:cover; }
.gallery-pagination { display:flex; width:320px; height:54px; margin:28px auto 0; align-items:center; justify-content:center; gap:10px; border:1px solid #00c7b2; border-radius:27px; background:#fff; color:#00a996; font-size:11px; font-weight:600; }
.gallery-pagination button { appearance:none; margin:0; cursor:pointer; }
.gallery-pagination button[hidden] { display:none; }
.gallery-pagination__page,.gallery-pagination__arrow { display:grid; padding:0; place-items:center; cursor:pointer; }
.gallery-pagination__page { width:36px; height:36px; border:1px solid rgba(0,199,178,.28); border-radius:50%; background:#fff; color:#526063; }
.gallery-pagination__page.is-current { background:#00c7b2; border-color:#00c7b2; color:#fff; }
.gallery-pagination__arrow { width:36px; height:36px; border:0; background:transparent; color:#00a996; font-size:16px; line-height:1; }
.gallery-panel--videos { min-height:880px; padding:26px 40px 48px; background:#fff6f7; }.gallery-panel--videos::after { position:absolute; top:0; right:0; bottom:12px; width:8px; border-radius:0 24px 24px 0; background:#e00a14; content:""; }.gallery-panel--videos h2 { color:#e00a14; }.gallery-grid--videos { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:44px; }.gallery-grid--videos figure { position:relative; height:320px; margin:0; overflow:hidden; border:1px solid rgba(224,10,20,.3); border-radius:14px; background:#fff; }.gallery-grid--videos figure > a > img { width:100%; height:100%; object-fit:cover; }.gallery-play { position:absolute; inset:0; display:grid; place-items:center; pointer-events:none; }.gallery-play img { position:absolute; top:50%; left:50%; width:84px; height:84px; max-width:none; transform:translate(-42px,-38px); }.gallery-play b { position:relative; z-index:1; color:#00c7b2; font-size:20px; font-weight:700; line-height:1; padding-left:3px; }
@media (max-width:900px) { .gallery-hero { height:auto; min-height:340px; padding:60px var(--container-inset) 30px; }.gallery-eyebrow,.gallery-accent,.gallery-hero h1,.gallery-copy,.gallery-tabs { position:relative; top:auto; left:auto; }.gallery-accent { margin-top:14px; }.gallery-hero h1 { margin-top:13px; font-size:34px; }.gallery-copy { width:auto; margin-top:12px; }.gallery-tabs { margin-top:22px; }.gallery-panel { margin-right:auto; margin-left:auto; }.gallery-panel--photos,.gallery-panel--videos { padding-right:24px; padding-left:24px; }.gallery-grid--photos { grid-template-columns:repeat(2,minmax(0,1fr)); }.gallery-grid--videos { grid-template-columns:1fr; }.gallery-grid--videos figure { height:280px; } }
@media (max-width:560px) { .gallery-hero { padding:42px var(--container-inset) 26px; }.gallery-hero h1 { font-size:28px; }.gallery-copy { font-size:14px; line-height:21px; }.gallery-tabs { gap:8px; }.gallery-tabs a { width:calc(50vw - 20px); }.gallery-panel { margin-right:auto; margin-left:auto; border-radius:18px; }.gallery-panel--photos,.gallery-panel--videos { padding:16px; }.gallery-panel h2 { font-size:25px; }.gallery-grid--photos { grid-template-columns:1fr; margin-top:44px; }.gallery-grid--photos figure { height:220px; }.gallery-pagination { width:100%; }.gallery-grid--videos { margin-top:30px; }.gallery-grid--videos figure { height:220px; } }

/* Figma 374:115 — fixed gallery composition */
.gallery-page .gallery-panel--photos { height:763px; min-height:763px; }
.gallery-page .gallery-panel__accent { top:62px; }
.gallery-page .gallery-grid--photos { grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:24px; row-gap:25px; }
.gallery-page .gallery-grid--photos figure { width:auto; height:250px; }
.gallery-page .gallery-panel--videos { height:880px; min-height:880px; margin-top:42px; padding-top:31px; }
.gallery-page .gallery-panel--videos .gallery-panel__accent { top:79px; }
.gallery-page .gallery-grid--videos { position:absolute; top:117px; right:40px; left:40px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:24px; row-gap:25px; margin-top:0; }
.gallery-page .gallery-grid--videos figure { width:auto; height:320px; }
.gallery-page .gallery-pagination { position:relative; display:flex; margin-right:auto; margin-left:auto; }
.gallery-page .gallery-pagination--photos { margin-top:28px; }
.gallery-page .gallery-pagination--videos { position:absolute; top:806px; left:50%; margin:0; transform:translateX(-50%); border-color:rgba(255,0,0,.22); color:#e00a14; }
.gallery-page .gallery-pagination--videos .gallery-pagination__arrow { color:#e00a14; }
.gallery-page .gallery-pagination--videos .gallery-pagination__page { border-color:rgba(255,0,0,.22); background:#fff; color:#e00a14; }
.gallery-page .gallery-pagination--videos .gallery-pagination__page.is-current { background:#e00a14; border-color:#e00a14; color:#fff; }
.gallery-page .site-footer { margin-top:16px; }

@media (max-width:900px) {
  .gallery-page .gallery-panel--photos,.gallery-page .gallery-panel--videos { height:auto; min-height:0; }
  .gallery-page .gallery-panel--videos { margin-top:42px; }
  .gallery-page .gallery-grid--photos { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:16px; row-gap:20px; }
  .gallery-page .gallery-grid--photos figure { width:auto; height:220px; }
  .gallery-page .gallery-grid--videos { position:relative; top:auto; left:auto; grid-template-columns:1fr; row-gap:20px; margin-top:36px; }
  .gallery-page .gallery-grid--videos figure { width:100%; height:280px; }
  .gallery-page .gallery-pagination--videos { position:relative; top:auto; left:auto; margin-top:24px; transform:none; }
}
@media (max-width:560px) {
  .gallery-page .gallery-panel__accent,.gallery-page .gallery-panel--videos .gallery-panel__accent { top:58px; }
  .gallery-page .gallery-grid--photos { grid-template-columns:1fr; row-gap:16px; margin-top:44px; }
  .gallery-page .gallery-grid--photos figure { height:220px; }
  .gallery-page .gallery-grid--videos { margin-top:30px; }
  .gallery-page .gallery-grid--videos figure { height:220px; }
  .gallery-page .gallery-pagination { display:flex; width:100%; position:relative; top:auto; left:auto; margin-top:24px; transform:none; }
  .gallery-page .site-footer { margin-top:16px; }
}

/* ===== news.css ===== */
.news-page { background:#fcfdfd; }
.news-hero { height:243px; padding:31px var(--container-inset) 0; background:#fff; }.news-hero__eyebrow { margin:0; color:#e00a14; font-size:13px; font-weight:600; line-height:18px; }.news-hero__accent { display:flex; gap:2px; height:3px; margin-top:14px; }.news-hero__accent i,.news-hero__accent b { display:block; height:3px; border-radius:2px; }.news-hero__accent i { width:50px; background:#00c7b2; }.news-hero__accent b { width:18px; background:#e00a14; }.news-hero h1 { margin:13px 0 0; color:#141a1c; font-size:40px; font-weight:700; line-height:1.3; }.news-hero h1 em { color:#00c7b2; font-style:normal; }.news-hero>p:last-child { width:690px; margin:7px 0 0; color:#5c6669; font-size:14px; line-height:21px; }
.news-filters { display:flex; gap:12px; width:min(100%,var(--container-width)); margin:0 auto; }.news-filters a { display:grid; width:160px; height:44px; place-items:center; border-radius:22px; background:#fff0f1; color:#e00a14; font-size:12px; font-weight:600; }.news-filters a:first-child { width:150px; }.news-filters .is-active { background:#00c7b2; color:#fff; }
.news-list { display:grid; width:min(100%,var(--container-width)); margin:56px auto 0; grid-template-columns:repeat(3,390px); gap:40px; }.news-page-card { position:relative; height:475px; overflow:hidden; border:1px solid rgba(0,199,178,.18); border-radius:20px; background:#fff; box-shadow:0 8px 20px rgba(0,64,56,.06); }.news-page-card--red { border-color:rgba(224,10,20,.18); }.news-page-card__link { position:absolute; inset:0; z-index:3; }.news-page-card__image { position:relative; height:245px; overflow:hidden; background:#f0fefc; }.news-page-card--red .news-page-card__image { background:#fff6f7; }.news-page-card__image>img { width:100%; height:100%; object-fit:cover; }.news-page-card:nth-child(1) .news-page-card__image>img { margin-top:-7px; height:260px; }.news-page-card:nth-child(2) .news-page-card__image>img { width:102%; margin-top:-18px; margin-left:-4px; height:271px; }.news-page-card:nth-child(3) .news-page-card__image>img { width:125%; margin-left:-10%; height:273px; }.news-page-card:nth-child(4) .news-page-card__image>img { width:105%; margin-top:-22px; margin-left:-4%; height:294px; }.news-page-card:nth-child(5) .news-page-card__image>img { width:112%; margin-left:-3%; }.news-page-card:nth-child(6) .news-page-card__image>img { margin-top:-15px; height:260px; }
.news-page-views { position:absolute; bottom:9px; left:14px; display:flex; width:82px; height:28px; align-items:center; border-radius:14px; background:rgba(13,20,23,.72); color:#fff; font-size:11px; }.news-page-views img:first-child { width:17px; height:10px; margin-left:11px; }.news-page-views img:nth-child(2) { width:5px; height:5px; margin-left:-11px; }.news-page-views span { margin-left:10px; }
.news-page-card__body { position:relative; height:230px; padding:27px 23px 0; }.news-page-card__category { color:#00a996; font-size:11px; font-weight:600; }.news-page-card--red .news-page-card__category { color:#e00a14; }.news-page-card h2 { max-width:320px; margin:13px 0 0; color:#141a1c; font-size:18px; font-weight:600; line-height:1.35; }.news-page-card time { position:absolute; bottom:19px; left:23px; color:#6a7376; font-size:10px; line-height:14px; }.news-page-card__arrow { position:absolute; right:24px; bottom:12px; color:#00a996; font-size:34px; font-weight:400; line-height:30px; pointer-events:none; }.news-page-card--red .news-page-card__arrow { color:#e00a14; }
.news-page-pagination { display:flex; width:320px; height:54px; margin:50px auto 0; align-items:center; justify-content:space-evenly; border:1px solid #00c7b2; border-radius:27px; background:#00c7b2; color:#fff; font-size:11px; font-weight:600; }.news-page-pagination b,.news-page-pagination i { display:grid; width:28px; height:28px; place-items:center; border-radius:50%; font-style:normal; }.news-page-pagination b { background:#fff; color:#00a996; }.news-page-pagination i { color:#fff; }
.news-page .wholesale { margin-top:16px; }
@media (max-width:1300px) { .news-list { grid-template-columns:repeat(3,minmax(0,1fr)); }.news-page-card { min-width:0; } }
@media (max-width:900px) { .news-hero { height:auto; min-height:243px; padding:30px var(--container-inset) 28px; }.news-hero>p:last-child { width:auto; }.news-filters { flex-wrap:wrap; }.news-list { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:32px; }.news-page-card h2 { font-size:16px; }.news-page-pagination { margin-top:32px; } }
@media (max-width:560px) { .news-hero { padding:28px var(--container-inset) 24px; }.news-hero h1 { font-size:30px; }.news-hero>p:last-child { font-size:13px; }.news-filters { gap:8px; }.news-filters a,.news-filters a:first-child { width:calc(50% - 4px); }.news-list { grid-template-columns:1fr; }.news-page-card { height:430px; }.news-page-card__image { height:220px; }.news-page-card__body { height:210px; }.news-page-pagination { width:min(100%,var(--container-width)); margin-left:auto; margin-right:auto; } }

/* ===== partners.css ===== */
.partners-page { background:#fbfdfd; }
.partners-hero { position:relative; height:340px; padding:0; background:#fff; }
.partners-eyebrow { position:absolute; top:88px; left:var(--container-inset); margin:0; color:#e00a14; font-size:13px; font-weight:600; line-height:18px; }.partners-accent { position:absolute; top:108px; left:var(--container-inset); display:flex; gap:4px; width:94px; height:3px; margin:0; }.partners-accent i,.partners-accent b { display:block; height:3px; border-radius:2px; }.partners-accent i { width:66px; background:#00c7b2; }.partners-accent b { width:24px; background:#e00a14; }
.partners-hero h1 { position:absolute; top:125px; left:var(--container-inset); margin:0; color:#141a1c; font-size:39px; font-weight:700; line-height:1.4; }.partners-hero h1 em { color:#e00a14; font-style:normal; }.partners-hero>p:last-child { position:absolute; top:252px; left:var(--container-inset); width:930px; margin:0; color:#475257; font-size:16px; line-height:24px; }
.partner-section { position:relative; }.partner-section--domestic { height:594px; padding:94px 40px 0; }.partner-section--global { height:592px; padding:0 40px; }.partner-section__eyebrow { margin:0; color:#00a996; font-size:13px; font-weight:600; line-height:18px; }.partner-section--global .partner-section__eyebrow { color:#e00a14; }.partner-section h2 { margin:13px 0 0; font-size:30px; line-height:38px; }.partner-section__accent { position:absolute; top:117px; left:40px; display:flex; gap:4px; height:3px; }.partner-section__accent i,.partner-section__accent b { height:3px; border-radius:2px; }.partner-section__accent i { width:103px; background:#00c7b2; }.partner-section__accent b { width:37px; background:#e00a14; }.partner-section--global .partner-section__accent { top:59px; }
.partner-board { position:absolute; top:211px; left:0; width:100%; height:390px; padding:45px 39px; border:1px solid rgba(0,173,156,.12); border-radius:20px; background:#f4fdfc; }.partner-section--global .partner-board { top:120px; height:421px; background:#fff6f7; }.partner-board>p { margin:0; color:#475257; font-size:14px; line-height:20px; }.partner-logo-row { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px 25px; margin-top:24px; padding:18px; border:1px solid rgba(224,229,232,.8); border-radius:18px; background:rgba(255,255,255,.85); }.partner-item { display:flex; min-width:0; flex-direction:column; align-items:center; gap:8px; }.partner-logo { display:grid; width:100%; min-width:0; height:80px; place-items:center; overflow:hidden; border:1px solid #dbe0e3; border-radius:12px; background:#fafbfc; }.partner-logo img { display:block; width:auto; height:auto; max-width:90%; max-height:64px; object-fit:contain; }.partner-country { display:flex; width:calc(100% - 10px); height:24px; align-items:center; justify-content:center; border:1px solid #e5ebeb; border-radius:20px; background:#fff; color:#475257; text-align:center; font-size:12px; line-height:1; white-space:nowrap; }
.partner-statement { position:relative; display:flex; min-height:180px; margin:0 auto 24px; padding:42px 40px; align-items:flex-start; justify-content:space-between; border-radius:22px; background:#141a1c; }.partner-statement h2 { color:#fff; font-size:32px; line-height:40px; }.partner-statement p { margin:10px 0 0; color:#c7d1d1; font-size:14px; line-height:22px; }.partner-statement strong { color:#e00a14; font-size:50px; font-weight:400; line-height:44px; }
@media (max-width:1100px) { .partner-logo-row { gap:12px; }.partner-section--domestic { padding-right:24px; padding-left:24px; }.partner-section__accent { left:24px; }.partner-board { padding-right:24px; padding-left:24px; } }
@media (max-width:900px) { .partners-hero { height:auto; min-height:340px; padding:58px var(--container-inset) 34px; }.partners-eyebrow,.partners-accent,.partners-hero h1,.partners-hero>p:last-child { position:relative; top:auto; left:auto; }.partners-accent { margin-top:15px; }.partners-hero h1 { margin-top:13px; font-size:32px; }.partners-hero>p:last-child { width:auto; margin-top:9px; }.partner-section,.partner-section--domestic,.partner-section--global { height:auto; min-height:0; margin-right:auto; margin-left:auto; padding:44px 0 0; }.partner-section--global { padding-top:36px; }.partner-section__accent,.partner-section--global .partner-section__accent { position:relative; top:auto; left:auto; margin-top:15px; }.partner-board,.partner-section--global .partner-board { position:relative; top:auto; left:auto; height:auto; margin-top:28px; padding:28px 20px 36px; }.partner-logo-row { grid-template-columns:repeat(3,minmax(0,1fr)); }.partner-statement { margin-right:auto; margin-left:auto; }.partner-statement h2 { font-size:25px; line-height:32px; } }
@media (max-width:560px) { .partners-hero { padding:42px var(--container-inset) 30px; }.partners-hero h1 { font-size:27px; line-height:1.35; }.partners-hero>p:last-child { font-size:14px; line-height:21px; }.partner-section,.partner-section--domestic,.partner-section--global { margin-right:auto; margin-left:auto; }.partner-section h2 { font-size:25px; line-height:32px; }.partner-logo-row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:12px; }.partner-country { font-size:10px; }.partner-statement { margin-right:auto; margin-left:auto; padding:28px 24px; }.partner-statement strong { font-size:38px; } }

.partners-page .partner-section--domestic,
.partners-page .partner-section--global { height:auto; min-height:0; padding:32px 0 8px; }
.partners-page .partner-section__accent { position:relative; top:auto; left:auto; margin-top:14px; }
.partners-page .partner-section--global .partner-section__accent { top:auto; }
.partners-page .partner-board,
.partners-page .partner-section--global .partner-board { position:relative; top:auto; left:auto; height:auto; margin-top:28px; padding:36px 39px 32px; }
.partners-page .partner-board > p { position:relative; top:auto; left:auto; }
.partners-page .partner-logo-row { position:relative; top:auto; left:auto; width:100%; height:auto; margin-top:24px; padding:18px; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px 25px; }
.partners-page .partner-logo { width:100%; min-width:0; height:80px; overflow:hidden; }
.partners-page .partner-logo img { width:auto; height:auto; max-width:90%; max-height:64px; object-fit:contain; }
.partners-page .partner-statement { position:relative; top:auto; left:auto; z-index:1; height:auto; min-height:180px; margin:24px auto; }
.partners-page .site-footer { position:relative; z-index:2; }

@media (max-width:900px) {
  .partners-page .partner-section--domestic,.partners-page .partner-section--global { height:auto; margin-right:auto; margin-left:auto; padding:0 0 32px; }
  .partners-page .partner-section--global { padding-top:32px; }
  .partners-page .partner-section__accent,.partners-page .partner-section--global .partner-section__accent { position:relative; top:auto; left:auto; margin-top:15px; }
  .partners-page .partner-board,.partners-page .partner-section--global .partner-board { position:relative; top:auto; left:auto; height:auto; margin-top:28px; padding:28px 20px 36px; }
  .partners-page .partner-board > p { position:relative; top:auto; left:auto; }
  .partners-page .partner-logo-row { position:relative; top:auto; left:auto; width:100%; height:auto; margin-top:16px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:18px; }
  .partners-page .partner-logo { width:auto; min-width:0; flex:0 1 auto; }
  .partners-page .partner-statement { display:none; }
  .partners-page .site-footer { margin-top:0; }
}
@media (max-width:560px) {
  .partners-page .partner-section--domestic,.partners-page .partner-section--global { margin-right:auto; margin-left:auto; }
  .partners-page .partner-logo-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* ===== products.css ===== */
.products-page { background:#fbfdfd; }.products-list-intro { height:136px; padding:40px var(--container-inset) 0; background:#fff; }.products-list-intro>p { margin:0; color:#e00a14; font-size:13px; font-weight:600; line-height:18px; }.products-list-intro>span { display:flex; gap:3px; height:3px; margin-top:7px; }.products-list-intro i,.products-list-intro b { display:block; height:3px; border-radius:2px; }.products-list-intro i { width:55px; background:#00c7b2; }.products-list-intro b { width:20px; background:#e00a14; }.products-list-intro h1 { margin:7px 0 0; color:#141a1c; font-size:40px; line-height:50px; }
.products-filters { display:flex; gap:10px 14px; height:auto; min-height:74px; margin:0 auto; padding:13px 20px; align-items:center; flex-wrap:wrap; overflow:visible; border:1px solid rgba(0,199,178,.16); border-radius:18px; background:#fff; }.products-filters a { display:grid; height:44px; padding:0 18px; place-items:center; border-radius:22px; background:#fff0f1; color:#e00a14; font-size:12px; font-weight:600; white-space:nowrap; }.products-filters a.is-active { background:#00c7b2; color:#fff; }
.product-list { display:grid; width:min(100%,var(--container-width)); margin:30px auto 0; grid-template-columns:repeat(3,390px); gap:30px; }.product-list-card { position:relative; height:460px; overflow:hidden; border:1px solid rgba(0,199,178,.16); border-radius:20px; background:#fff; box-shadow:0 8px 20px rgba(0,64,56,.07); }.product-list-card::before { position:absolute; top:-1px; bottom:129px; left:-1px; width:8px; border-radius:4px; background:#00c7b2; content:""; }.product-list-card--red { border-color:rgba(224,10,20,.16); }.product-list-card--red::before { background:#e00a14; }.product-list-card>strong { position:absolute; top:26px; left:29px; color:#00a996; font-size:12px; line-height:16px; }.product-list-card--red>strong { color:#e00a14; }.product-list-card h2 { position:absolute; top:54px; left:29px; margin:0; color:#141a1c; font-size:20px; line-height:28px; }.product-list-card__image { position:absolute; top:103px; left:29px; width:330px; height:180px; display:grid; place-items:center; overflow:hidden; border-radius:14px; background:#f6fbfa; }.product-list-card--red .product-list-card__image { background:#fff6f7; }.product-list-card__image img { width:128px; height:190px; object-fit:contain; }.product-list-card:nth-child(4) .product-list-card__image img { width:116px; height:190px; }.product-list-card>p { position:absolute; top:301px; left:29px; margin:0; color:#141a1c; font-size:12px; font-weight:600; line-height:16px; }.volume-list { position:absolute; top:344px; left:29px; display:flex; gap:7px; width:330px; flex-wrap:wrap; }.volume-list span { display:grid; min-width:54px; height:36px; padding:0 9px; place-items:center; border-radius:18px; background:#e8faf7; color:#00a996; font-size:11px; font-weight:600; }.product-list-card--red .volume-list span { background:#fff0f1; color:#e00a14; }.product-list-card>a { position:absolute; bottom:20px; left:119px; display:grid; width:150px; height:42px; place-items:center; border-radius:21px; background:#00c7b2; color:#fff; font-size:11px; font-weight:600; }.product-list-card--red>a { background:#e00a14; }
.other-products { position:relative; min-height:520px; margin:38px auto 24px; padding:43px 40px; overflow:hidden; border-radius:24px; background:#f0fdfb; }.other-products__bar { position:absolute; top:0; bottom:0; left:0; width:8px; border-radius:24px 0 0 24px; background:#00c7b2; }.other-products__eyebrow { margin:0; color:#00a996; font-size:13px; font-weight:600; }.other-products>h2 { margin:11px 0 0; color:#141a1c; font-size:32px; }.other-products__copy { margin:8px 0 0; color:#475257; font-size:14px; }.other-products__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin-top:32px; }.other-products__grid article { position:relative; height:112px; padding:32px 17px 10px 98px; border:1px solid rgba(0,173,156,.14); border-radius:14px; background:#fff; }.other-products__grid article::before { position:absolute; top:16px; left:16px; width:64px; height:80px; border-radius:10px; background:#f5faf9; content:""; }.other-products__grid span { position:absolute; top:6px; right:10px; color:#00a996; font-size:26px; line-height:26px; }.other-products__grid b { display:block; color:#141a1c; font-size:13px; line-height:18px; }.other-products__grid small { display:block; margin-top:4px; color:#7c8688; font-size:9px; }
@media (max-width:1300px) { .product-list { grid-template-columns:repeat(3,minmax(0,1fr)); }.product-list-card__image { width:calc(100% - 58px); }.volume-list { width:calc(100% - 58px); }.products-filters { gap:7px; padding-right:10px; padding-left:10px; } }
@media (max-width:900px) { .products-list-intro { height:auto; padding:34px var(--container-inset) 25px; }.products-list-intro h1 { font-size:34px; }.products-filters { height:auto; min-height:74px; flex-wrap:wrap; }.product-list { grid-template-columns:repeat(2,minmax(0,1fr)); }.product-list-card__image { width:calc(100% - 58px); }.volume-list { width:calc(100% - 58px); gap:5px; }.volume-list span { min-width:47px; padding:0 6px; font-size:10px; }.other-products { margin-right:auto; margin-left:auto; }.other-products__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .products-list-intro { padding:28px var(--container-inset) 22px; }.products-list-intro h1 { font-size:28px; }.product-list { grid-template-columns:1fr; }.product-list-card { height:440px; }.product-list-card__image { width:calc(100% - 58px); }.other-products { margin-right:auto; margin-left:auto; padding:34px 22px; }.other-products>h2 { font-size:26px; }.other-products__grid { grid-template-columns:1fr; } }
.product-list-card__image img { display:block; width:auto; max-width:140px; height:168px; object-fit:contain; }

/* ===== product-detail.css ===== */
.product-detail-page { background:#fcfdfd; }.product-breadcrumb { width:min(100%,var(--container-width)); margin:31px auto 25px; color:#7a8486; font-size:12px; line-height:18px; }.product-breadcrumb a { color:#00a996; }.product-breadcrumb span { margin:0 9px; color:#b6bfc0; }.product-breadcrumb strong { color:#475257; font-weight:500; }
.product-detail-hero { display:grid; height:590px; margin:0 auto; grid-template-columns:290px 430px minmax(0,1fr); gap:24px; padding:19px 22px; border:1px solid rgba(0,173,156,.12); border-radius:24px; background:#fff; }.product-side-nav { height:550px; overflow:hidden; border:1px solid rgba(0,199,178,.16); border-radius:16px; background:#f9fcfb; }.product-side-nav a { display:flex; height:55px; padding:0 19px; align-items:center; border-bottom:1px solid rgba(0,173,156,.08); color:#475257; font-size:12px; line-height:16px; }.product-side-nav a.is-active { background:#e8faf7; color:#00a996; font-weight:600; }.product-main-stage { display:grid; height:550px; place-items:center; border-radius:18px; background:#f6fbfa; }.product-main-stage__art { position:relative; width:265px; height:510px; }.product-main-stage__bottle { position:absolute; top:14px; left:25px; width:215px; height:483px; object-fit:contain; }.product-main-stage__label { position:absolute; top:162px; left:82px; width:155px; height:247px; object-fit:contain; }.product-main-copy { position:relative; padding:33px 0 0 8px; }.product-main-copy__eyebrow { margin:0; color:#e00a14; font-size:13px; font-weight:600; line-height:18px; }.product-main-copy__accent { position:absolute; top:36px; right:0; display:flex; gap:7px; height:3px; }.product-main-copy__accent i,.product-main-copy__accent b { display:block; height:3px; border-radius:2px; }.product-main-copy__accent i { width:87px; background:#00c7b2; }.product-main-copy__accent b { width:27px; background:#e00a14; }.product-main-copy h1 { margin:13px 0 0; color:#141a1c; font-size:42px; line-height:54px; }.product-main-copy__description { max-width:610px; margin:29px 0 0; color:#475257; font-size:14px; line-height:22px; }.product-main-copy__label { margin:35px 0 0; color:#e00a14; font-size:11px; font-weight:600; line-height:16px; }.product-volume-buttons { display:flex; gap:12px; margin-top:14px; }.product-volume-buttons a { display:grid; width:94px; height:40px; place-items:center; border-radius:8px; background:#e8faf7; color:#00a996; font-size:12px; font-weight:600; }.product-main-copy__note { margin:31px 0 0; color:#596467; font-size:13px; line-height:20px; }.product-quick-info { display:flex; max-width:424px; min-height:70px; margin-top:35px; padding:17px 20px; align-items:center; gap:9px; border:1px solid rgba(0,173,156,.2); border-radius:12px; background:#f0fefc; color:#475257; font-size:12px; line-height:18px; }.product-quick-info span { color:#e00a14; }
.product-volumes,.product-information,.related-products { position:relative; width:min(100%,var(--container-width)); margin:75px auto 0; }.product-section-eyebrow { margin:0; color:#e00a14; font-size:12px; font-weight:600; letter-spacing:.8px; line-height:18px; }.product-volumes h2,.product-information h2,.related-products h2 { margin:10px 0 0; font-size:30px; line-height:38px; }.product-section-accent { position:absolute; top:0; left:0; display:flex; gap:4px; height:3px; transform:translateY(-11px); }.product-section-accent i,.product-section-accent b { display:block; height:3px; border-radius:2px; }.product-section-accent i { width:103px; background:#00c7b2; }.product-section-accent b { width:37px; background:#e00a14; }.volume-cards { display:grid; grid-template-columns:repeat(5,230px); gap:23px; margin-top:42px; }.volume-cards article { height:330px; padding:16px; border:1px solid rgba(0,173,156,.15); border-radius:16px; background:#fff; box-shadow:0 8px 18px rgba(0,64,56,.05); }.volume-card__image { position:relative; display:grid; height:230px; place-items:center; overflow:hidden; border-radius:12px; background:#f5fbfa; }.volume-card__image>img:first-child { width:108px; height:185px; object-fit:contain; }.volume-card__image>img:last-child { position:absolute; width:100px; height:150px; object-fit:contain; }.volume-cards article>strong { display:block; margin-top:14px; color:#141a1c; font-size:17px; line-height:22px; }.volume-cards article>span { display:block; margin-top:7px; color:#00a996; font-size:11px; font-weight:600; }
.product-information { margin-top:55px; }.product-information__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; margin-top:42px; }.product-information__grid article { min-height:360px; padding:37px 32px; border-radius:20px; background:#f0fefc; }.product-information__grid article+article { background:#fff6f7; }.product-information__grid h3 { margin:0; color:#141a1c; font-size:20px; line-height:28px; }.product-information__grid p { margin:24px 0 0; color:#475257; font-size:14px; line-height:24px; }
.product-documents { display:flex; width:min(100%,var(--container-width)); min-height:145px; margin:54px auto 0; padding:31px 32px; align-items:flex-start; justify-content:space-between; border-radius:20px; background:#f0fefc; }.product-documents h2 { margin:8px 0 0; font-size:25px; }.document-links { display:grid; width:760px; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:2px; }.document-links a { display:flex; height:62px; padding:0 18px; align-items:center; justify-content:space-between; border:1px solid rgba(0,173,156,.15); border-radius:10px; background:#fff; color:#475257; font-size:11px; }.document-links b { color:#e00a14; font-size:18px; font-weight:500; }
.related-products { margin-top:73px; }.related-products__grid { display:grid; grid-template-columns:repeat(4,294px); gap:24px; margin-top:42px; }.related-products__grid>a { display:block; height:330px; padding:16px; border:1px solid rgba(0,173,156,.15); border-radius:16px; background:#fff; box-shadow:0 8px 18px rgba(0,64,56,.05); }.related-products__grid>a>div { display:grid; height:200px; place-items:center; border-radius:12px; background:#f5fbfa; }.related-products__grid img { width:130px; height:190px; object-fit:contain; }.related-products__grid strong { display:block; margin-top:17px; color:#141a1c; font-size:15px; line-height:21px; }.related-products__grid span { display:block; margin-top:7px; color:#00a996; font-size:11px; }
.product-detail-page .wholesale { margin-top:55px; }
@media (max-width:1300px) { .product-detail-hero { grid-template-columns:240px 35% minmax(0,1fr); }.product-volume-buttons { flex-wrap:wrap; }.volume-cards { grid-template-columns:repeat(5,minmax(0,1fr)); }.related-products__grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.document-links { width:65%; } }
@media (max-width:900px) { .product-detail-hero { display:block; height:auto; margin-right:auto; margin-left:auto; padding:16px; }.product-side-nav { height:auto; max-height:220px; }.product-side-nav a { display:inline-flex; width:50%; height:44px; }.product-main-stage { height:430px; margin-top:20px; }.product-main-copy { padding:30px 8px 20px; }.product-main-copy__accent { top:34px; }.product-main-copy h1 { font-size:34px; }.product-main-copy__description { margin-top:18px; }.product-main-copy__label { margin-top:24px; }.product-volume-buttons { gap:8px; }.product-main-copy__note { margin-top:22px; }.product-quick-info { margin-top:22px; }.product-volumes,.product-information,.related-products { margin-right:auto; margin-left:auto; }.volume-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }.product-information__grid { grid-template-columns:1fr; gap:20px; }.product-documents { display:block; margin-right:auto; margin-left:auto; }.document-links { width:100%; margin-top:24px; }.related-products__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .product-breadcrumb { margin-top:24px; margin-bottom:18px; }.product-detail-hero { margin-right:auto; margin-left:auto; }.product-side-nav a { width:100%; }.product-main-stage { height:360px; }.product-main-stage__art { transform:scale(.72); }.product-main-copy h1 { font-size:30px; }.product-volume-buttons a { width:calc(33.33% - 6px); }.product-quick-info { display:block; }.product-quick-info span { margin:0 4px; }.product-volumes,.product-information,.related-products { margin-right:auto; margin-left:auto; }.volume-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.volume-cards article { padding:10px; }.volume-card__image { height:200px; }.product-information__grid article { min-height:0; padding:28px 24px; }.product-documents { margin-right:auto; margin-left:auto; padding:26px 20px; }.document-links { grid-template-columns:1fr; }.related-products__grid { grid-template-columns:1fr; } }

/* ===== product-detail-figma-455-179 ===== */
.product-detail-page { background:#fcfdfd; }
.product-breadcrumb { margin:31px auto 25px; color:#576163; font-size:12px; line-height:18px; }
.product-breadcrumb a { color:#576163; }.product-breadcrumb strong { color:#576163; font-weight:400; }
.product-detail-hero { width:1328px; max-width:calc(100% - 48px); height:590px; padding:18px 22px; grid-template-columns:290px 430px minmax(0,1fr); gap:24px; border-color:rgba(0,199,178,.12); border-radius:24px; background:#fff; }
.product-side-nav { height:550px; border-color:rgba(0,199,178,.16); border-radius:20px; background:#f6f9fb; }
.product-side-nav a { position:relative; height:55px; padding:0 47px; border-bottom-color:#dbe3e8; color:#040505; font-size:11px; background:#f6f9fb; }
.product-side-nav a::before { position:absolute; left:14px; color:#6b757d; content:"▧"; font-size:14px; }
.product-side-nav a::after { position:absolute; right:15px; color:#00c7b2; content:"›"; font-size:16px; }
.product-side-nav a.is-active { border:1px solid rgba(0,199,178,.35); border-radius:14px; background:#f0fdfb; color:#00c7b2; font-weight:600; }
.product-main-stage { position:relative; height:550px; overflow:hidden; border:1px solid #e5ebeb; border-radius:20px; background:#fff; box-shadow:0 10px 28px rgba(0,0,0,.05); }
.product-main-stage__art { position:absolute; inset:0; width:auto; height:auto; }
.product-main-stage__bottle { top:24px; left:50%; width:260px; height:500px; transform:translateX(-50%); object-fit:contain; }
.product-main-stage__label { display:none; }
.product-main-copy { min-height:550px; padding:0; }
.product-main-copy__eyebrow,.product-main-copy h1,.product-main-copy__description,.product-main-copy__label,.product-volume-buttons,.product-main-copy__note,.product-quick-info { position:absolute; left:7px; margin:0; }
.product-main-copy__eyebrow { top:53px; color:#e00a14; font-size:13px; line-height:20px; }
.product-main-copy__accent { top:57px; right:auto; left:8px; gap:7px; }.product-main-copy__accent i { width:87px; }.product-main-copy__accent b { width:28px; }
.product-main-copy h1 { top:90px; color:#141a1c; font-size:42px; line-height:63px; }
.product-main-copy__description { top:194px; width:610px; max-width:calc(100% - 8px); color:#576163; font-size:15px; line-height:normal; }
.product-main-copy__label { top:299px; color:#e00a14; font-size:11px; line-height:17px; }
.product-volume-buttons { top:329px; display:flex; gap:12px; }.product-volume-buttons a { width:94px; height:40px; border:1px solid rgba(0,199,178,.35); border-radius:20px; background:#f0fdfb; color:#00c7b2; font-size:11px; }
.product-main-copy__note { top:404px; width:580px; max-width:calc(100% - 8px); color:#576163; font-size:12px; line-height:18px; }
.product-quick-info { top:459px; display:block; width:424px; max-width:calc(100% - 8px); min-height:70px; padding:24px 20px; border:0; border-radius:14px; background:#f9fbfb; color:#141a1c; font-size:11px; font-weight:600; line-height:17px; white-space:nowrap; }
.product-quick-info span { color:#141a1c; }
.product-main-copy__eyebrow { top:35px; }.product-main-copy h1 { top:71px; }.product-main-copy__description { top:175px; }.product-main-copy__label { top:280px; }.product-volume-buttons { top:310px; }.product-main-copy__note { top:385px; }.product-quick-info { top:440px; }.product-volume-buttons a.is-active { background:#f0fdfb; color:#00c7b2; }
.product-main-copy__description,.product-main-copy__note,.product-quick-info { max-width:none; }

.product-volumes { margin-top:26px; }.product-volumes h2,.product-information h2,.related-products h2 { margin-top:4px; font-size:32px; line-height:48px; }.product-section-eyebrow { color:#e00a14; font-size:13px; letter-spacing:0; line-height:20px; }.product-section-accent { top:21px; transform:none; }.product-section-accent i { width:92px; }.product-section-accent b { width:29px; }
.volume-cards { gap:23px; margin-top:17px; }.volume-cards article { position:relative; height:330px; padding:16px; border-color:rgba(0,199,178,.14); border-radius:18px; box-shadow:none; }.volume-card__image { width:197px; height:230px; overflow:hidden; border:1px solid #e5ebeb; border-radius:20px; background:#fff; box-shadow:0 10px 28px rgba(0,0,0,.05); }.volume-card__image>img { position:relative; display:block; width:auto; max-width:140px; height:210px; margin:10px auto 0; object-fit:contain; }
.volume-cards article>strong { margin-top:18px; color:#141a1c; font-size:17px; line-height:26px; }.volume-cards article>span { margin-top:4px; color:#00c7b2; font-size:11px; font-weight:400; line-height:17px; }

.product-information { margin-top:38px; }.product-information__grid { gap:48px; margin-top:33px; }.product-information__grid article { min-height:360px; padding:30px; border-radius:20px; background:#f0fdfb; }.product-information__grid article+article { background:#fef4f4; }.product-information__grid h3 { font-size:17px; line-height:26px; }.product-information__grid article div { margin-top:22px; color:#576163; font-size:13px; line-height:normal; }.product-information__grid p { margin:0; color:#576163; font-size:13px; line-height:normal; }.product-information__grid .product-information__note { margin-top:18px; }

.product-documents { position:relative; display:block; width:min(100%,var(--container-width)); min-height:228px; margin-top:42px; padding:0; border-radius:0; background:transparent; }.product-documents__heading { position:absolute; top:0; left:12px; }.product-documents h2 { margin:9px 0 0; font-size:32px; line-height:48px; }.product-documents .product-section-accent { top:20px; left:-4px; }.product-documents .document-links { position:absolute; top:83px; left:0; display:grid; width:100%; height:145px; margin:0; padding:42px 28px; grid-template-columns:repeat(3,365px); gap:30px; border-radius:20px; background:#f0fdfb; }.document-links a { height:62px; padding:0 22px; border:0; border-radius:14px; color:#000; font-size:12px; font-weight:600; }.document-links b { color:#000; font-size:14px; font-weight:600; }

.related-products { width:1236px; max-width:calc(100% - 48px); margin-top:72px; }.related-products h2 { margin-top:4px; }.related-products .product-section-accent { top:20px; }.related-products__grid { grid-template-columns:repeat(4,294px); gap:24px; margin-top:14px; }.related-products__grid>a { height:330px; padding:15px; border-color:rgba(0,199,178,.14); border-radius:18px; box-shadow:none; }.related-products__grid>a>div { display:grid; height:200px; place-items:center; border-radius:14px; background:#f0fdfb; color:#00c7b2; font-size:11px; font-weight:600; }.related-products__grid strong { margin-top:19px; font-size:15px; line-height:23px; }.related-products__grid span { margin-top:7px; color:#00c7b2; font-size:11px; font-weight:600; }

@media (max-width:1300px) { .product-detail-hero { grid-template-columns:250px 35% minmax(0,1fr); }.product-main-copy__description,.product-main-copy__note { width:auto; }.product-volume-buttons { gap:7px; }.product-volume-buttons a { width:80px; }.volume-cards { grid-template-columns:repeat(5,minmax(0,1fr)); }.product-documents .document-links { grid-template-columns:repeat(3,minmax(0,1fr)); }.related-products__grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:900px) { .product-detail-hero { display:block; height:auto; }.product-side-nav { height:auto; max-height:none; }.product-main-stage { margin-top:20px; }.product-main-copy { position:relative; min-height:550px; margin-top:20px; }.volume-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }.product-documents { min-height:350px; }.product-documents .document-links { height:auto; grid-template-columns:1fr; }.related-products { width:calc(100% - 48px); }.related-products__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .product-detail-hero { max-width:calc(100% - 32px); padding:16px; }.product-main-stage { height:360px; }.product-main-stage__art { transform:scale(.65); transform-origin:top left; }.product-main-copy { min-height:560px; }.product-main-copy h1 { font-size:32px; }.product-volume-buttons { flex-wrap:wrap; }.product-volume-buttons a { width:calc(33.33% - 5px); }.product-main-copy__description,.product-main-copy__note,.product-quick-info { width:calc(100% - 8px); max-width:calc(100% - 8px); }.product-quick-info { white-space:normal; }.volume-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }.volume-cards article { padding:10px; }.volume-card__image { width:100%; }.product-information__grid { grid-template-columns:1fr; }.product-documents { min-height:440px; }.product-documents .document-links { padding:30px 20px; }.related-products { width:calc(100% - 32px); }.related-products__grid { grid-template-columns:1fr; } }

/* ===== Shared interactions ===== */
body.search-open,body.lightbox-open { overflow:hidden; }
.is-hidden,.searchable-hidden { display:none !important; }
.about__visual img,.about__copy>p,blockquote { transition:opacity .22s ease; }
.product-volume-buttons a.is-active { background:#00c7b2; color:#fff; }
.news-page-pagination b:not(.is-current) { background:transparent; color:#fff; }
.news-page-pagination i.is-current { background:#fff; color:#00a996; }
.search-overlay,.media-lightbox { position:fixed; inset:0; z-index:100; visibility:hidden; pointer-events:none; opacity:0; transition:opacity .22s ease,visibility .22s ease; }
.media-lightbox { z-index:200; }
.search-overlay.is-open,.media-lightbox.is-open { visibility:visible; pointer-events:auto; opacity:1; }
.search-overlay__backdrop,.media-lightbox__backdrop { position:absolute; inset:0; background:rgba(20,26,28,.48); }
.media-lightbox__backdrop { background:rgba(10,14,16,.72); }
.canvas-menu { position:fixed; top:96px; right:0; left:0; z-index:110; height:auto; background:#fff; border-top:1px solid rgba(24,29,29,.12); color:#181d1d; visibility:hidden; pointer-events:none; opacity:0; transform:scaleY(0); transform-origin:top; transition:transform .32s cubic-bezier(.33,1,.68,1),opacity .2s ease,visibility 0s linear .32s; }
.canvas-menu.is-open { visibility:visible; pointer-events:auto; opacity:1; transform:scaleY(1); transition-delay:0s; }
.canvas-menu__panel { display:block; width:100%; background:#fff; }
.canvas-menu__close { position:absolute; top:18px; right:18px; z-index:2; display:none; width:44px; height:44px; padding:0; place-items:center; border-radius:50%; background:#fff0f1; color:#e00a14; font-size:28px; font-weight:400; line-height:1; }
.search-overlay__close,.media-lightbox__close { display:grid; width:44px; height:44px; padding:0; place-items:center; border-radius:50%; background:#fff0f1; color:#e00a14; font-size:28px; font-weight:400; line-height:1; }
.mega-menu { padding:40px 0 28px; }
.mega-menu__columns { display:grid; grid-template-columns:minmax(180px,240px) minmax(420px,1fr) minmax(240px,320px); gap:32px 80px; }
.mega-menu__col h2 { margin:0 0 28px; color:#141414; font-size:16px; font-weight:600; letter-spacing:.04em; line-height:1.2; }
.mega-menu__col a,.mega-menu__col p { display:block; margin:0 0 16px; color:#1a1c1f; font-size:15px; font-weight:400; line-height:1.45; }
.mega-menu__col a:hover { color:#e00a14; }
.mega-menu__products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 72px; }
.mega-menu__col--contact p { display:flex; flex-wrap:wrap; gap:6px; }
.mega-menu__col--contact span { color:#1a1c1f; }
.mega-menu__col--contact a { display:inline; margin:0; }
.mega-menu__foot { display:grid; margin-top:28px; padding-top:18px; align-items:center; grid-template-columns:1fr auto 1fr; gap:24px; }
.mega-menu__social { display:flex; align-items:center; gap:16px; }
.mega-menu__social a { display:grid; width:22px; height:22px; color:#1a1c1f; place-items:center; }
.mega-menu__social svg { width:20px; height:20px; }
.mega-menu__brands { display:flex; align-items:center; gap:28px; }
.mega-menu__brands img { display:block; width:118px; height:auto; object-fit:contain; }
.mega-menu__foot p { margin:0; color:#8a8f93; font-size:12px; text-align:right; }
.search-overlay__panel { position:absolute; top:50%; left:50%; width:min(680px,calc(100% - 32px)); padding:36px; border-radius:22px; background:#fff; box-shadow:0 20px 60px rgba(0,0,0,.18); transform:translate(-50%,-46%); transition:transform .24s ease; }
.search-overlay.is-open .search-overlay__panel { transform:translate(-50%,-50%); }
.search-overlay__close { position:absolute; top:18px; right:18px; }
.search-overlay__form label { display:block; margin-bottom:17px; color:#141a1c; font-size:24px; font-weight:700; }
.search-overlay__controls { display:flex; gap:10px; }
.search-overlay__controls input { min-width:0; height:48px; flex:1; padding:0 16px; border:1px solid #dce5e4; border-radius:10px; outline:0; color:#141a1c; font-size:14px; }
.search-overlay__controls input:focus { border-color:#00c7b2; box-shadow:0 0 0 3px rgba(0,199,178,.14); }
.search-overlay__controls button { min-width:104px; height:48px; border-radius:10px; background:#e00a14; color:#fff; font-size:13px; font-weight:600; }
.search-overlay__status { min-height:20px; margin:14px 0 0; color:#596467; font-size:12px; }
.media-lightbox__figure { position:absolute; display:flex; padding:52px 24px 24px; align-items:center; justify-content:center; overflow:hidden; border-radius:18px; background:#fff; box-shadow:0 24px 64px rgba(0,0,0,.28); }
.media-lightbox__figure>img { display:block; width:100%; height:100%; object-fit:contain; }
.media-lightbox__close { position:absolute; top:10px; right:10px; z-index:2; }
.canvas-menu button:focus-visible,.search-overlay button:focus-visible,.search-overlay input:focus-visible,.media-lightbox button:focus-visible,.gallery-pagination button:focus-visible { outline:3px solid rgba(224,10,20,.3); outline-offset:2px; }
@media (max-width:1100px) {
  .mega-menu { padding:32px 0 24px; }
  .mega-menu__columns { gap:28px 40px; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr); }
  .mega-menu__products { gap:0 36px; }
}
@media (max-width:1279px) {
  .canvas-menu { left:auto; width:min(560px,100%); height:calc(100vh - 96px); overflow:auto; transform:translateX(100%); }
  .canvas-menu.is-open { transform:translateX(0); }
  .canvas-menu__close { display:grid; }
}
@media (max-width:900px) {
  .canvas-menu { max-height:none; }
  .mega-menu { padding:28px 0 24px; }
  .mega-menu__columns { display:flex; flex-direction:column; gap:28px; }
  .mega-menu__foot { padding-top:16px; grid-template-columns:1fr; justify-items:start; gap:16px; }
  .mega-menu__foot p { text-align:left; }
}
@media (max-width:560px) {
  .canvas-menu { top:84px; height:calc(100vh - 84px); max-height:none; }
  .mega-menu { padding:20px 0 24px; }
  .mega-menu__products { grid-template-columns:1fr; }
  .mega-menu__brands { flex-wrap:wrap; gap:16px; }
  .search-overlay__panel { padding:30px 20px 22px; }
  .search-overlay__form label { font-size:20px; }
  .search-overlay__controls { display:grid; grid-template-columns:1fr; }
  .search-overlay__controls button { width:100%; }
  .media-lightbox__panel { width:calc(100% - 24px); height:76vh; padding:48px 14px 14px; }
}
 .product-detail-page .product-volume-buttons a.is-active { background:#f0fdfb; color:#00c7b2; }

@media (prefers-reduced-motion: reduce) {
  .canvas-menu,.search-overlay,.search-overlay__panel,.media-lightbox,.about__visual img,.about__copy>p,blockquote,.nav-submenu { transition:none; }
}

/* Nav dropdowns + all-menu from Diamed site new */
.desktop-navigation .nav-item--dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  height: 16px;
  --submenu-gap: 30px;
}

.desktop-navigation .nav-item--dropdown::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  width: max(100%, 220px);
  height: var(--submenu-gap);
  pointer-events: none;
}

.desktop-navigation .nav-item--dropdown:hover::after {
  pointer-events: auto;
}

.desktop-navigation .nav-submenu {
  position: absolute;
  top: calc(100% + var(--submenu-gap));
  left: 0;
  z-index: 1000;
  display: flex;
  width: max-content;
  min-width: 220px;
  margin: 0;
  padding: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #c2c2c2;
  background: #fff;
  list-style: none;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0s linear 0.25s;
}

.nav-item--dropdown:hover .nav-submenu,
.nav-item--dropdown:focus-within .nav-submenu,
.nav-item--dropdown.is-open .nav-submenu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s;
}

.nav-submenu__item { display: block; width: 100%; }

.nav-submenu__link {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 15px;
  color: #181d1d;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  white-space: nowrap;
  transition: background 0.25s ease, color 0.25s ease;
}

.nav-submenu__link:hover {
  background: #fe0000;
  color: #fff;
}

.canvas-menu .all_menu_wrapper {
  position: relative;
  top: auto;
  z-index: 0;
  width: 100%;
  opacity: 1;
  visibility: visible;
  transform: none;
  background: transparent;
  border: 0;
}

.all_menu_main { padding: 62px 0 133px; }

.all_menu_container {
  box-sizing: border-box;
  width: min(1440px, 100%);
  margin: 0 auto;
  padding: 0 3.75rem;
}

.all_menu_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: start;
}

.all_menu_group {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.all_menu_heading {
  width: fit-content;
  min-height: 30px;
  margin: 0;
  color: #181d1d;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

.all_menu_heading:hover,
.all_menu_heading:focus-visible,
.all_menu_list a:hover,
.all_menu_list a:focus-visible {
  color: #fe0000;
  outline: none;
}

.all_menu_list {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.all_menu_list li { display: flex; }

.all_menu_list li + li { margin-top: 10px; }

.all_menu_list a {
  position: relative;
  width: fit-content;
  color: #181d1d;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  transition: color 0.2s ease;
}

.all_menu_main .all_menu_list a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  border-bottom: 4px solid #fe0000;
  opacity: 0;
  transform: scale(0, 1);
  transform-origin: left center;
  transition: transform 0.3s, opacity 0.3s;
}

.all_menu_main .all_menu_list a:hover::before,
.all_menu_main .all_menu_list a:focus-visible::before {
  opacity: 1;
  transform: scale(1, 1);
}

.all_menu_bottom {
  min-height: 60px;
  border-top: 1px solid #e8e8e8;
}

.all_menu_bottom_row {
  display: flex;
  min-height: 60px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.all_menu_socials {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 0;
}

.all_menu_social {
  position: relative;
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(24, 29, 29, 0.12);
  border-radius: 0;
  background: transparent;
  color: #181d1d;
  transition: color 0.3s ease, border-color 0.3s ease;
}

.all_menu_social::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fe0000;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

.all_menu_social:hover,
.all_menu_social:focus-visible {
  border-color: #fe0000;
  color: #fff;
  outline: none;
}

.all_menu_social:hover::before,
.all_menu_social:focus-visible::before { transform: translateY(0); }

.all_menu_social svg {
  position: relative;
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.all_menu_social svg path { fill: currentColor; }

.all_menu_social:hover svg path,
.all_menu_social:focus-visible svg path { fill: #fff; }

.all_menu_partners {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.all_menu_partners a {
  display: flex;
  height: 20px;
  align-items: center;
}

.all_menu_partners img {
  display: block;
  width: auto;
  max-width: 110px;
  max-height: 20px;
  object-fit: contain;
}

.all_menu_copyright {
  flex: 1 1 0;
  margin: 0;
  color: #979797;
  font-size: 10px;
  font-weight: 500;
  text-align: right;
}

@media (max-width: 1279px) {
  .all_menu_main { padding: 32px 0 48px; }
  .all_menu_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 40px;
  }
  .all_menu_bottom_row {
    flex-wrap: wrap;
    padding: 24px 0;
    row-gap: 16px;
  }
  .all_menu_partners {
    order: -1;
    flex: 1 1 100%;
    justify-content: center;
  }
  .all_menu_copyright { flex: 1 1 auto; text-align: right; }
}

@media (max-width: 767px) {
  .all_menu_container { padding-inline: 20px; }
  .all_menu_main { padding-top: 24px; }
  .all_menu_grid {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
  .all_menu_bottom_row {
    align-items: flex-start;
    flex-direction: column;
  }
}

.blog-article-breadcrumbs,
.blog-article-page {
  width: min(100%, var(--container-width));
  margin-left: auto;
  margin-right: auto;
}
.blog-article-breadcrumbs { padding: 40px 0 32px; }
.breadcrumbs__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumbs__item { display: inline-flex; align-items: center; }
.breadcrumbs__item:not(:first-child)::before {
  content: "-";
  margin: 0 8px;
  color: #181d1d;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.breadcrumbs__link {
  color: #181d1d;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.breadcrumbs__item:last-child .breadcrumbs__link { color: rgba(24, 29, 29, 0.4); }
.blog-article-breadcrumbs a { transition: opacity 0.3s; }
.blog-article-breadcrumbs a:hover { opacity: 0.65; }

.blog-article-page { margin-bottom: 64px; }
.blog-article__head {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
}
.blog-article__date {
  color: rgba(27, 25, 34, 0.6);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
.blog-article__title-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
}
.blog-article__title {
  max-width: 80%;
  margin: 0;
  color: #1b1922;
  font-size: 34px;
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.02em;
}
.blog-article__lead {
  margin: 0 0 48px;
  color: #1b1922;
  font-size: 16px;
  line-height: 1.5;
}
.blog-article__lead::after { content: ""; display: block; clear: both; }
.blog-article__lead > img,
.blog-article-page .blog_img {
  display: block;
  float: left;
  width: 550px;
  max-width: 100%;
  height: 510px;
  margin: 0 30px 20px 0;
  object-fit: cover;
  border-radius: 20px;
}
.blog-article-page p { margin: 16px 0; }
.blog-article__lead .blog-content > p:first-child { margin-top: 0; }
.blog-content { overflow: visible; }
.news-detail-page { background: #fff; }
.news-detail-page .wholesale { margin-top: 0; }

@media (max-width: 1399px) {
  .blog-article-breadcrumbs,
  .blog-article-page { width: calc(100% - var(--container-gutter)); }
}
@media (max-width: 1100px) {
  .blog-article__title { max-width: 100%; }
  .blog-article__lead > img,
  .blog-article-page .blog_img { width: min(100%, 420px); height: 380px; }
}
@media (max-width: 900px) {
  .blog-article-breadcrumbs,
  .blog-article-page { width: calc(100% - 48px); }
}
@media (max-width: 768px) {
  .blog-article-breadcrumbs { padding: 28px 0 24px; }
  .blog-article__title-row { flex-direction: column; align-items: flex-start; gap: 20px; }
  .blog-article__date { font-size: 14px; line-height: 18px; }
  .blog-article__title { font-size: 26px; }
  .blog-article__lead { margin-bottom: 32px; }
  .blog-article__lead > img,
  .blog-article-page .blog_img {
    float: none;
    width: 100%;
    height: 280px;
    margin: 0 0 20px;
  }
  .breadcrumbs__link,
  .breadcrumbs__item:not(:first-child)::before { font-size: 14px; }
}
@media (max-width: 560px) {
  .blog-article-breadcrumbs,
  .blog-article-page { width: calc(100% - 32px); }
  .app { padding-top:84px; }
}

.mail_button,
.whatsapp_button { position:fixed; right:-10px; z-index:90; pointer-events:none; }
.mail_button { bottom:115px; }
.whatsapp_button { bottom:30px; }
.mail_button .circlephone { border-color:#fe0000; }
.mail_button .circle-fill { background-color:#fe0000; }
.whatsapp_button .circlephone { border-color:#25d366; }
.whatsapp_button .circle-fill { background-color:#25d366; }
.circlephone,
.circle-fill { box-sizing:content-box; position:absolute; border-radius:100%; transition:.5s; pointer-events:none; }
.circlephone { width:100px; height:100px; bottom:-20px; right:15px; border:2px solid #25d366; opacity:.5; animation:2.4s ease-in-out infinite circle-anim; }
.circle-fill { width:70px; height:70px; bottom:-5px; right:30px; border:2px solid transparent; background-color:#25d366; animation:2.3s ease-in-out infinite circle-fill-anim; }
#fixed_mail,
#fixed_wp { position:absolute; right:42px; bottom:7px; display:grid; place-items:center; border:2px solid transparent; border-radius:100%; pointer-events:auto; }
#fixed_mail { width:55px; height:55px; background:#fe0000; }
#fixed_wp { width:50px; height:50px; }
#fixed_mail img { width:22px; height:22px; filter:brightness(0) invert(1); animation:tossing 1.5s infinite; }
#fixed_wp img { width:100%; height:100%; animation:tossing 1.5s infinite; }
@keyframes circle-anim {
  0% { transform:rotate(0) scale(.5) skew(1deg); opacity:.1; }
  30% { transform:rotate(0) scale(.7) skew(1deg); opacity:.5; }
  100% { transform:rotate(0) scale(1) skew(1deg); opacity:.1; }
}
@keyframes circle-fill-anim {
  0%,100% { transform:rotate(0) scale(.7) skew(1deg); opacity:.2; }
  50% { transform:rotate(0) scale(1) skew(1deg); opacity:.2; }
}
@keyframes tossing {
  0%,100% { transform:rotate(-8deg); }
  50% { transform:rotate(8deg); }
}