:root{--pine:#286f39;--pine2:#3fa64e;--cream:#ffffff;--paper:#ffffff;--ink:#142719;--muted:#4f6153;--line:#c3e6c6;--citrus:#3fa64e;--orange:#286f39;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif}
body{background:#fff}
.strip{background:#e1f3e4;color:#205e31}
.header{background:#fff;border-bottom:1px solid #c3e6c6}
.brand-photo{width:176px;height:72px;display:block;overflow:hidden;flex:none}
.brand-photo img{width:176px;height:176px;max-width:none;object-fit:cover;object-position:center;transform:translateY(-52px)}
.header-btn,.btn-dark{background:#26773b;color:#fff}
.header-btn:hover,.btn-dark:hover{background:#1e622f}
.btn-outline{border-color:#3fa64e;color:#286f39}
.btn-light{background:#26773b;color:#fff}
.nav a:hover{color:#3fa64e}
.hero{background:#c3e6c6;min-height:620px}
.hero-copy{background:#c3e6c6}
.hero .kicker{color:#286f39}
.hero h1{color:#1d6630;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(55px,5.5vw,82px);letter-spacing:-.035em;line-height:1.04}
.hero h1 em{color:#3a9b49;font-style:normal;font-weight:700}
.hero p{color:#2e5238}
.hero-foot{border-color:#8fc79a;color:#2e6640}
.hero-visual img{object-position:72% center}
.hero-caption{color:#287239;border:1px solid #a7d8ac}
.brand-wave{height:74px;background:#fff;overflow:hidden}
.brand-wave svg{display:block;width:100%;height:74px}
.explore{padding-top:73px}
.section-header .kicker,.catalog-intro .kicker,.visit .kicker,.proof .kicker{color:#286f39!important}
.headline{font-weight:700;letter-spacing:-.045em;color:#246e36}
.photo-card{height:395px;border:1px solid #d8ead9;background:#fff;color:#256e37}
.photo-card:after{display:none}
.photo-card img{height:300px;filter:brightness(1.12) saturate(.82)}
.photo-card-text{left:0;right:0;bottom:0;min-height:95px;padding:17px 20px;background:#fff;align-items:center}
.photo-card small{color:#286f39}
.photo-card h3{font-size:31px;margin-top:4px}
.photo-card .circle-arrow{border-color:#3fa64e;color:#2c8140}
.category-line{border-color:#b7ddbc}
.category-links button{color:#26773b}
.category-links button:hover{color:#1e622f}
.spotlight{background:#c3e6c6;color:#174c28}
.spotlight .kicker{color:#286f39}
.spotlight .headline{color:#1d6630}
.spotlight-head p{color:#42694a}
.spotlight-grid{border-color:#8fc79a}
.spot{border-color:#8fc79a}
.spot:nth-child(-n+2){border-color:#8fc79a}
.spot-num{color:#2c7c3f}
.spot button{color:#256e37}
.catalog{background:#fff}
.catalog-intro p,.catalog-foot,.count{color:#536458}
.search{border-color:#a9d7ad;background:#fff}
.filter{border-color:#a8d5ae;color:#286f39}
.filter.active,.filter:hover{background:#3fa64e;border-color:#3fa64e;color:#fff}
.product-grid{border-color:#a9d7ad}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border:0}
.product{display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:0;padding:0;min-height:0;border:1px solid #d6e8d8;background:#fff}
.product-image{position:relative;height:185px;display:grid;place-items:center;overflow:hidden;background:#fff}
.product-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.product-image span{padding:20px;text-align:center;color:#367c43;font-family:Georgia,'Times New Roman',serif;font-size:21px}
.product-body{display:flex;flex:1;flex-direction:column;padding:17px;min-width:0}
.product small{color:#4fa84e}
.product h3{font-family:Georgia,'Times New Roman',serif;font-weight:600;color:#194b28;font-size:20px;line-height:1.2}
.product p{color:#536458;font-size:12px;line-height:1.45;margin:10px 0 0}
.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:18px}
.product-bottom span{font-size:11px;color:#627366}
.product-bottom strong{font-size:14px;color:#286f39}
.add{border-color:#8bc997;color:#286f39}
.add:hover,.add.added{background:#3fa64e;color:#fff}
.show-more{border-color:#3fa64e;color:#286f39}
.show-more:hover{background:#3fa64e;color:#fff}
.proof{background:#f0faf1}
.proof-copy{color:#47634d}
.rating{border-color:#b2d9b7}
.rating strong{color:#286f39}
.rating a{color:#286f39}
.visit{background:#fff}
.address{border-color:#b2d9b7}
.address strong{color:#246e36}
.footer{background:#eef9f0;color:#174c28;border-top:5px solid #4fa84e}
.footer .brand{color:#286f39}
.footer-bottom{border-color:#b7ddbc;color:#536458}
.list-button{background:#26773b;color:#fff}
.list-button b{background:#fff;color:#205e31}
.to-top{position:fixed;z-index:25;right:22px;bottom:82px;width:46px;height:46px;border:1px solid #9bcea4;border-radius:50%;background:#fff;color:#286f39;box-shadow:0 7px 20px rgba(18,50,33,.15);font-size:26px;line-height:1;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s}
.to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.to-top:focus-visible,.list-button:focus-visible{outline:3px solid #1f6530;outline-offset:3px}
.drawer{background:#fff}
.drawer-head h2{color:#286f39}
.list-item{align-items:flex-start}
.list-item img{width:82px;height:82px;object-fit:contain;flex:none;border:1px solid #dfebdf}
.list-item span{font-size:16px;line-height:1.3}
.list-item span small{display:block;font-family:Arial,sans-serif;font-size:11px;line-height:1.4;color:#536458;margin-top:7px}
@media(max-width:950px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.brand-photo{width:151px;height:63px}.brand-photo img{width:151px;height:151px;transform:translateY(-44px)}.hero{background:#c3e6c6}.hero-visual{height:285px}.hero-copy{padding-top:38px}.hero h1{font-size:clamp(49px,13.5vw,67px)}.brand-wave,.brand-wave svg{height:50px}.explore{padding-top:54px}.photo-grid{grid-template-columns:1fr}.photo-card,.photo-card:first-child{height:170px;grid-column:auto;display:grid;grid-template-columns:47% 53%}.photo-card img{width:100%;height:100%}.photo-card-text{position:static;min-height:0;height:100%;padding:14px;align-items:center}.photo-card h3{font-size:26px}.photo-card small{font-size:8px}.photo-card .circle-arrow{width:29px;height:29px}.spot:nth-child(2){border-color:#8fc79a}.spot:nth-child(-n+2){border-color:#8fc79a}}
@media(max-width:700px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image{height:142px}.product-body{padding:12px}.product h3{font-size:17px}.product p{font-size:11px}.product-bottom{padding-top:14px}.product-bottom span{font-size:10px}}
@media(max-width:700px){
  .header-in{gap:10px}
  .list-button{position:fixed;z-index:35;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));min-height:48px;margin-left:0;padding:0 15px;gap:10px;border-radius:24px;box-shadow:0 8px 24px rgba(18,50,33,.22);font-size:12px;white-space:nowrap}
  .to-top{right:17px;bottom:calc(77px + env(safe-area-inset-bottom));width:44px;height:44px}
  .mobile-menu{margin-left:auto;line-height:1}
  .hero-visual{height:250px}
  .hero-copy{padding:34px 18px 30px}
  .hero h1{font-size:clamp(45px,12vw,58px);line-height:1.05;margin:19px 0}
  .hero p{line-height:1.58;margin-bottom:22px}
  .hero-foot{margin-top:32px;font-size:9px}
  .spotlight-grid{grid-template-columns:1fr}
  .spot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;min-height:0;padding:19px;border-right:0;border-bottom:1px solid #8fc79a}
  .spot:last-child{border-bottom:0}
  .spot-num{grid-column:1/-1}
  .spot h3{font-size:24px;margin:0}
  .spot button{align-self:center;text-align:right;max-width:90px;line-height:1.3}
  .catalog-intro .headline{font-size:clamp(42px,11vw,54px)}
  .filters{gap:7px;padding-bottom:16px;scrollbar-width:none;scroll-snap-type:x proximity}
  .filters::-webkit-scrollbar{display:none}
  .filter{scroll-snap-align:start;padding:10px 13px}
  .product-grid{grid-template-columns:1fr;gap:10px}
  .product{display:grid;grid-template-columns:116px minmax(0,1fr);min-height:166px}
  .product-image{height:auto;min-height:166px}
  .product-body{padding:13px 14px}
  .product h3{font-size:18px;line-height:1.15}
  .product p{font-size:11px;line-height:1.4;margin-top:8px}
  .product-bottom{padding-top:11px}
  .show-more{width:100%;min-height:46px}
  .drawer-head{padding:20px}
  .drawer-items{padding:12px 20px}
  .drawer-foot{padding:18px 20px calc(18px + env(safe-area-inset-bottom))}
  .footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){
  .brand-photo{width:132px;height:58px}
  .brand-photo img{width:132px;height:132px;transform:translateY(-38px)}
  .header-in{gap:7px}
  .list-button{font-size:11px;padding:0 12px;gap:7px}
  .mobile-menu{font-size:24px}
  .hero h1{font-size:44px}
  .product{grid-template-columns:102px minmax(0,1fr)}
  .product-body{padding:11px}
  .product h3{font-size:16px}
}