/* Three product rows/cards per desktop row; each product keeps its image beside its details. */
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.product-card{display:grid;grid-template-columns:minmax(90px,38%) minmax(0,1fr);align-items:stretch;min-height:170px}
.product-image{height:auto;min-height:170px;background:#fff;padding:8px}
.product-image img{width:100%;height:100%;min-height:150px;max-height:210px;object-fit:contain}
.product-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:15px;min-width:0}
.product-copy h3{font-size:1.08rem;line-height:1.45;margin:0}
.product-copy p{margin:0 0 4px;line-height:1.6;overflow-wrap:anywhere;font-size:.92rem}
.price{display:flex;align-items:baseline;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin-top:3px}
.price strong{font-size:1.16rem;color:#28633a;white-space:nowrap}
.price del{font-size:.9rem;white-space:nowrap}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.product-grid{grid-template-columns:minmax(0,1fr)}.product-card{grid-template-columns:minmax(100px,34%) minmax(0,1fr);min-height:150px}.product-image{min-height:150px;padding:7px}.product-image img{min-height:135px;max-height:180px}.product-copy{padding:14px;gap:7px}.product-copy h3{font-size:1.04rem}.product-copy p{font-size:.92rem}.price{gap:7px}.price strong{font-size:1.1rem}.price del{font-size:.84rem}}

/* Quiet texture and a restrained finishing pass; product content stays dominant. */
:root{--brand-navy:#263780;--brand-green:#08ad66;--brand-green-dark:#078b54;--brand-gold:#f4b21b;--brand-blue-pale:#eef1fa;--brand-green-pale:#eaf7f0}
body{background-color:#f7f8f6;background-image:radial-gradient(rgba(68,108,80,.075) .7px,transparent .7px);background-size:24px 24px}
.site-header{background:linear-gradient(180deg,#fff 0%,#fff 78%,#fbfcfa 100%);box-shadow:0 4px 18px rgba(31,53,36,.035);animation:menu-fade-down .42s ease-out both}
.brand img{transition:filter .28s ease}
.socials a,.website,footer>a{transition:color .22s ease,opacity .22s ease,text-decoration-color .22s ease}
.languages{align-items:center}
.languages a{padding:5px 10px;border-radius:999px;transition:background-color .22s ease,color .22s ease}
.languages a[aria-current=page]{color:#315e3c;background:#edf3ed}
.category h2{position:relative;padding-block:4px;letter-spacing:.01em;animation:menu-fade-up .42s ease-out both}
.category h2::after{content:"";display:block;width:42px;height:2px;margin-top:9px;border-radius:2px;background:linear-gradient(90deg,#6c9771,rgba(108,151,113,0))}
.product-card{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;animation:menu-fade-up .42s ease-out both}
.product-image{overflow:hidden}
.product-image img{transition:transform .35s ease}
.price strong{letter-spacing:.01em}
.filter{transition:background-color .22s ease,border-color .22s ease,color .22s ease,transform .22s ease}
footer{background:linear-gradient(180deg,#fff,#fbfcfa)}
@keyframes menu-fade-down{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@keyframes menu-fade-up{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.product-card:nth-child(2){animation-delay:25ms}.product-card:nth-child(3){animation-delay:50ms}.product-card:nth-child(4){animation-delay:75ms}.product-card:nth-child(5){animation-delay:100ms}.product-card:nth-child(6){animation-delay:125ms}
@media(hover:hover) and (pointer:fine){.product-card:hover{transform: translateY(-4px) !important;border-color:#d7e2d7;box-shadow:0 10px 24px rgba(108, 151, 113, 0.34)}.product-card:hover .product-image img{transform:scale(1.04)}.socials a:hover,.website:hover,footer>a:hover{color:#315e3c;text-decoration:underline;text-underline-offset:3px}.languages a:hover{background:#f0f4f0;color:#315e3c}.filter:hover{border-color:#9db39f;transform:translateY(-1px)}}
.site-header a:focus-visible,.container a:focus-visible,.container button:focus-visible,footer a:focus-visible{outline:2px solid #537f5b;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}}

/* Brand colors sampled visually from the supplied logo. */
body{background-image:radial-gradient(rgba(8,173,102,.07) .7px,transparent .7px)}
.socials a,.website,footer>a{color:var(--brand-navy)}
.filter.active,.filter.active:hover{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff}
.category h2{border-inline-start-color:var(--brand-green)}
.category h2::after{background:linear-gradient(90deg,var(--brand-green) 0 78%,var(--brand-gold) 100%)}
.price strong{color:var(--brand-green-dark)}
.languages a[aria-current=page]{color:var(--brand-navy);background:var(--brand-blue-pale)}
.socials a:hover,.website:hover,footer>a:hover,.languages a:hover{color:var(--brand-green-dark)}
.product-card:hover{border-color:rgba(8,173,102,.3);box-shadow:0 10px 24px rgba(38,55,128,.09)}
.site-header a:focus-visible,.container a:focus-visible,.container button:focus-visible,footer a:focus-visible{outline-color:var(--brand-green-dark)}