.al-brand{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#343d30;font:600 21px/1 Georgia,serif;letter-spacing:-.055em;text-decoration:none}
.al-brand img{width:34px;height:34px;flex:none}
.al-brand-and{font-style:italic;color:#69674e;padding-inline:1px}
#header-component .header__row--top{background:#fffdf8}
.al-home,.al-footer{color:#252d24;font-family:system-ui,sans-serif}
.al-home h1,.al-home h2{margin:0;font-family:Georgia,serif;font-weight:400;color:inherit;letter-spacing:-.045em}
.al-home h1{font-size:clamp(43px,5.7vw,88px);line-height:.99}
.al-home h2{font-size:clamp(32px,4vw,58px);line-height:1.04;margin-bottom:28px}
.al-home a,.al-footer a{color:inherit}
.al-hero{display:grid;grid-template-columns: minmax(0, .9fr) minmax(0,1.1fr);background:#e6e8dc;align-items:stretch}
.al-intro{align-self:center;padding:clamp(26px,6.7vw,115px)}
.al-intro>p:not(.al-label){max-width:34ch;margin:22px 0;color:#3c4739;line-height:1.65}
.al-label{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:650;margin:0 0 19px}
.al-hero>img{width:100%;height:100%;min-height:420px;max-height:690px;display:block;object-fit:cover;object-position:center}
.al-home .al-button{display:inline-block;padding:13px 23px;background:#303a2f;color:#fffdf8;text-decoration:none;border-radius:3px;font-weight:650}
.al-home .al-button:hover{background:#485440}
.al-zone{padding:clamp(45px,7vw,100px) 20px}
.al-wrap{max-width:1280px;margin-inline:auto}
.al-categories{background:#fbf6ef}
.al-featured{background:#e8e4df}
.al-grid{display:grid;gap:clamp(10px,2vw,26px)}
.al-grid-category{grid-template-columns:repeat(3,minmax(0,1fr))}
.al-grid-product{grid-template-columns:repeat(4,minmax(0,1fr))}
.al-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dcd8d0;border-radius:7px;overflow:hidden;text-decoration:none;transition:border-color .18s}
.al-card:hover{border-color:#646953}
.al-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;display:block}
.al-card>span{display:block;padding:15px 12px;color:#262d24;background:#fdfcf9;border-top:1px solid #ede9e0;font-weight:650;flex:1;overflow-wrap:anywhere}
.al-card small{display:block;margin-top:6px;color:#4c5046;font-weight:400}
.al-featured .al-button{margin-top:25px}
.al-routine{padding:50px 20px;background:#d8dfd3;text-align:center}
.al-routine div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.al-routine a{display:inline-block;padding:10px 14px;border:1px solid #64715e;border-radius:3px;text-decoration:none}
.al-routine a:hover{background:#f8f8ef}
.al-footer{background:#292e27;color:#faf7ef}
.al-footer-grid{padding:48px 20px;display:grid;grid-template-columns:1.2fr 1fr 1.15fr 1fr;gap:24px}
.al-footer .al-brand{color:#faf7ef;font-size:24px}
.al-footer .al-brand-and{color:#d6d7b7}
.al-footer p{margin:12px 0 0}
.al-footer h2{font:650 1rem/1.4 system-ui,sans-serif;margin:0 0 10px;color:inherit}
.al-footer ul{list-style:none;margin:0;padding:0}
.al-footer li{margin:0 0 7px;overflow-wrap:anywhere}
.al-footer a{text-underline-offset:3px}
.al-footer a:hover{text-decoration:underline}
.al-copyright{border-top:1px solid #595e53;padding:16px 20px;text-align:center;background:#20251f;font-size:.85rem}
@media(max-width:989px){.header-logo .al-brand{font-size:17px;gap:4px}.header-logo .al-brand img{width:25px;height:25px}}
@media(max-width:759px){
.al-hero{grid-template-columns:1fr}.al-hero>img{min-height:0;aspect-ratio:4/3;max-height:420px}
.al-grid-category,.al-grid-product,.al-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.al-footer-grid{gap:25px 14px}
}
@media(max-width:380px){.header-logo .al-brand{font-size:14px}.header-logo .al-brand img{width:21px;height:21px}}