.sl-page{font-family:Arial,Helvetica,sans-serif;color:#172116;background:#fff;line-height:1.45}
.sl-page *{box-sizing:border-box}.sl-page a{text-decoration:none;color:inherit}
.sl-topbar{background:#185b0b;color:#fff;padding:8px 4%;display:flex;justify-content:center;gap:55px;font-size:13px;font-weight:600}
.sl-header{display:flex;align-items:center;gap:40px;padding:18px 5%;border-bottom:1px solid #eee}
.sl-logo{display:flex;align-items:center;gap:9px;min-width:220px}.sl-logo-mark{font-size:38px}.sl-logo strong{display:block;font-size:32px;color:#184c12;letter-spacing:-1px}.sl-logo small{display:block;font-size:9px;letter-spacing:3px;color:#52664e}
.sl-search{display:flex;flex:1;max-width:680px}.sl-search input{flex:1;border:1px solid #d6d6d6;border-radius:7px 0 0 7px;padding:13px 16px;font-size:14px}.sl-search button{width:60px;border:0;background:#2f7d12;color:#fff;border-radius:0 7px 7px 0;font-size:25px}
.sl-head-actions{display:flex;gap:22px}.sl-action{position:relative;text-align:center;font-size:22px}.sl-action span{display:block;font-size:12px;margin-top:3px}.sl-cart-count{position:absolute;right:-9px;top:-7px;background:#2f7d12;color:#fff;border-radius:50%;font-size:10px;padding:3px 6px}
.sl-nav{display:flex;align-items:center;justify-content:center;gap:28px;padding:10px 5%;font-size:14px;border-bottom:1px solid #eee}.sl-nav a.active{color:#2f7d12;border-bottom:2px solid #2f7d12;padding-bottom:7px}.sl-categories{margin-right:15px;background:#185b0b;color:#fff;border:0;border-radius:6px;padding:11px 18px;font-weight:700}
.sl-hero{margin:14px auto 22px;max-width:1470px;min-height:390px;border-radius:12px;overflow:hidden;display:flex;background:#eff5e9}.sl-hero-copy{width:48%;padding:55px 6%;position:relative;z-index:2}.sl-eyebrow{color:#2c6b1c;font-weight:700;font-size:18px}.sl-hero h1{font-size:57px;line-height:1.05;margin:10px 0;color:#174c22}.sl-subtitle{font-size:21px}.sl-features{display:flex;gap:25px;margin:30px 0}.sl-features span{display:grid;grid-template-columns:32px auto;column-gap:8px;border-right:1px solid #b7c8b0;padding-right:22px}.sl-features span:last-child{border:0}.sl-features b,.sl-features small{grid-column:2}.sl-features b{font-size:14px}.sl-features small{font-size:12px}.sl-features span:first-letter{font-size:25px}.sl-btn{display:inline-block;background:#17620d;color:#fff!important;padding:13px 26px;border-radius:8px;font-weight:800}
.sl-hero-image{width:52%;overflow:hidden}.sl-hero-image img{width:100%;height:100%;object-fit:cover;display:block}
.sl-cats{max-width:1470px;margin:0 auto 30px;display:grid;grid-template-columns:repeat(7,1fr);gap:14px;padding:0 15px}.sl-cat{border:1px solid #ddd;border-radius:9px;overflow:hidden;text-align:center;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05)}.sl-cat-img{height:90px;display:flex;align-items:center;justify-content:center;font-size:45px;background:linear-gradient(135deg,#f1f7ed,#dcebd4)}.sl-cat strong{display:block;padding:13px 5px;font-size:14px}
.sl-products-section,.sl-why{max-width:1470px;margin:0 auto;padding:0 15px 35px}.sl-section-title{display:flex;align-items:center;gap:18px;justify-content:center;margin:15px 0 25px}.sl-section-title span{height:1px;background:#b8c8b3;width:90px}.sl-section-title h2{font-size:27px;margin:0}
.sl-products{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.sl-product{position:relative;border:1px solid #ddd;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 2px 9px rgba(0,0,0,.05)}.sl-product>img{width:100%;height:220px;object-fit:cover;display:block}.sl-sale{position:absolute;left:8px;top:8px;background:#28751b;color:#fff;padding:5px 8px;border-radius:6px;font-size:12px;font-weight:700}.sl-product-body{padding:13px}.sl-product h3{font-size:15px;margin:0 0 6px}.sl-stars{color:#f4a900;font-size:14px}.sl-stars small{color:#777}.sl-price{margin-top:8px}.sl-price strong{font-size:19px}.sl-price del{color:#777;margin-left:6px}.sl-price em{font-style:normal;background:#e7f4df;color:#26751b;padding:3px 6px;border-radius:4px;font-size:12px;margin-left:4px}.sl-add{margin-top:10px;width:100%;border:1px solid #2f7d12;background:#fff;color:#2f7d12;padding:9px;border-radius:6px;font-weight:700}
.sl-why{background:#f5faf2;max-width:none;padding:30px 5%}.sl-benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.sl-benefits>div{text-align:center;background:#fff;border-radius:10px;padding:18px 10px;border:1px solid #e1eadc}.sl-benefits b{font-size:28px;display:block}.sl-benefits strong,.sl-benefits small{display:block}.sl-benefits small{color:#66735f;margin-top:3px}
.sl-promo{max-width:1470px;margin:30px auto;display:grid;grid-template-columns:1.2fr 1fr;gap:16px;padding:0 15px}.sl-promo-card,.sl-newsletter{border-radius:12px;padding:28px;display:flex;align-items:center;gap:25px;background:linear-gradient(120deg,#e7f4d9,#f7fbf4)}.sl-promo-card h2,.sl-newsletter h2{font-size:27px;margin:0 0 8px;color:#184c22}.sl-promo-plant{font-size:100px}.sl-email{display:flex;margin-top:18px}.sl-email input{flex:1;border:1px solid #ddd;padding:12px;border-radius:7px 0 0 7px}.sl-email button{border:0;background:#185b0b;color:#fff;padding:0 18px;border-radius:0 7px 7px 0;font-weight:700}
.sl-footer{background:#083b17;color:#fff;padding:42px 5%;display:grid;grid-template-columns:2fr 1fr 1.2fr 1.2fr 1fr;gap:35px}.sl-footer strong{font-size:27px}.sl-footer h4{margin-top:0}.sl-footer a{display:block;color:#d9e7d8;margin:7px 0;font-size:13px}.sl-footer p{color:#d9e7d8;font-size:13px}.sl-copy{text-align:center;background:#062c11;color:#dcebd8;padding:10px;font-size:12px}
@media(max-width:1000px){.sl-header{flex-wrap:wrap}.sl-search{order:3;flex-basis:100%;max-width:none}.sl-nav{overflow:auto;justify-content:flex-start;white-space:nowrap}.sl-hero h1{font-size:42px}.sl-cats{grid-template-columns:repeat(4,1fr)}.sl-products{grid-template-columns:repeat(3,1fr)}.sl-benefits{grid-template-columns:repeat(3,1fr)}.sl-promo{grid-template-columns:1fr}.sl-footer{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.sl-topbar{gap:10px;overflow:hidden;white-space:nowrap;font-size:10px}.sl-header{padding:12px 4%;gap:12px}.sl-logo{min-width:0}.sl-logo strong{font-size:24px}.sl-head-actions{margin-left:auto;gap:8px}.sl-action{font-size:17px}.sl-action span{font-size:9px}.sl-nav{gap:15px}.sl-categories{display:none}.sl-hero{margin:8px 8px 18px;display:block}.sl-hero-copy{width:100%;padding:30px 25px}.sl-hero h1{font-size:38px}.sl-features{gap:10px}.sl-features span{padding-right:8px}.sl-hero-image{width:100%;height:250px}.sl-cats{grid-template-columns:repeat(2,1fr);padding:0 8px}.sl-products{grid-template-columns:repeat(2,1fr);gap:10px}.sl-product>img{height:150px}.sl-price em{display:block;width:max-content;margin:5px 0}.sl-benefits{grid-template-columns:repeat(2,1fr)}.sl-promo{padding:0 8px}.sl-footer{grid-template-columns:1fr;padding:30px 7%}}

/* SelfLine Homepage V2 — layout polish */
.sl-page{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  overflow:hidden;
}
.sl-topbar{
  width:100%;
  padding:10px 4%;
  gap:clamp(24px,4vw,70px);
  min-height:40px;
}
.sl-header{
  width:100%;
  min-height:112px;
  padding:22px 4%;
  gap:clamp(28px,3vw,55px);
}
.sl-logo{
  min-width:260px;
  gap:12px;
}
.sl-logo-mark{font-size:46px}
.sl-logo strong{font-size:38px}
.sl-logo small{font-size:10px}
.sl-search{
  max-width:900px;
  height:52px;
}
.sl-search input{font-size:15px;padding:15px 18px}
.sl-search button{width:68px;font-size:27px}
.sl-head-actions{gap:30px;margin-left:auto}
.sl-action{font-size:25px;min-width:58px}
.sl-action span{font-size:13px}
.sl-nav{
  width:100%;
  padding:12px 4%;
  gap:30px;
  min-height:58px;
}
.sl-nav a{font-size:15px}
.sl-categories{padding:13px 20px;font-size:15px}
.sl-hero{
  max-width:1500px;
  width:calc(100% - 32px);
  min-height:410px;
  margin:14px auto 24px;
}
.sl-hero-copy{padding:58px 6%}
.sl-hero-image{width:52%;background:#eff5e9}
.sl-hero-image img{object-position:center;object-fit:cover}
.sl-cats,.sl-products-section,.sl-promo{
  max-width:1500px;
}
@media(max-width:1000px){
  .sl-header{min-height:auto;padding:18px 4%}
  .sl-logo{min-width:230px}
  .sl-logo strong{font-size:32px}
  .sl-head-actions{gap:18px}
}
@media(max-width:650px){
  .sl-header{padding:14px 4%;min-height:auto}
  .sl-logo{min-width:0}
  .sl-logo strong{font-size:25px}
  .sl-logo-mark{font-size:34px}
  .sl-search{height:46px}
  .sl-head-actions{gap:8px}
  .sl-nav{padding:10px 4%;min-height:50px}
  .sl-hero{width:calc(100% - 16px);min-height:0}
  .sl-hero-copy{padding:28px 22px}
  .sl-hero-image{height:270px}
}


/* SelfLine Homepage V3 — full-bleed layout and header sizing */
html, body { margin: 0; }
.sl-page {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 0;
  padding: 0;
  overflow-x: hidden;
}
.sl-topbar,
.sl-header,
.sl-nav {
  width: 100%;
}
.sl-header {
  min-height: 128px;
  padding: 24px clamp(28px, 6vw, 90px);
  gap: clamp(32px, 4vw, 72px);
}
.sl-logo { min-width: 280px; }
.sl-logo strong { font-size: 42px; }
.sl-logo-mark { font-size: 50px; }
.sl-search { height: 58px; max-width: 980px; }
.sl-search input { font-size: 16px; padding: 17px 20px; }
.sl-search button { width: 72px; }
.sl-head-actions { gap: 34px; }
.sl-action { min-width: 65px; font-size: 27px; }
.sl-action span { font-size: 14px; }
.sl-nav { padding: 13px clamp(28px, 6vw, 90px); min-height: 62px; gap: 32px; }
.sl-nav a { font-size: 16px; }
.sl-categories { font-size: 16px; padding: 14px 22px; }
.sl-hero { max-width: 1500px; width: calc(100% - 32px); }
.sl-hero-image img { object-position: center center; }
@media (max-width: 1000px) {
  .sl-header { padding: 20px 5%; }
  .sl-logo { min-width: 240px; }
  .sl-logo strong { font-size: 34px; }
}
@media (max-width: 650px) {
  .sl-header { padding: 14px 4%; }
  .sl-logo { min-width: 0; }
  .sl-logo strong { font-size: 25px; }
  .sl-logo-mark { font-size: 34px; }
  .sl-search { height: 46px; }
  .sl-nav { padding: 10px 4%; }
}

/* SelfLine V4: hide Astra/theme footer when the SelfLine custom homepage is present. */
body:has(.sl-page) #colophon,
body:has(.sl-page) .site-footer,
body:has(.sl-page) .site-above-footer-wrap,
body:has(.sl-page) .site-primary-footer-wrap,
body:has(.sl-page) .site-below-footer-wrap,
body:has(.sl-page) .ast-footer-overlay,
body:has(.sl-page) footer:not(.sl-footer) {
  display: none !important;
}

body:has(.sl-page) .sl-footer { margin-bottom: 0 !important; }


/* V4: Hide theme/Astra footer because SelfLine renders its own footer. */
body #colophon, body .site-footer, body footer.site-footer, body .ast-footer-overlay, body .ast-footer-copyright { display:none !important; }