/* Isolated styling: no effect on other pages */
.sp-page{color:#20332b;background:#fff}.sp-page *{box-sizing:border-box}.sp-page .sp-wrap{max-width:1180px;margin:auto;padding:0 24px}.sp-page .sp-hero{background:linear-gradient(110deg,#edf4eb,#f9f9f5);padding:68px 0}.sp-page .sp-eyebrow{font-weight:700;letter-spacing:.06em;color:#426e47;font-size:14px}.sp-page h1{font-size:clamp(30px,4vw,50px);line-height:1.25;margin:16px 0}.sp-page .sp-lead{max-width:800px;font-size:18px;line-height:1.9;color:#475b50}.sp-page .sp-actions{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.sp-page .sp-btn{display:inline-block;background:#215d41;color:#fff!important;padding:13px 22px;border-radius:7px;text-decoration:none;font-weight:700}.sp-page .sp-btn.sp-outline{background:transparent;border:1px solid #215d41;color:#215d41!important}.sp-page .sp-section{padding:65px 0}.sp-page .sp-tint{background:#f5f7f3}.sp-page h2{font-size:clamp(24px,3vw,34px);margin:10px 0 15px}.sp-page .sp-intro{color:#5a695e;line-height:1.9;max-width:850px;margin:0 0 28px}.sp-page .sp-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sp-page .sp-product{background:#fff;border:1px solid #dce5db;border-radius:12px;padding:24px 19px;min-width:0}.sp-page .sp-product h3{font-size:22px;margin:0 0 7px}.sp-page .sp-product .sp-en{font-size:14px;color:#66806d;margin:0 0 15px}.sp-page .sp-product p{font-size:14px;line-height:1.8;margin:0;color:#58685d}.sp-page .sp-gallery{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:start}.sp-page .sp-gallery figure{margin:0!important;min-width:0;background:white;border:1px solid #e2e8e0;border-radius:10px;overflow:hidden}.sp-page .sp-gallery img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:3/4!important;object-fit:cover!important;object-position:center!important}.sp-page .sp-gallery figcaption{padding:13px 12px;min-height:50px;font-size:14px;font-weight:650;line-height:1.5}.sp-page .sp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sp-page .sp-panel{background:#f5f7f3;padding:25px;border-radius:12px}.sp-page .sp-panel h3{margin-top:0}.sp-page .sp-panel p,.sp-page .sp-panel li{line-height:1.9;color:#506055}.sp-page .sp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sp-page .sp-step{border:1px solid #dce5db;border-radius:10px;padding:20px}.sp-page .sp-step b{color:#327b52}.sp-page .sp-step h3{margin:9px 0}.sp-page .sp-step p{line-height:1.8;color:#57665b}.sp-page .sp-cta{background:#1e503b;color:#fff;padding:55px 0}.sp-page .sp-cta h2{color:#fff}.sp-page .sp-cta p{line-height:1.8;max-width:700px}.sp-page .sp-cta .sp-btn{background:#fff;color:#1e503b!important}.sp-page .sp-note{font-size:13px;color:#66756b;line-height:1.7;margin-top:18px}@media(max-width:800px){.sp-page .sp-products{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-page .sp-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sp-page .sp-grid2{grid-template-columns:1fr}.sp-page .sp-steps{grid-template-columns:1fr}.sp-page .sp-hero{padding:42px 0}}@media(max-width:390px){.sp-page .sp-wrap{padding:0 14px}.sp-page .sp-gallery{gap:8px!important}.sp-page .sp-gallery figcaption{font-size:12px;padding:9px 7px}}
/* Hero only: kept inside this HTML; existing spices-detail.css remains unchanged. */
.sp-page .sp-hero{background:linear-gradient(120deg,#123b2e,#21543e 65%,#30694b)!important;color:#fff!important;padding:65px 0!important}
.sp-page .sp-hero-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px}
.sp-page .sp-hero .sp-eyebrow{color:#c9e6cf!important}
.sp-page .sp-hero h1{color:#fff!important}
.sp-page .sp-hero .sp-lead{color:#e5f1e8!important;max-width:650px}
.sp-page .sp-hero .sp-btn{background:#fff!important;color:#164631!important}
.sp-page .sp-hero .sp-btn.sp-outline{background:transparent!important;border:1px solid #d5e6d9!important;color:#fff!important}
.sp-page .sp-hero-visual{margin:0;min-width:0;overflow:hidden;border-radius:14px;background:#e8d2af;box-shadow:0 18px 42px rgba(0,0,0,.22)}
.sp-page .sp-hero-visual img{display:block;width:100%;height:420px;object-fit:contain;background:#e8d2af}
.sp-page .sp-hero-visual figcaption{background:#fff;color:#315142;text-align:center;padding:10px;font-size:12px}
@media(max-width:800px){.sp-page .sp-hero-layout{grid-template-columns:1fr;gap:25px}.sp-page .sp-hero{padding:42px 0!important}.sp-page .sp-hero-visual img{height:auto;max-height:460px}}