@font-face{font-family:"Be Vietnam";font-style:normal;font-weight:400;font-display:swap;src:url('/assets/e94c43bfd223dd10.woff2') format("woff2")}
@font-face{font-family:"Be Vietnam";font-style:normal;font-weight:700;font-display:swap;src:url('/assets/bff646892988d742.woff2') format("woff2")}
@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url('/assets/5e7db0c297c0975a.woff2') format("woff2")}
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/bde54cb834421feb.woff2') format("woff2")}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url('/assets/8d28e4f69cafc4ae.woff2') format("woff2")}
@font-face{font-family:Roboto;font-style:normal;font-weight:600;font-display:swap;src:url('/assets/95d9613485ecc61c.woff2') format("woff2")}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/433cc31887661bcb.woff2') format("woff2")}
:root {--green:#006f3a;
  --green-dark:#00552c;
  --overlay:rgba(255,255,255,.82);
  --sans:"Be Vietnam",sans-serif;
  --roboto:Roboto,sans-serif;
  --slide:5s;}
*, *::before, *::after {box-sizing:border-box}
html {-webkit-text-size-adjust:100%;text-size-adjust:100%}
body {margin:0;background:#fff;color:#333;font:400 14px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img {display:block;max-width:100%;height:auto;border:0}
a {color:var(--green);text-decoration:none}
a:hover, a:focus-visible {text-decoration:underline}
a:focus-visible, .card:focus-visible {outline:2px solid var(--green);outline-offset:2px}
a[href^="tel:"] {white-space:nowrap}
p {margin:0 0 .9rem}
address {font-style:normal}
main {padding:40px 10px 120px;background:url('/assets/5f2464176bfe3311.webp') center bottom/contain no-repeat}
.cards {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1300px;margin:0 auto}
.cards>h1, .cards>h2, .cards>.lead {grid-column:1/-1}
.cards>h1, .cards>h2 {margin:0;color:var(--green);font:700 34px/45px var(--sans);text-align:center}
.cards>h2 {margin-top:20px}
.cards>.lead {margin:20px 0 40px;color:var(--green);font-size:20px;line-height:1;text-align:center}
.cards>.lead a {color:inherit}
.card {position:relative;display:flex;flex-direction:column;min-height:406px;margin:5px;padding:20px;overflow:hidden;border:3px solid var(--green);border-radius:3px;background:#bbb;color:var(--green)}
.card>img {position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.card::after {content:"";position:absolute;inset:0;z-index:1;background:var(--overlay)}
.card>h2, .card>h3, .card>ul, .card>p, .card>table {position:relative;z-index:2}
.card>h2, .card>h3 {margin:0 0 10px;font:600 1.5rem/31px var(--roboto);text-align:center}
.card>h2 span {font-weight:300}
.card>h2+*, .card>h3+* {margin-top:auto}
.card>ul {margin-bottom:0;padding:0;list-style:none;font-size:14px;line-height:1.4}
.card>p {font-size:14px;line-height:1.4}
.card--deco>h3 {color:#fff}
table {width:100%;margin:0;border-collapse:collapse;border-spacing:0;font-size:.9em}
td {padding:0;border:0;color:var(--green);font-weight:700;line-height:1.5;vertical-align:top}
td:last-child {text-align:right}
.card--tree>img:nth-of-type(n+2), .card--deco>img:nth-of-type(n+2), .card--deco>h3 {opacity:0}
@media (prefers-reduced-motion:no-preference) {
.card>*, .card::after {animation:var(--slide-anim) calc(var(--slides) * var(--slide)) linear infinite;animation-delay:calc((var(--phase) - var(--slides)) * var(--slide))}
.card>img:first-of-type {animation:none}
.card:hover>*, .card:hover::after, .card:focus-within>*, .card:focus-within::after {animation-play-state:paused}
.card--tree {--slides:3;--slide-anim:slide-of-3}
.card--5 {--slides:5;--slide-anim:slide-of-5}
.card--6 {--slides:6;--slide-anim:slide-of-6}
.card>h2, .card>ul, .card>p, .card>table, .card::after {--phase:calc(var(--slides) - 1)}
.card--deco>h3 {--phase:0}
.card>img:nth-of-type(2) {--phase:1}
.card>img:nth-of-type(3) {--phase:2}
.card>img:nth-of-type(4) {--phase:3}
.card>img:nth-of-type(5) {--phase:4}
.card>img:nth-of-type(6) {--phase:5}
}
@keyframes slide-of-3{0%{opacity:0}3.333%{opacity:1}33.333%{opacity:1}36.667%{opacity:0}100%{opacity:0}}
@keyframes slide-of-5{0%{opacity:0}2%{opacity:1}20%{opacity:1}22%{opacity:0}100%{opacity:0}}
@keyframes slide-of-6{0%{opacity:0}1.667%{opacity:1}16.667%{opacity:1}18.333%{opacity:0}100%{opacity:0}}
.delivery {max-width:600px;margin:50px auto 0;padding:20px 20px 10px;border:3px solid var(--green);background:#fff;color:var(--green);font:400 18px/1.5 var(--roboto);text-align:center}
.delivery h2 {margin:0 0 20px;font:600 2rem/1 var(--roboto)}
.delivery__how {font-size:16px}
.button {display:block;min-height:40px;padding:12px 24px;border-radius:3px;background:var(--green);color:#fff;font:500 15px/16px var(--roboto);text-align:center}
.button:hover, .button:focus-visible {background:var(--green-dark);color:#fff;text-decoration:none}
.site-footer {display:flex;color:var(--green)}
.site-footer>* {margin:0;padding:15px;border:3px solid var(--green)}
.site-footer__sale {flex:0 0 21.961%;font-family:var(--roboto)}
.site-footer__address {flex:0 0 36.955%;border-width:3px 0;text-align:center}
.site-footer__address p {margin:0 0 12px;line-height:1}
.site-footer__address p:first-child {margin:3px 0 5px;font-size:.85rem}
.site-footer__address a {text-decoration:underline}
.site-footer__hours {flex:0 0 21%}
.site-footer__hours p {margin:3px 0 5px;font-size:.85rem;line-height:1}
.site-footer__social {flex:1 1 auto;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:5px;border-left-width:0;list-style:none}
.site-footer__social a {display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:10%;background:#69727d}
.site-footer__social a:hover {opacity:.9}
.site-footer__social li:first-child a {background:#3b5998}
.site-footer__social li:last-child a {background:#262626}
@media (max-width:767px) {
.cards {grid-template-columns:minmax(0,1fr)}
.cards>h1, .cards>h2 {font-size:22px;line-height:1.3}
.site-footer {flex-direction:column}
.site-footer>* {flex-basis:auto}
.site-footer__address {border-width:0 3px}
.site-footer__social {border-width:0 3px 3px}
}

:where(img[data-intrinsic]){width:auto;height:auto}