/* Newsha home: isolated editorial/botanical visual system. */
/* Keep the same content blocks in their requested reading order. */
#ns-home .home-sections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }
#ns-home .home-sections > .sub-sec[data-home-order] { min-width:0; width:100%; margin:0 !important; height:auto !important; }
#ns-home [data-home-order="1"], #ns-home [data-home-order="2"],
#ns-home [data-home-order="7"], #ns-home [data-home-order="8"],
#ns-home [data-home-order="9"], #ns-home [data-home-order="10"] { grid-column:1 / -1; }
#ns-home .home-tour-action { padding:16px 24px; border-top:1px solid var(--home-line); display:flex; justify-content:center; }
#ns-home .home-sections .img-box-shadow { box-shadow:none !important; border-radius:0 !important; }
#ns-home [data-home-order="7"] .sec2-img { max-width:160px; display:block; margin:auto; }
#ns-home .home-collectible-section .banner-swiper { border-radius:0; }
#ns-home .home-marketer-section .SwiperVideo { border-radius:0; }
@media (max-width:767px) {
 #ns-home .home-sections { grid-template-columns:minmax(0,1fr); gap:20px; }
 #ns-home .home-sections > [data-home-order] { grid-column:1; }
 #ns-home .home-tour-action { padding:16px; }
}
#ns-home {
 --home-green:#087b49; --home-ink:#153d30; --home-muted:#586c61;
 --home-line:#dfe8df; --home-soft:#f3f7f0; --home-radius:24px;
 direction:rtl; color:var(--home-ink); max-width:1320px; margin:0 auto;
 padding:24px 16px 48px; font-family:inherit; min-width:0;
}
#ns-home *, #ns-home *::before, #ns-home *::after { box-sizing:border-box; }
#ns-home a { text-decoration:none; }
#ns-home a:focus-visible, #ns-home button:focus-visible,
.ns-home-share-dialog a:focus-visible, .ns-home-share-dialog button:focus-visible {
 outline:3px solid #087b49; outline-offset:4px;
}
#ns-home .home-hero {
 display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
 align-items:center; gap:32px; padding:40px; border:1px solid var(--home-line);
 border-radius:32px; background:linear-gradient(125deg,#f6f8ef,#eaf4ed);
}
#ns-home .home-eyebrow { display:inline-flex; align-items:center; gap:8px; color:#087b49; font-size:13px; font-weight:700; margin:0 0 16px; }
#ns-home .home-eyebrow::before { content:""; width:7px; height:7px; background:#087b49; border-radius:50%; }
#ns-home .home-hero h1 { font-size:clamp(28px,3.1vw,44px); line-height:1.65; font-weight:800; margin:0 0 16px; letter-spacing:-1px; color:#153d30; }
#ns-home .home-hero h1 span { color:#087b49; }
#ns-home .home-hero-copy > p:not(.home-eyebrow) { font-size:15px; line-height:2.1; color:var(--home-muted); max-width:40ch; margin:0 0 24px; }
#ns-home .home-hero-actions { display:flex; flex-wrap:wrap; gap:10px; }
#ns-home .home-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:10px 20px; border-radius:12px; background:#087b49; color:#fff; font:inherit; font-size:14px; font-weight:700; border:1px solid #087b49; transition:background .2s ease; }
#ns-home .home-button:hover { background:#065f38; color:#fff; }
#ns-home .home-button-secondary { background:transparent; color:#153d30; border-color:#bfcec1; }
#ns-home .home-button-secondary:hover { background:#fff; color:#087b49; }
#ns-home .home-hero-note { display:flex; gap:8px; align-items:center; color:#586c61; font-size:12px; margin-top:20px; }
#ns-home .home-hero-slider { width:100%; min-width:0; height:auto; padding-bottom:48px; }
#ns-home .home-hero-slider .swiper-slide { height:auto; width:100%; border-radius:20px; overflow:hidden; background:#fff; border:1px solid #e0e9df; }
#ns-home .home-hero-slider .swiper-slide > a { display:block; width:100%; }
#ns-home .home-hero-slider img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:contain; }
#ns-home .home-hero-slider .swiper-pagination { bottom:8px; width:auto; left:60px; right:60px; }
#ns-home .home-hero-slider .swiper-button-next, #ns-home .home-hero-slider .swiper-button-prev {
 top:auto !important; bottom:0; margin:0; width:40px; height:40px;
}
#ns-home .home-quick-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:20px 0 40px; }
#ns-home .home-quick-links a { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:16px 18px; min-height:64px; border:1px solid var(--home-line); border-radius:16px; background:#fff; color:#153d30; font-size:14px; font-weight:700; transition:border-color .2s ease,background .2s ease; }
#ns-home .home-quick-links a:hover { background:#f3f7f0; border-color:#98b8a3; }
#ns-home .home-quick-links a > span:last-child { color:#087b49; font-size:20px; }
#ns-home .sub-sec, #ns-home .factoy-tour {
 background:#fff !important; border:1px solid var(--home-line); border-radius:var(--home-radius);
 box-shadow:0 4px 20px rgb(23 59 40 / 4%); overflow:hidden;
}
#ns-home .sub-sec.mt-5 { margin-top:32px !important; }
#ns-home .home-products-section { margin-top:0 !important; }
#ns-home .first-main-header { display:flex; justify-content:flex-start; align-items:center; min-height:0; height:auto; padding:20px 24px 16px; background:transparent !important; border-radius:0; border-bottom:1px solid #edf1eb; }
#ns-home .first-main-header p { font-size:clamp(18px,2vw,24px); line-height:1.7; font-weight:800; color:#153d30; margin:0; }
#ns-home .home-section-intro { padding:16px 24px 0; color:#586c61; font-size:14px; line-height:1.9; margin:0; }
#ns-home .home-products-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding:20px 24px; }
#ns-home .home-category { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:140px; gap:10px; padding:12px 8px; border:1px solid #e4ebe1; border-radius:18px; background:#f8faf6; color:#153d30; transition:background .2s ease,border-color .2s ease; }
#ns-home .home-category:hover { background:#edf5e9; border-color:#9ebb9a; color:#087b49; }
#ns-home .home-category img { width:76px; height:76px; object-fit:contain; }
#ns-home .home-category span { text-align:center; font-size:13px; line-height:1.7; font-weight:700; }
#ns-home .ourProductBannerImg { width:calc(100% - 48px); height:auto; margin:0 24px 24px; border-radius:18px; overflow:hidden; }
#ns-home .ourProductBannerImg img { width:100%; height:auto !important; aspect-ratio:3/1; object-fit:contain; background:#f4f7ef; border-radius:0 !important; }
#ns-home .swiper-button-next, #ns-home .swiper-button-prev { width:40px; height:40px; background:#fff; border:1px solid #d5e2d5; border-radius:50%; color:#087b49; box-shadow:0 3px 10px rgb(0 0 0 / 7%); }
#ns-home .swiper-button-next::after, #ns-home .swiper-button-prev::after { font-size:14px; margin:0; }
#ns-home .swiper-pagination-bullet-active { background:#087b49; }
#ns-home .home-community { align-items:start; margin-top:32px !important; }
#ns-home .home-community > div { display:flex; flex-direction:column; gap:16px; min-width:0; }
#ns-home .home-community .sub-sec { margin-top:0 !important; height:auto !important; }
#ns-home .home-community .img-box-shadow { box-shadow:none !important; border-radius:0 !important; }
#ns-home .banner-swiper { margin:0; height:auto; border-radius:22px; }
#ns-home .banner-swiper img { width:100%; height:auto; aspect-ratio:16/10; object-fit:contain; background:#f5f7f1; }
#ns-home .home-opportunity-links { position:static !important; padding:12px !important; background:#f6f9f2; }
#ns-home .mySwiper3 { height:auto; }
#ns-home .mySwiper3 .swiper-wrapper { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
#ns-home .mySwiper3 .swiper-slide { width:100% !important; min-width:0; }
#ns-home .mySwiper3 img { padding:3px; height:auto; object-fit:contain; }
#ns-home .SwiperVideo { height:auto; border-radius:20px; }
#ns-home .SwiperVideo video { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:contain !important; background:#142e24; }
#ns-home .SwiperVideo .share-box { width:auto; height:auto !important; padding:0; top:12px !important; right:12px; left:auto; }
#ns-home .SwiperVideo .share-icon { display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:8px !important; border:1px solid #dbe7df; border-radius:12px; background:#fff; }
#ns-home .SwiperVideo .share-icon img { width:24px !important; height:24px !important; }
#ns-home .khak-section { height:clamp(240px,38vw,470px); margin:0; align-content:start; padding:24px 12px !important; }
#ns-home .khak-back1 { height:100%; }
#ns-home .khak-back1 img { object-fit:cover; }
#ns-home .khak-section .sec2-img { max-width:130px; height:auto; object-fit:contain; margin:auto; }
#ns-home .factoy-tour { margin-block:32px !important; box-shadow:none; }
#ns-home .tour-content img { width:100%; height:auto; }
#ns-home .img-box-shadow img { object-fit:cover; }
#ns-home .map-activity { padding:16px; }
#ns-home .map-activity:hover .gray-page { display:none; }
#ns-home #promotion-programs { min-height:250px; }
#ns-home #promotion-programs > div { width:55% !important; padding:16px; }
#ns-home #home-faq { background:#fff !important; padding-bottom:20px; border-radius:0; }
#ns-home #home-faq > div:first-child { padding:16px 24px 0; gap:8px; }
#ns-home .home-faq-tab { width:auto !important; flex:1; min-height:46px; padding:8px 16px; border:1px solid #dce7dc; border-radius:12px; background:#f3f7f0; color:#153d30; font:inherit; font-weight:700; cursor:pointer; }
#ns-home .home-faq-tab[aria-selected="true"] { background:#087b49; color:#fff; border-color:#087b49; }
#ns-home #home-faq > .row { margin:0; padding:0 16px; }
#ns-home #home-faq .center-block { width:100%; min-width:0; }
#ns-home #home-faq .accordion { margin-top:12px !important; }
#ns-home #home-faq .accordion-item { margin:8px 0; border:1px solid #e0e8df; border-radius:12px; overflow:hidden; }
#ns-home #home-faq .accordion-button { background:#fff; color:#153d30 !important; font-size:14px; line-height:1.9; min-height:52px; padding:12px 16px; border-radius:0; box-shadow:none; text-align:right; gap:10px; }
#ns-home #home-faq .accordion-button:not(.collapsed) { background:#f0f7ec; }
#ns-home #home-faq .accordion-body { color:#526359; font-size:14px; line-height:2; padding:8px 16px 16px; overflow-wrap:anywhere; }
#ns-home #home-faq .accordion-collapse { overflow:visible; }
#ns-home #home-faq .accordion-item-extra { display:none; }
#ns-home .home-faq-more { display:block; min-height:44px; padding:8px 24px; margin:14px auto 0; border:1px solid #c9dacb; border-radius:10px; background:#f3f7f0; color:#087b49; font:inherit; font-size:13px; cursor:pointer; }
#ns-home .home-closing { margin-top:32px; border-radius:24px; padding:28px; background:#153d30; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
#ns-home .home-closing h2 { color:#fff; margin:0 0 8px; font-size:23px; line-height:1.7; }
#ns-home .home-closing p { margin:0; color:#dbe7de; line-height:1.9; font-size:14px; }
#ns-home .home-closing .home-button { background:#fff; color:#153d30; border-color:#fff; }
.ns-home-share-dialog { display:none; position:fixed !important; inset:0 !important; width:100vw !important; height:100dvh !important; z-index:11000; padding:20px; background:rgb(12 32 23 / 60%); direction:rtl; overflow:auto; box-sizing:border-box; }
.ns-home-share-dialog.is-open { display:flex !important; align-items:center; justify-content:center; }
.ns-home-share-dialog > div { width:min(480px,100%) !important; height:auto !important; }
.ns-home-share-dialog > div > div { width:100% !important; height:auto !important; }
.ns-home-share-dialog .modal-content { background:#fff !important; padding:20px; border:0; border-radius:20px; height:auto !important; }
.ns-home-share-dialog .list > div { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.ns-home-share-dialog .list-item { width:100% !important; }
.ns-home-share-dialog .list-item-link { min-height:90px; border:1px solid #dfe8df; background:#f5f8f2; padding:12px 4px; border-radius:12px; gap:8px; color:#153d30; }
.ns-home-share-dialog .list-item-link p { color:#153d30 !important; font-size:12px; margin:0; }
.ns-home-share-dialog .closed-modal { background:#087b49; color:#fff; border:0; border-radius:10px; min-height:44px; padding:8px 24px; }
.ns-home-share-dialog .link-copy { position:static !important; width:100% !important; margin-top:10px; border-radius:8px; background:#edf6e8 !important; color:#153d30; text-align:center; }
@media (max-width:991px) {
 #ns-home .home-hero { padding:24px; gap:24px; grid-template-columns:1fr; }
 #ns-home .home-hero-copy > p:not(.home-eyebrow) { max-width:none; }
 #ns-home .home-hero-slider img { aspect-ratio:2/1; }
 #ns-home .home-products-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:575px) {
 #ns-home { padding:16px 10px 32px; }
 #ns-home .home-hero { padding:22px 16px 12px; gap:20px; border-radius:24px; }
 #ns-home .home-hero h1 { font-size:28px; line-height:1.7; letter-spacing:-.5px; }
 #ns-home .home-hero-copy > p:not(.home-eyebrow) { font-size:14px; margin-bottom:20px; }
 #ns-home .home-hero-actions .home-button { flex:1; padding:10px 12px; white-space:nowrap; font-size:13px; }
 #ns-home .home-hero-note { font-size:11px; margin-top:14px; }
 #ns-home .home-quick-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:12px 0 24px; }
 #ns-home .home-quick-links a { padding:12px; min-height:54px; font-size:12px; border-radius:12px; }
 #ns-home .first-main-header { padding:16px; }
 #ns-home .first-main-header p { font-size:19px; }
 #ns-home .home-section-intro { padding:12px 16px 0; font-size:13px; }
 #ns-home .home-products-grid { padding:16px 10px; gap:8px; }
 #ns-home .home-category { min-height:122px; padding:10px 4px; border-radius:14px; }
 #ns-home .home-category img { width:60px; height:60px; }
 #ns-home .home-category span { font-size:11px; }
 #ns-home .ourProductBannerImg { width:calc(100% - 20px); margin:0 10px 16px; }
 #ns-home .ourProductBannerImg img { aspect-ratio:2/1; }
 #ns-home .home-community > div { margin-bottom:16px; }
 #ns-home .sub-sec.mt-5 { margin-top:24px !important; }
 #ns-home .home-opportunity-links { padding:8px !important; }
 #ns-home .khak-section { height:250px; padding:16px 8px !important; }
 #ns-home .khak-section > .col-2 { flex:0 0 33.333%; width:33.333%; text-align:center; }
 #ns-home .khak-section .sec2-img { max-width:66px; }
 #ns-home #promotion-programs { min-height:220px; }
 #ns-home #promotion-programs > div { width:66% !important; padding:10px; }
 #ns-home #home-faq > div:first-child { padding:12px 12px 0; }
 #ns-home #home-faq > .row { padding:0 4px; }
 #ns-home .home-closing { padding:22px 18px; margin-top:24px; }
 #ns-home .home-closing h2 { font-size:20px; }
 #ns-home .home-closing .home-button { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
 #ns-home *, #ns-home *::before, #ns-home *::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; }
}
/* Refresh the original banner-and-icon structure, without a new hero layout. */
#ns-home .home-hero { display:block; padding:0; border:0; border-radius:20px; background:transparent; }
#ns-home .home-hero-slider { padding-bottom:0; border-radius:20px; overflow:hidden; }
#ns-home .home-hero-slider img { aspect-ratio:3/1; object-fit:contain; }
#ns-home .home-hero-slider .swiper-slide { border:0; border-radius:20px; }
#ns-home .home-hero-slider .swiper-button-prev,
#ns-home .home-hero-slider .swiper-button-next { top:50% !important; bottom:auto; margin-top:-20px; }
#ns-home .home-hero-slider .swiper-pagination { bottom:10px; }
#ns-home .home-quick-links { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin:16px 0 24px; }
#ns-home .home-quick-links a { flex:1 1 150px; min-height:48px; padding:10px 16px; border-radius:12px; }
#ns-home .home-sections > .sub-sec { --section-color:#087b65; border-radius:18px; border-color:#e0e7e3; box-shadow:0 3px 12px rgb(15 65 40 / 5%); }
#ns-home .home-sections > [data-home-order="3"] { --section-color:#7644a3; }
#ns-home .home-sections > [data-home-order="4"] { --section-color:#a5653c; }
#ns-home .home-sections > [data-home-order="5"],
#ns-home .home-sections > [data-home-order="6"] { --section-color:#007b8a; }
#ns-home .home-sections > [data-home-order="7"] { --section-color:#08788b; }
#ns-home .home-sections > [data-home-order="8"] { --section-color:#82579e; }
#ns-home .home-sections > [data-home-order="9"] { --section-color:#42820d; }
#ns-home .home-sections > [data-home-order="10"] { --section-color:#946218; }
#ns-home .home-sections .first-main-header { justify-content:center; padding:12px 20px; border-bottom:1px solid #e5ece7; background:var(--section-color) !important; }
#ns-home .home-sections .first-main-header p { color:#fff; font-size:20px; }
#ns-home .home-products-section > .row { min-height:260px; align-items:center; overflow:hidden; }
#ns-home .home-products-section .sec-content { position:relative; width:100%; padding:24px 16px; }
#ns-home .home-products-section .mySwiper { width:100%; height:auto; padding-bottom:26px; }
#ns-home .home-products-section .mySwiper .swiper-slide { display:flex; justify-content:center; }
#ns-home .home-products-section .sec1-img { width:100%; max-width:125px; height:auto; padding:6px; }
#ns-home .home-products-section .ourProductBannerImg { width:100%; margin:0; border-radius:0; }
#ns-home .home-products-section .ourProductBannerImg img { aspect-ratio:auto; display:block; }
#ns-home .home-opportunity-links { background:transparent; }
@media(max-width:767px) {
 #ns-home .home-hero { padding:0; }
 #ns-home .home-hero-slider img { aspect-ratio:auto; min-height:140px; }
 #ns-home .home-quick-links { gap:8px; margin:12px 0 20px; }
 #ns-home .home-quick-links a { flex-basis:calc(50% - 8px); min-height:44px; font-size:12px; }
 #ns-home .home-sections .first-main-header { padding:12px 16px; }
 #ns-home .home-sections .first-main-header p { font-size:18px; }
 #ns-home .home-products-section > .row { min-height:190px; }
 #ns-home .home-products-section .sec-content { padding:16px 8px; }
 #ns-home .home-products-section .sec1-img { max-width:86px; padding:4px; }
}
/* Homepage polish: warm botanical surfaces and balanced media cards. */
body:has(#ns-home) { background:#edf3ec; }
body:has(#ns-home) .container:has(#ns-home) { background:transparent; }
#ns-home { background:linear-gradient(180deg,#e9f2e6 0%,#f4f1e7 55%,#edf3ec 100%); border-radius:24px; padding-top:16px; }
#ns-home .home-hero-slider .swiper-slide { background:#e0eadb; }
#ns-home .home-hero-slider img { width:100%; height:auto; aspect-ratio:auto; object-fit:cover; }
#ns-home .home-quick-links a { background:#e3ecdf; border-color:#cbdac6; }
#ns-home .home-products-section .sec1-img { max-width:150px; padding:2px; }
#ns-home .home-tour-action { padding:18px; background:#e2ecde; border-top:1px solid #c8d9c2; }
#ns-home .home-tour-action .home-button { min-width:230px; min-height:52px; border:1px solid #07623e; border-radius:14px; padding:12px 28px; background:linear-gradient(120deg,#075f3b,#118153); color:#fff; box-shadow:0 5px 14px rgb(7 95 59 / 18%); }
#ns-home .home-tour-action .home-button:hover { background:#064d30; }
#ns-home .home-tour-action .home-button span { display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background:rgb(255 255 255 / 16%); }
#ns-home .home-sections { align-items:stretch; gap:24px; }
#ns-home .home-sections > .sub-sec[data-home-order="3"],
#ns-home .home-sections > .sub-sec[data-home-order="4"],
#ns-home .home-sections > .sub-sec[data-home-order="5"],
#ns-home .home-sections > .sub-sec[data-home-order="6"] { display:flex; flex-direction:column; background:#e8eee2 !important; border:1px solid #c9d7c4; box-shadow:0 5px 18px rgb(31 67 36 / 8%); }
#ns-home .home-sections > [data-home-order="3"] .first-main-header,
#ns-home .home-sections > [data-home-order="4"] .first-main-header,
#ns-home .home-sections > [data-home-order="5"] .first-main-header,
#ns-home .home-sections > [data-home-order="6"] .first-main-header { flex:none; background:#e2eadd !important; border-bottom:1px solid #c9d7c4; justify-content:flex-start; padding:16px 20px; }
#ns-home .home-sections > [data-home-order="3"] .first-main-header p,
#ns-home .home-sections > [data-home-order="4"] .first-main-header p,
#ns-home .home-sections > [data-home-order="5"] .first-main-header p,
#ns-home .home-sections > [data-home-order="6"] .first-main-header p { color:#254f38; font-size:19px; }
#ns-home [data-home-order="3"] > .position-relative { flex:1; display:flex; align-items:center; min-height:290px; }
#ns-home [data-home-order="3"] > .position-relative > .row { width:100%; }
#ns-home .home-collectible-section .banner-swiper,
#ns-home .home-marketer-section .SwiperVideo { width:100%; margin:0; flex:1; border-radius:0; }
#ns-home .home-collectible-section .banner-swiper img,
#ns-home .home-marketer-section .SwiperVideo video { display:block; aspect-ratio:16/9; height:auto; width:100%; object-fit:contain !important; background:#e8eee2; }
#ns-home [data-home-order="5"] > .row { height:auto !important; flex:1; align-content:space-between; }
#ns-home [data-home-order="5"] .home-opportunity-links { width:100%; background:#e2eadd; border-top:1px solid #cfdbc9; }
#ns-home [data-home-order="5"] .mySwiper3 img { max-height:95px; }
@media(max-width:767px) {
 #ns-home { border-radius:16px; padding:10px 10px 24px; }
 #ns-home .home-hero-slider img { min-height:0; }
 #ns-home .home-products-section .sec1-img { max-width:100px; padding:0; }
 #ns-home .home-products-section .sec-content { padding-inline:4px; }
 #ns-home [data-home-order="3"] > .position-relative { min-height:180px; }
 #ns-home .home-tour-action .home-button { width:100%; min-width:0; }
 #ns-home .home-sections { gap:20px; }
}
/* Compact four-card group; restore the icon overlays on the original artwork. */
#ns-home .home-sections > .sub-sec:is([data-home-order="3"],[data-home-order="4"],[data-home-order="5"],[data-home-order="6"]) { align-self:start; border-radius:14px; }
#ns-home .home-sections > :is([data-home-order="3"],[data-home-order="4"],[data-home-order="5"],[data-home-order="6"]) .first-main-header { padding:10px 16px; min-height:44px; background:#dce7d7 !important; justify-content:center; }
#ns-home .home-sections > :is([data-home-order="3"],[data-home-order="4"],[data-home-order="5"],[data-home-order="6"]) .first-main-header p { font-size:16px; font-weight:700; line-height:1.5; color:#254d36; }
#ns-home [data-home-order="3"] > .position-relative { min-height:0; height:220px; flex:none; }
#ns-home [data-home-order="3"] > .position-relative > .row { padding:20px !important; }
#ns-home [data-home-order="3"] .sec2-img { display:block; max-width:105px; margin:auto; }
#ns-home [data-home-order="5"] > .row { height:220px !important; flex:none; display:block; }
#ns-home [data-home-order="5"] > .row > div:first-child { height:100%; }
#ns-home [data-home-order="5"] > .row > div:first-child > img { display:block; width:100%; height:100%; object-fit:cover; }
#ns-home [data-home-order="5"] .home-opportunity-links { position:absolute !important; inset:0; display:flex; align-items:center; padding:16px !important; border:0; background:transparent; z-index:1; }
#ns-home [data-home-order="5"] .mySwiper3 { width:100%; }
#ns-home [data-home-order="5"] .mySwiper3 img { width:100%; max-width:90px; max-height:90px; display:block; margin:auto; }
#ns-home .home-collectible-section .banner-swiper,
#ns-home .home-marketer-section .SwiperVideo { flex:none; height:220px; }
#ns-home .home-collectible-section .banner-swiper img,
#ns-home .home-marketer-section .SwiperVideo video { height:220px; aspect-ratio:auto; object-fit:contain !important; }
#ns-home .home-collectible-section .banner-swiper img { object-fit:cover !important; }
@media(max-width:767px) {
 #ns-home [data-home-order="3"] > .position-relative,
 #ns-home [data-home-order="5"] > .row { height:180px !important; min-height:0; }
 #ns-home .home-collectible-section .banner-swiper,
 #ns-home .home-marketer-section .SwiperVideo,
 #ns-home .home-collectible-section .banner-swiper img,
 #ns-home .home-marketer-section .SwiperVideo video { height:180px; }
 #ns-home [data-home-order="3"] > .position-relative > .row { padding:12px !important; }
 #ns-home [data-home-order="5"] .home-opportunity-links { padding:10px !important; }
 #ns-home .home-sections > :is([data-home-order="3"],[data-home-order="4"],[data-home-order="5"],[data-home-order="6"]) .first-main-header p { font-size:15px; }
}
/* Media remains fully visible; card height follows the original aspect ratio. */
#ns-home .home-collectible-section .banner-swiper,
#ns-home .home-marketer-section .SwiperVideo { height:auto; }
#ns-home .home-collectible-section .swiper-wrapper,
#ns-home .home-marketer-section .swiper-wrapper { height:auto; align-items:flex-start; }
#ns-home .home-collectible-section .swiper-slide,
#ns-home .home-marketer-section .swiper-slide,
#ns-home .home-marketer-section .swiper-slide > .w-100 { height:auto !important; }
#ns-home .home-collectible-section .banner-swiper img { width:100%; height:auto; aspect-ratio:auto; object-fit:contain !important; border-radius:0 !important; }
#ns-home .home-marketer-section .SwiperVideo video { width:100%; height:auto; aspect-ratio:16/9; object-fit:contain !important; background:#142e24; }
#ns-home { overflow-x:clip; }
#ns-home .home-reveal { opacity:0; transform:translate(var(--home-reveal-x,0px),var(--home-reveal-y,18px)); transition:opacity .6s ease,transform .6s cubic-bezier(.2,.65,.3,1); }
#ns-home :is([data-home-order="3"],[data-home-order="4"],.home-club-section) { --home-reveal-x:48px; --home-reveal-y:0px; }
#ns-home :is([data-home-order="5"],[data-home-order="6"],[data-home-order="7"]) { --home-reveal-x:-48px; --home-reveal-y:0px; }
@media(max-width:767px) {
 #ns-home :is([data-home-order="3"],[data-home-order="4"],.home-club-section) { --home-reveal-x:20px; }
 #ns-home :is([data-home-order="5"],[data-home-order="6"],[data-home-order="7"]) { --home-reveal-x:-20px; }
}
#ns-home .home-reveal.is-visible, #ns-home .home-reveal:focus-within { opacity:1; transform:none; }
@media(prefers-reduced-motion:reduce) {
 #ns-home .home-reveal { opacity:1; transform:none; transition:none; }
}
/* Let the supply-chain artwork determine its height, without cover cropping. */
#ns-home .khak-section { display:block; height:auto; padding:0 !important; position:relative; }
#ns-home .khak-section .khak-back1 { position:relative; inset:auto; width:100%; height:auto; }
#ns-home .khak-section .khak-back1 img { display:block; width:100%; height:auto !important; object-fit:contain; border-radius:0 !important; }
#ns-home .home-supply-icons { position:absolute; top:0; inset-inline:0; z-index:1; display:flex; align-items:flex-start; padding:16px 12px; }
#ns-home .home-supply-icons > .col-2 { flex:0 0 16.6667%; width:16.6667%; text-align:center; }
#ns-home .home-supply-icons a { display:flex; justify-content:center; min-height:44px; }
#ns-home .home-supply-icons .sec2-img { width:100%; max-width:130px; height:auto; }
@media(max-width:575px) {
 #ns-home .home-supply-icons { padding:8px 4px; }
 #ns-home .home-supply-icons > .col-2 { padding:2px !important; }
 #ns-home .home-supply-icons .sec2-img { max-width:56px; }
}
@media(prefers-reduced-motion:no-preference) {
 #ns-home .home-hero-slider .swiper-slide img { transform:scale(1.018); transition:transform 1.2s cubic-bezier(.2,.65,.3,1); }
 #ns-home .home-hero-slider .swiper-slide-active img { transform:scale(1); }
 #ns-home .home-hero-slider .swiper-wrapper { transition-timing-function:cubic-bezier(.22,.61,.36,1); }
}
/* Soft dimensional cards: depth without tilting or shifting the content. */
#ns-home .home-sections > .sub-sec[data-home-order] {
 border:1px solid #c8d6c1; border-top-color:#f8fcf4; border-bottom:4px solid #bdcdb6;
 box-shadow:0 3px 0 #d5dfce,0 12px 22px rgb(35 66 29 / 14%),inset 0 1px 0 rgb(255 255 255 / 85%);
}
#ns-home .home-sections { gap:28px; }
#ns-home .SwiperVideo .share-box { top:10px !important; inset-inline-end:auto !important; inset-inline-start:auto !important; left:10px !important; right:auto !important; height:auto !important; z-index:5; }
#ns-home .SwiperVideo .share-icon { display:inline-flex; align-items:center; justify-content:center; gap:7px; width:auto; min-width:44px; height:44px; padding:8px 12px !important; border:1px solid #b7cec0; border-radius:12px; background:linear-gradient(145deg,#f3f8ee,#dfeadb); color:#155c3c; box-shadow:0 3px 0 #a7bdac,0 5px 12px rgb(0 0 0 / 15%); font:inherit; font-size:12px; cursor:pointer; }
#ns-home .SwiperVideo .share-icon svg { width:20px; height:20px; flex:none; }
#ns-home .SwiperVideo .share-icon:hover { background:#d1e5cc; }
#ns-home .SwiperVideo .share-icon:active { box-shadow:inset 0 2px 4px rgb(24 67 40 / 18%); }
#ns-home [data-home-order="7"] .first-main-header { background:linear-gradient(110deg,#087383,#0c8c92) !important; padding:12px 18px; }
#ns-home [data-home-order="7"] .first-main-header p { font-size:18px; }
#ns-home [data-home-order="7"] .position-relative > .row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:28px 40px !important; justify-items:center; }
#ns-home [data-home-order="7"] .position-relative > .row > .col-3 { width:100%; max-width:180px; }
#ns-home [data-home-order="7"] .sec2-img { width:100%; max-width:125px; padding:0 !important; filter:drop-shadow(0 5px 3px rgb(0 52 68 / 24%)); }
#ns-home [data-home-order="7"] a { display:flex; justify-content:center; align-items:center; min-height:44px; }
#ns-home [data-home-order="7"] picture img { object-fit:cover; object-position:center; }
@media(max-width:575px) {
 #ns-home .home-sections { gap:24px; }
 #ns-home [data-home-order="7"] .position-relative > .row { padding:24px 12px !important; gap:12px; }
 #ns-home [data-home-order="7"] .sec2-img { max-width:88px; }
 #ns-home .SwiperVideo .share-icon { font-size:11px; padding:8px 10px !important; }
}
/* Mobile-first audit: comfortable touch targets and readable compact layouts. */
#ns-home #promotion-programs a { display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; }
#ns-home .swiper-pagination-bullet { position:relative; }
#ns-home .swiper-pagination-bullet::before { content:""; position:absolute; inset:-8px; }
@media(max-width:575px) {
 #ns-home .home-supply-icons { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:8px 12px; }
 #ns-home .home-supply-icons > .col-2 { width:100%; }
 #ns-home .home-supply-icons a { min-width:44px; min-height:44px; }
 #ns-home .home-supply-icons .sec2-img { width:44px; height:44px; }
 #ns-home [data-home-order="5"] .mySwiper3 .swiper-wrapper { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; justify-items:center; }
 #ns-home [data-home-order="5"] .mySwiper3 a { display:flex; justify-content:center; min-width:44px; min-height:44px; }
 #ns-home [data-home-order="5"] .mySwiper3 img { width:56px; height:56px; }
 #ns-home .home-quick-links a { font-size:13px; line-height:1.8; }
 #ns-home .swiper-button-next, #ns-home .swiper-button-prev { width:44px; height:44px; }
 #ns-home .map-activity .leaflet-control-zoom a { width:44px; height:44px; line-height:44px; }
}
/* Mobile icon balance: smaller slider chrome, larger illustrated actions. */
@media(max-width:575px) {
 #ns-home .swiper-button-next, #ns-home .swiper-button-prev { width:32px !important; height:32px !important; min-width:0; min-height:0; padding:0; box-shadow:0 2px 6px rgb(0 0 0 / 10%); }
 #ns-home .swiper-button-next::after, #ns-home .swiper-button-prev::after { font-size:11px; }
 #ns-home .swiper-button-next::before, #ns-home .swiper-button-prev::before { content:""; position:absolute; inset:-6px; }
 #ns-home .home-hero-slider .swiper-button-next, #ns-home .home-hero-slider .swiper-button-prev { margin-top:-16px; }
 #ns-home .home-supply-icons { gap:8px 12px; padding:8px 10px; }
 #ns-home .home-supply-icons .sec2-img { width:clamp(58px,17vw,72px); height:auto; max-width:72px; }
 #ns-home [data-home-order="5"] .mySwiper3 img { width:clamp(66px,19vw,82px); height:auto; max-width:82px; max-height:none; }
 #ns-home [data-home-order="5"] .mySwiper3 .swiper-wrapper { gap:8px 12px; }
 #ns-home [data-home-order="5"] > .row { height:210px !important; }
}
/* Botanical depth and clear, compact quick actions. */
body:has(#ns-home) { background-color:#e6eddf; background-image:radial-gradient(ellipse at 0 15%,#c6dbbd 0,transparent 45%),radial-gradient(ellipse at 100% 65%,#e8d9b7 0,transparent 45%); }
#ns-home { background:radial-gradient(circle at 1px 1px,rgba(40,90,50,.06) 1px,transparent 1px),linear-gradient(135deg,rgba(234,243,226,.92),rgba(247,240,221,.88)); background-size:18px 18px,100% 100%; }
#ns-home .home-quick-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
#ns-home .home-quick-links a { flex:none; justify-content:flex-start; gap:12px; padding:14px; background:linear-gradient(145deg,#f4f7ec,#dce8d1); border:1px solid #c1d1b5; border-bottom:3px solid #afc3a2; box-shadow:0 5px 12px rgb(40 75 32 / 9%); }
#ns-home .home-quick-links a > i { display:flex; align-items:center; justify-content:center; width:40px; height:40px; flex:none; border-radius:12px; background:#d2e3c7; color:#195d3b; font-size:21px; }
#ns-home .home-quick-links a > span:first-of-type { font-size:13px; line-height:1.8; }
#ns-home .home-quick-links a > span:last-child { display:none; }
#ns-home .home-hero { position:relative; }
#ns-home .home-hero-pause { position:absolute; bottom:10px; left:10px; z-index:5; width:44px; height:44px; border:1px solid #c4d4c1; border-radius:50%; background:#f1f7e9; color:#195d3b; font-size:14px; cursor:pointer; }
@media(max-width:767px) {
 #ns-home .home-hero-slider .swiper-button-next, #ns-home .home-hero-slider .swiper-button-prev { display:none !important; }
 #ns-home .home-quick-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 #ns-home .home-quick-links a { min-height:76px; padding:10px 8px; gap:8px; }
 #ns-home .home-quick-links a > i { width:32px; height:36px; font-size:19px; border-radius:10px; }
 #ns-home .home-quick-links a > span:first-of-type { font-size:12px; }
 #ns-home [data-home-order="5"] .mySwiper3 img { width:clamp(78px,23vw,104px); max-width:104px; height:auto; max-height:none; }
 #ns-home [data-home-order="5"] .mySwiper3 .swiper-wrapper { gap:10px 8px; }
 #ns-home [data-home-order="5"] > .row { height:250px !important; }
}
/* Keep sharing outside the video picture on phones. */
@media(max-width:767px) {
 #ns-home .SwiperVideo .swiper-slide > .share-box {
  position:relative !important; inset:auto !important; top:auto !important; right:auto !important; left:auto !important;
  width:100%; height:auto !important; padding:8px 12px;
  display:flex !important; align-items:center !important; justify-content:flex-end !important;
  background:#e3ecdc; border-top:1px solid #c4d4bb;
 }
 #ns-home .SwiperVideo .share-icon {
  min-height:44px; height:auto; width:auto; padding:8px 12px !important; border:1px solid #b9cdb0;
  border-radius:10px; background:#edf4e6; color:#215b39; box-shadow:none; font-size:12px;
 }
 #ns-home .SwiperVideo .share-icon i { font-size:17px; }
}
/* Quiet homepage surface with broad, non-repeating brand-color glows. */
body:has(#ns-home) {
 background-color:#f2f6ee;
 background-image:radial-gradient(ellipse 90% 700px at 0 0,rgba(190,216,180,.32),transparent 75%),radial-gradient(ellipse 85% 850px at 100% 900px,rgba(237,222,190,.3),transparent 75%);
 background-repeat:no-repeat; background-size:100% 100%; background-attachment:scroll;
}
#ns-home {
 background:transparent;
}
@media(max-width:767px) {
 body:has(#ns-home) { background-size:100% 100%; }
 #ns-home { background:transparent; }
}
/* Stronger raised edges with no layout-changing tilt. */
#ns-home .home-sections > .sub-sec[data-home-order] {
 border:1px solid #bdcdb5; border-top:1px solid #fbfff5; border-bottom:5px solid #a8bba0;
 box-shadow:0 5px 0 #d0ddc8,0 14px 24px rgb(35 66 29 / 19%),0 3px 7px rgb(35 66 29 / 10%),inset 0 2px 0 rgb(255 255 255 / 90%);
}
#ns-home .home-quick-links a {
 border-bottom:4px solid #a9bf9c;
 box-shadow:0 4px 0 #d4e1ca,0 9px 16px rgb(40 75 32 / 16%),inset 0 2px 0 rgb(255 255 255 / 85%);
}
#ns-home #home-faq .accordion-item {
 border-bottom:3px solid #c1d0b9;
 box-shadow:0 3px 0 #e2eadb,0 6px 10px rgb(35 66 29 / 9%);
}
#ns-home .home-hero-slider { box-shadow:0 5px 0 #c5d4bc,0 12px 22px rgb(35 66 29 / 17%); }
@media(max-width:767px) {
 #ns-home .home-quick-links > a:first-child { display:none; }
 #ns-home .home-quick-links { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
 #ns-home .home-quick-links a { flex-direction:column; justify-content:center; gap:8px; text-align:center; padding:12px 5px; min-height:102px; }
 #ns-home .home-quick-links a > i { width:38px; height:38px; }
 #ns-home .home-quick-links a > span:first-of-type { font-size:12px; line-height:1.8; }
}
/* Fill the advantages artwork behind the entire icon area. */
#ns-home [data-home-order="7"] .position-relative > .position-absolute {
 inset:0; width:100%; height:100%; overflow:hidden;
}
#ns-home [data-home-order="7"] .position-relative > .position-absolute picture {
 display:block; width:100%; height:100%; margin:0;
}
#ns-home [data-home-order="7"] .position-relative > .position-absolute picture img {
 display:block; width:100% !important; height:100% !important;
 object-fit:cover; object-position:center;
}
/* Content-led layout: distinguish sections instead of stacking identical boxes. */
#ns-home .home-sections { gap:36px 24px; }
#ns-home .home-sections > .sub-sec[data-home-order] { border:0; border-radius:0; box-shadow:none; background:transparent !important; overflow:visible; }
#ns-home .home-sections .first-main-header { background:transparent !important; border:0; justify-content:flex-start; padding:0 0 16px; }
#ns-home .home-sections .first-main-header p { color:#194c35; font-size:22px; line-height:1.7; }
#ns-home .home-quick-links a { border:0; border-radius:12px; box-shadow:none; background:rgba(221,233,213,.65); }
#ns-home .home-hero-slider { box-shadow:0 6px 18px rgb(35 66 29 / 10%); }
#ns-home .home-products-section > .row,
#ns-home .home-products-section .ourProductBannerImg,
#ns-home .khak-section { border-radius:18px; overflow:hidden; }
#ns-home .home-products-section .ourProductBannerImg { margin-top:12px; }
#ns-home .home-sections > .sub-sec:is([data-home-order="3"],[data-home-order="5"]) { padding:16px !important; border-radius:18px; background:#e5edde !important; box-shadow:0 4px 12px rgb(35 66 29 / 6%); }
#ns-home .home-sections > :is([data-home-order="3"],[data-home-order="4"],[data-home-order="5"],[data-home-order="6"]) .first-main-header { min-height:0; padding:0 0 12px; background:transparent !important; justify-content:flex-start; }
#ns-home .home-sections > :is([data-home-order="3"],[data-home-order="4"],[data-home-order="5"],[data-home-order="6"]) .first-main-header p { font-size:18px; color:#194c35; }
#ns-home [data-home-order="3"] > .position-relative,
#ns-home [data-home-order="5"] > .row,
#ns-home .home-collectible-section .banner-swiper,
#ns-home .home-marketer-section .SwiperVideo { border-radius:14px; overflow:hidden; }
#ns-home [data-home-order="7"] .position-relative > .position-absolute { display:none; }
#ns-home [data-home-order="7"] .position-relative > .row { padding:0 !important; gap:16px; }
#ns-home [data-home-order="7"] .position-relative > .row > .col-3 { max-width:none; }
#ns-home [data-home-order="7"] a { flex-direction:column; gap:12px; padding:20px 12px; background:#e1ecdc; border-radius:16px; height:100%; color:#194c35; }
#ns-home [data-home-order="7"] .sec2-img { max-width:90px; filter:none; }
#ns-home .home-benefit-label { font-size:14px; font-weight:700; text-align:center; line-height:1.9; }
#ns-home .home-world-intro { margin:0 0 16px; color:#526b5a; font-size:14px; line-height:2; }
#ns-home .home-map-toggle { min-height:48px; padding:10px 20px; border:1px solid #a7c2ac; border-radius:12px; background:#e1ecdc; color:#195338; font:inherit; cursor:pointer; }
#ns-home .map-activity { border-radius:16px; padding:0; margin-top:16px; overflow:hidden; }
#ns-home .map-activity[hidden] { display:none !important; }
#ns-home #home-faq { background:transparent !important; padding:0; }
#ns-home #home-faq .accordion-item { box-shadow:none; border:1px solid #d4e0ce; }
#ns-home #home-faq > div:first-child { padding:0; }
#ns-home #home-faq > .row { padding:0; }
#ns-home .home-promotions-hint { font-size:12px; color:#526b5a; margin:0 0 12px; }
#ns-home #promotion-programs { min-height:0; background-image:none !important; background:transparent; }
#ns-home #promotion-programs > div { display:flex !important; flex-wrap:nowrap !important; gap:12px; width:100% !important; padding:0 0 12px !important; overflow-x:auto; scroll-snap-type:x mandatory; }
#ns-home #promotion-programs > div > div { flex:1 0 140px; width:auto !important; max-width:none !important; padding:16px; background:#e5edde; border-radius:16px; scroll-snap-align:start; }
#ns-home #promotion-programs img { max-width:110px; }
@media(max-width:767px) {
 #ns-home .home-sections { gap:28px; }
 #ns-home .home-sections .first-main-header p { font-size:20px; }
 #ns-home .home-quick-links a { min-height:92px; padding:10px 4px; }
 #ns-home [data-home-order="7"] .position-relative > .row { grid-template-columns:1fr; gap:10px; }
 #ns-home [data-home-order="7"] a { flex-direction:row; justify-content:flex-start; padding:12px 16px; gap:16px; }
 #ns-home [data-home-order="7"] .sec2-img { width:62px; height:62px; }
 #ns-home .home-benefit-label { font-size:14px; text-align:right; }
 #ns-home #promotion-programs > div > div { flex-basis:132px; }
 #ns-home .home-sections > .sub-sec:is([data-home-order="3"],[data-home-order="5"]) { padding:12px !important; }
}
/* Refined brand finish, preserving the content-led section order. */
#ns-home { --home-ink:#163f2c; --home-accent:#0b7950; --home-gold:#b99a59; }
#ns-home .home-sections { gap:44px 28px; }
#ns-home .home-sections .first-main-header { display:flex; align-items:center; gap:12px; padding-bottom:18px; }
#ns-home .home-sections .first-main-header::before { content:""; width:5px; height:26px; flex:none; border-radius:6px; background:linear-gradient(#0b7950,#b5cb94); }
#ns-home .home-sections .first-main-header::after { content:""; height:1px; flex:1; background:linear-gradient(to left,#c8d8bf,transparent); margin-inline-start:8px; }
#ns-home .home-sections .first-main-header p { font-weight:800; letter-spacing:-.3px; }
#ns-home .home-quick-links { margin:20px 0 36px; gap:12px; }
#ns-home .home-quick-links a { background:linear-gradient(145deg,#fafbf5,#e3ecda); border:1px solid #d3dfc9; border-bottom:3px solid #bdd0ad; box-shadow:0 5px 12px rgb(38 72 29 / 7%); border-radius:16px; }
#ns-home .home-quick-links a > i { background:#dcebd2; color:#1c633e; border:1px solid #c4d9b6; box-shadow:inset 0 1px 0 #fff; }
#ns-home .home-quick-links a:hover { border-color:#8eb293; background:#e5f0dd; }
#ns-home .home-hero-slider { border:1px solid #d6e0cb; border-radius:22px; box-shadow:0 8px 24px rgb(31 68 27 / 12%); }
#ns-home .home-products-section > .row { border:1px solid #d6e2ce; box-shadow:0 5px 16px rgb(35 66 29 / 6%); }
#ns-home .home-products-section .ourProductBannerImg { border:1px solid #d6e2ce; }
#ns-home .khak-section { border:1px solid #cbd9be; box-shadow:0 7px 18px rgb(31 68 27 / 9%); }
#ns-home .home-sections > .sub-sec:is([data-home-order="3"],[data-home-order="5"]) { padding:20px !important; background:linear-gradient(145deg,#fafaf1,#e1ecd8) !important; border:1px solid #d4dfca; box-shadow:0 7px 18px rgb(35 66 29 / 7%); border-radius:22px; }
#ns-home .home-collectible-section .banner-swiper,
#ns-home .home-marketer-section .SwiperVideo { border:1px solid #d0ddc5; box-shadow:0 6px 16px rgb(35 66 29 / 8%); border-radius:18px; }
#ns-home [data-home-order="7"] a { border:1px solid #cddcc2; border-bottom:3px solid #bdd0ad; background:linear-gradient(125deg,#f8faf0,#e0ecd5); box-shadow:0 5px 12px rgb(35 66 29 / 5%); }
#ns-home [data-home-order="7"] .sec2-img { filter:drop-shadow(0 3px 3px rgb(29 71 33 / 12%)); }
#ns-home .home-sections > .sub-sec[data-home-order="8"] { padding:24px !important; background:linear-gradient(125deg,#123f30,#21654b) !important; border-radius:22px; color:#fff; }
#ns-home [data-home-order="8"] .first-main-header p { color:#fff; }
#ns-home [data-home-order="8"] .first-main-header::before { background:#c1d5a5; }
#ns-home [data-home-order="8"] .first-main-header::after { background:linear-gradient(to left,rgba(205,225,190,.4),transparent); }
#ns-home .home-world-intro { color:#e2ecdb; }
#ns-home .home-map-toggle { border-color:#bad0a9; background:#e2edda; font-weight:700; }
#ns-home #promotion-programs > div > div { border:1px solid #d4ddc7; background:linear-gradient(140deg,#fbfaf0,#e6eddc); box-shadow:0 4px 10px rgb(35 66 29 / 5%); }
#ns-home #home-faq .accordion-item { border-color:#d1dec7; border-radius:14px; background:#fbfcf6; }
#ns-home #home-faq .accordion-button { background:#fbfcf6; padding:14px 16px; }
#ns-home #home-faq .accordion-button:not(.collapsed) { background:#e5efdc; }
@media(max-width:767px) {
 #ns-home .home-sections { gap:34px; }
 #ns-home .home-quick-links { margin:16px 0 30px; }
 #ns-home .home-sections .first-main-header { gap:9px; padding-bottom:14px; }
 #ns-home .home-sections .first-main-header::before { height:22px; width:4px; }
 #ns-home .home-sections .first-main-header p { font-size:20px; }
 #ns-home .home-sections > .sub-sec:is([data-home-order="3"],[data-home-order="5"]) { padding:14px !important; border-radius:18px; }
 #ns-home .home-sections > .sub-sec[data-home-order="8"] { padding:20px 16px !important; border-radius:18px; }
 #ns-home .home-benefit-label { font-size:14px; }
}
/* Mobile corrections and generated full-bleed storytelling backgrounds. */
#ns-home .swiper:not(.home-hero-slider) > .swiper-button-next,
#ns-home .swiper:not(.home-hero-slider) > .swiper-button-prev { top:50% !important; margin-top:-16px; }
#ns-home .SwiperVideo > .swiper-button-next,
#ns-home .SwiperVideo > .swiper-button-prev { top:calc((100% - 68px) / 2) !important; }
#ns-home #home-faq > .row { width:100% !important; margin:12px 0 0; }
#ns-home #home-faq > div:first-child { width:100%; display:grid !important; grid-template-columns:1fr 1fr; gap:10px; }
#ns-home #home-faq .home-faq-tab { margin:0; min-width:0; border-radius:12px; }
#ns-home #home-faq .accordion { margin:0 !important; }
#ns-home #home-faq .accordion-item { margin:0 0 10px; width:100%; }
#ns-home #home-faq .accordion-header { margin:0; width:100%; }
#ns-home #home-faq .accordion-button { width:100%; min-width:0; font:inherit; font-size:14px; text-align:right; }
#ns-home #home-faq .center-block { padding:0; margin:0; }
#ns-home [data-home-order="3"] > .position-relative { background:#e4eddb url("../img/home/newshanik-about-v1.png") center / cover no-repeat; }
#ns-home [data-home-order="3"] > .position-relative > .position-absolute { display:none; }
#ns-home [data-home-order="5"] > .row { background:#e1ece6 url("../img/home/newshanik-earning-v1.png") center / cover no-repeat; }
#ns-home [data-home-order="5"] > .row > div:first-child { visibility:hidden; }
#ns-home .home-sections > .sub-sec[data-home-order="4"] {
 padding:0 !important; background:transparent !important;
 border:0; border-radius:0;
}
#ns-home [data-home-order="4"] .banner-swiper { box-shadow:0 4px 12px rgb(35 66 29 / 9%); }
#ns-home .home-promotion-label { display:block; text-align:center; font-size:13px; line-height:1.8; font-weight:700; color:#194c35; margin-top:8px; }
@media(max-width:767px) {
 #ns-home [data-home-order="7"] .position-relative > .row { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
 #ns-home [data-home-order="7"] a { flex-direction:column; justify-content:center; gap:10px; padding:14px 6px; border:1px solid #ceddc5; border-radius:14px; min-height:132px; }
 #ns-home [data-home-order="7"] .sec2-img { width:62px; height:62px; max-width:100%; }
 #ns-home .home-benefit-label { font-size:12px; text-align:center; line-height:1.9; }
 #ns-home #promotion-programs > div { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; overflow:visible; padding:0 !important; }
 #ns-home #promotion-programs > div > div { width:100% !important; max-width:none !important; min-width:0; padding:14px 8px; }
 #ns-home #promotion-programs a { flex-direction:column; }
 #ns-home #promotion-programs img { width:84px !important; height:84px; object-fit:contain; }
 #ns-home .home-promotions-hint { display:none; }
 #ns-home .home-sections > .sub-sec[data-home-order="4"] { padding:0 !important; border-radius:0; }
}
/* Extend generated artwork across the entire card, including the title area. */
#ns-home .home-sections > .sub-sec[data-home-order="3"] {
 background:linear-gradient(rgba(247,249,237,.15),rgba(247,249,237,.08)),url("../img/home/newshanik-about-v1.png") center / cover no-repeat !important;
}
#ns-home .home-sections > .sub-sec[data-home-order="5"] {
 background:linear-gradient(rgba(247,249,237,.15),rgba(247,249,237,.08)),url("../img/home/newshanik-earning-v1.png") center / cover no-repeat !important;
}
#ns-home [data-home-order="3"] > .position-relative,
#ns-home [data-home-order="5"] > .row { background:transparent; }
#ns-home .home-sections > :is([data-home-order="3"],[data-home-order="5"]) .first-main-header {
 padding:8px 12px; margin-bottom:8px; border-radius:12px;
 background:rgba(247,250,238,.84) !important;
}
/* Center earning links and keep the supply chain in one compact row. */
#ns-home [data-home-order="5"] .home-opportunity-links { justify-content:center; align-items:center; }
#ns-home [data-home-order="5"] .mySwiper3 { width:100%; max-width:540px; margin:auto; }
#ns-home [data-home-order="5"] .mySwiper3 .swiper-wrapper { align-items:center; justify-items:center; justify-content:center; }
#ns-home .home-supply-icons { display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; gap:8px; padding:12px; }
#ns-home .home-supply-icons > .col-2 { flex:0 1 16.6667%; width:16.6667%; min-width:0; padding:2px !important; }
#ns-home .home-supply-icons .sec2-img { width:100%; max-width:150px; height:auto; }
@media(max-width:767px) {
 #ns-home [data-home-order="5"] .mySwiper3 { max-width:320px; }
 #ns-home [data-home-order="5"] .mySwiper3 .swiper-wrapper { grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px 0; }
 #ns-home [data-home-order="5"] .mySwiper3 .swiper-slide { grid-column:span 2; }
 #ns-home [data-home-order="5"] .mySwiper3 .swiper-slide:nth-child(4) { grid-column:2 / span 2; }
 #ns-home [data-home-order="5"] .mySwiper3 .swiper-slide:nth-child(5) { grid-column:4 / span 2; }
 #ns-home .home-supply-icons { gap:2px; padding:8px 4px; }
 #ns-home .home-supply-icons .sec2-img { width:100%; max-width:50px; height:auto; }
 #ns-home .home-supply-icons a { min-width:0; min-height:44px; }
}
/* Consolidated homepage sections requested in the latest review. */
#ns-home .home-quick-links { margin:36px 0 0; padding-top:24px; border-top:1px solid #d3dfc9; }
#ns-home .home-sections { margin-top:32px; }
#ns-home .home-sections > .sub-sec.home-products-section { padding:20px !important; border:1px solid #d0ddc5; border-radius:22px; background:#e7efdf !important; box-shadow:0 5px 16px rgb(35 66 29 / 7%); }
#ns-home .home-products-section > .row { border:0; border-radius:14px 14px 0 0; box-shadow:none; }
#ns-home .home-products-section .ourProductBannerImg { margin:0; border:0; border-radius:0 0 14px 14px; }
#ns-home [data-home-order="3"] > .position-relative > .row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:12px !important; }
#ns-home [data-home-order="3"] > .position-relative > .row > .col-3 { width:100%; }
#ns-home [data-home-order="3"] .sec2-img { width:112px; max-width:100%; padding:0 !important; }
#ns-home [data-home-order="3"] > .position-relative { height:270px; }
#ns-home [data-home-order="5"] .mySwiper3 .swiper-wrapper { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; justify-items:center; }
#ns-home [data-home-order="5"] .mySwiper3 .swiper-slide,
#ns-home [data-home-order="5"] .mySwiper3 .swiper-slide:nth-child(4) { grid-column:auto; }
#ns-home [data-home-order="5"] .mySwiper3 { max-width:320px; }
#ns-home [data-home-order="5"] .mySwiper3 img { width:112px; max-width:100%; height:auto; max-height:none; }
#ns-home [data-home-order="5"] > .row { height:270px !important; }
#ns-home .home-earning-more { display:block; width:max-content; max-width:100%; padding:6px 14px; margin:8px auto 0; border-radius:10px; background:rgba(248,251,239,.9); color:#184b32; font-size:13px; text-decoration:underline; }
/* Original incentive artwork and icon placement, not individual cards. */
#ns-home #promotion-programs { min-height:300px; background:transparent url("/newSite/mainPage/img/home/back-02.png") center / cover no-repeat !important; border-radius:18px; }
#ns-home #promotion-programs > div { display:flex !important; flex-wrap:wrap !important; align-items:center; justify-content:center; width:55% !important; padding:16px !important; gap:0; overflow:visible; }
#ns-home #promotion-programs > div > div { flex:0 0 33.333%; width:33.333% !important; max-width:188px !important; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; }
#ns-home #promotion-programs > div > div:nth-child(n+4) { flex-basis:50%; width:50% !important; }
#ns-home #promotion-programs a { display:block; min-width:0; min-height:44px; }
#ns-home #promotion-programs img { width:90% !important; max-width:none; height:auto; }
#ns-home .home-promotions-hint { display:none; }
/* Orange business tab, blue product tab, matching panel surfaces. */
#ns-home #home-faq { border-radius:18px; overflow:hidden; background:#f5d5be !important; }
#ns-home #home-faq:has(#home-faq-product-tab[aria-selected="true"]) { background:#cce8f3 !important; }
#ns-home #home-faq > div:first-child { gap:0; }
#ns-home #home-faq .home-faq-tab { border:0; border-radius:0; min-height:52px; font-size:15px; }
#ns-home #home-faq .business-faq-home-btn { background:#f5d5be; color:#66330d; }
#ns-home #home-faq .product-faq-home-btn { background:#cce8f3; color:#144b65; }
#ns-home #home-faq .business-faq-home-btn[aria-selected="true"] { background:#c95a18; color:#fff; }
#ns-home #home-faq .product-faq-home-btn[aria-selected="true"] { background:#176f96; color:#fff; }
#ns-home #home-faq > .row { padding:14px; margin:0; }
#ns-home #home-faq .accordion-item { border-color:rgba(80,70,50,.14); }
#ns-home #home-faq .accordion-button { background:rgba(255,255,255,.8); }
#ns-home #home-faq .accordion-body { background:rgba(255,255,255,.6); }
@media(max-width:767px) {
 #ns-home .home-sections { margin-top:24px; }
 #ns-home .home-sections > .sub-sec.home-products-section { padding:12px !important; border-radius:18px; }
 #ns-home [data-home-order="3"] .sec2-img, #ns-home [data-home-order="5"] .mySwiper3 img { width:106px; }
 #ns-home [data-home-order="3"] > .position-relative, #ns-home [data-home-order="5"] > .row { height:260px !important; }
 #ns-home #promotion-programs { min-height:240px; }
 #ns-home #promotion-programs > div { width:66% !important; padding:10px !important; }
 #ns-home #home-faq > .row { padding:10px; }
}
#ns-home .home-sections > .sub-sec.home-products-section { padding:0 !important; border:0; border-radius:0; background:transparent !important; box-shadow:none; }
#ns-home [data-home-order="3"] > .position-relative > .row { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; align-items:center; }
#ns-home [data-home-order="3"] > .position-relative { height:210px; }
#ns-home [data-home-order="5"] .mySwiper3 { max-width:none; width:100%; overflow:hidden; }
#ns-home [data-home-order="5"] .mySwiper3 .swiper-wrapper { display:flex !important; gap:0 !important; justify-content:flex-start; align-items:center; }
#ns-home [data-home-order="5"] .mySwiper3 .swiper-slide { flex-shrink:0; width:calc((100% - 24px) / 4) !important; grid-column:auto !important; }
#ns-home [data-home-order="5"] .mySwiper3 .swiper-slide a { display:flex; width:100%; align-items:center; justify-content:center; }
#ns-home [data-home-order="5"] .mySwiper3 img { width:100%; max-width:112px; height:auto; padding:3px; }
#ns-home [data-home-order="5"] > .row { height:210px !important; }
#ns-home .home-sections > .sub-sec[data-home-order="9"],
#ns-home .home-club-section { padding:20px !important; background:#edf3e6 !important; border:1px solid #c7d8bc; border-radius:20px; box-shadow:0 5px 14px rgb(35 66 29 / 7%); }
#ns-home .home-club-section { grid-column:1 / -1; }
#ns-home .home-club-section a { display:block; border-radius:14px; overflow:hidden; }
#ns-home .home-club-section img { display:block; width:100%; height:auto; }
@media(max-width:767px) {
 #ns-home [data-home-order="3"] > .position-relative, #ns-home [data-home-order="5"] > .row { height:170px !important; }
 #ns-home [data-home-order="3"] > .position-relative > .row { padding:6px !important; gap:5px; }
 #ns-home [data-home-order="3"] .sec2-img { width:100%; max-width:90px; }
 #ns-home [data-home-order="5"] .home-opportunity-links { padding:8px !important; }
 #ns-home .home-sections > .sub-sec[data-home-order="9"],
 #ns-home .home-club-section { padding:12px !important; border-radius:16px; }
}
/* Pair the club and benefits; frame only the incentive artwork. */
#ns-home .home-club-section, #ns-home .home-sections > [data-home-order="7"] { grid-column:auto; min-width:0; }
#ns-home .home-sections > .sub-sec[data-home-order="9"] { padding:0 !important; border:0; border-radius:0; background:transparent !important; box-shadow:none; }
#ns-home #promotion-programs { border:1px solid #bdcfb1; border-radius:18px; box-shadow:0 5px 14px rgb(35 66 29 / 8%); overflow:hidden; }
#ns-home #leaf_newsha_map { height:360px !important; background:#e6eee7; }
#ns-home .map-activity .gray-page { display:none !important; }
#ns-home .map-activity .leaflet-control-attribution { background:rgba(250,253,248,.92); font-size:10px; color:#31533d; max-width:100%; }
#ns-home .map-activity .leaflet-control-zoom { border:1px solid #bdcdb9; border-radius:12px; overflow:hidden; box-shadow:0 3px 10px rgb(20 60 35 / 15%); }
#ns-home .map-activity .leaflet-control-zoom a { background:#f6faf0; color:#1d613d; }
#ns-home .map-activity .leaflet-marker-icon { border:2px solid #fff; border-radius:50%; box-shadow:0 2px 7px rgb(22 63 36 / 35%); }
@media(max-width:767px) {
 #ns-home .home-club-section, #ns-home .home-sections > [data-home-order="7"] { grid-column:1; }
 #ns-home #leaf_newsha_map { height:290px !important; }
}
/* Titles live above their content panels, consistently across all sections. */
#ns-home .home-sections > .sub-sec:is([data-home-order="3"],[data-home-order="5"],[data-home-order="8"]),
#ns-home .home-sections > .home-club-section {
 padding:0 !important; border:0; border-radius:0; background:transparent !important; box-shadow:none; overflow:visible;
}
#ns-home .home-sections .first-main-header,
#ns-home .home-sections > :is([data-home-order="3"],[data-home-order="5"]) .first-main-header {
 padding:0 0 16px; margin:0; border:0; border-radius:0; background:transparent !important;
}
#ns-home [data-home-order="8"] .first-main-header p { color:#194c35; }
#ns-home [data-home-order="8"] .first-main-header::before { background:linear-gradient(#0b7950,#b5cb94); }
#ns-home [data-home-order="8"] .first-main-header::after { background:linear-gradient(to left,#c8d8bf,transparent); }
#ns-home [data-home-order="3"] > .position-relative {
 background:url("../img/home/newshanik-about-v1.png") center / cover no-repeat; border:1px solid #cad9c0; border-radius:18px;
}
#ns-home [data-home-order="5"] > .row {
 background:url("../img/home/newshanik-earning-v1.png") center / cover no-repeat; border:1px solid #cad9c0; border-radius:18px;
}
#ns-home .home-world-intro { color:#526b5a; }
#ns-home [data-home-order="8"] .map-activity { padding:12px; margin-top:12px; background:linear-gradient(125deg,#123f30,#21654b); border-radius:18px; }
#ns-home .home-club-section > a { border:1px solid #c7d8bc; border-radius:18px; background:#e7efdf; box-shadow:0 4px 12px rgb(35 66 29 / 7%); }
#ns-home [data-home-order="7"] > div > div:not(.first-main-header) {
 padding:20px; border:1px solid #c7d8bc; border-radius:18px; background:linear-gradient(125deg,#f5f8eb,#e2ecd8); box-shadow:0 4px 12px rgb(35 66 29 / 7%);
}
#ns-home [data-home-order="7"] a { border:0; border-radius:0; background:transparent; box-shadow:none; padding:12px 6px; }
@media(max-width:767px) {
 #ns-home [data-home-order="7"] > div > div:not(.first-main-header) { padding:12px; }
 #ns-home .home-sections .first-main-header { padding-bottom:14px; }
}
/* International activity retains its original single enclosing card. */
#ns-home .home-sections > .sub-sec[data-home-order="8"] {
 padding:24px !important; border:1px solid #225a42; border-radius:22px;
 background:linear-gradient(125deg,#123f30,#21654b) !important;
 box-shadow:0 5px 16px rgb(25 62 39 / 10%);
}
#ns-home [data-home-order="8"] .first-main-header p { color:#fff; }
#ns-home [data-home-order="8"] .first-main-header::before { background:#c1d5a5; }
#ns-home [data-home-order="8"] .first-main-header::after { background:linear-gradient(to left,rgba(205,225,190,.4),transparent); }
#ns-home [data-home-order="8"] .home-world-intro { color:#e2ecdb; }
#ns-home [data-home-order="8"] .map-activity { padding:0; background:transparent; }
@media(max-width:767px) {
 #ns-home .home-sections > .sub-sec[data-home-order="8"] { padding:20px 16px !important; border-radius:18px; }
}
#ns-home .map-activity .leaflet-control-attribution::before,
#ns-home .map-activity .leaflet-control-attribution::after { display:none !important; content:none !important; }
/* Balanced club/benefits pair with larger illustrated benefits. */
#ns-home .home-club-section,
#ns-home .home-sections > .sub-sec[data-home-order="7"] { align-self:stretch; display:flex; flex-direction:column; }
#ns-home [data-home-order="7"] > div { display:flex; flex-direction:column; flex:1; min-height:0; }
#ns-home .home-club-section > .first-main-header,
#ns-home [data-home-order="7"] .first-main-header { min-height:54px; flex:none; }
#ns-home .home-club-section > a,
#ns-home [data-home-order="7"] > div > div:not(.first-main-header) { flex:1; min-height:260px; }
#ns-home .home-club-section > a { display:flex; align-items:center; background:#e6efdc; }
#ns-home .home-club-section > a img { width:100%; height:auto; object-fit:contain; }
#ns-home [data-home-order="7"] > div > div:not(.first-main-header) {
 display:flex; align-items:center; padding:24px;
 background:radial-gradient(ellipse at 5% 0,rgba(180,214,160,.6),transparent 65%),linear-gradient(130deg,#f4f4df,#d9ebd1);
 border:1px solid #bdd1af; box-shadow:inset 0 1px 0 #fff,0 5px 14px rgb(35 66 29 / 9%);
}
#ns-home [data-home-order="7"] > div > div:not(.first-main-header) > .position-relative { width:100%; }
#ns-home [data-home-order="7"] .position-relative > .row { align-items:center; }
#ns-home [data-home-order="7"] a { width:100%; padding:12px 4px; gap:16px; }
#ns-home [data-home-order="7"] .sec2-img { width:128px; height:128px; max-width:100%; object-fit:contain; filter:drop-shadow(0 5px 4px rgb(27 75 46 / 18%)); }
#ns-home [data-home-order="7"] .home-benefit-label { color:#194c35; font-size:15px; }
@media(max-width:767px) {
 #ns-home .home-club-section > .first-main-header,
 #ns-home [data-home-order="7"] .first-main-header { min-height:0; }
 #ns-home .home-club-section > a { min-height:0; }
 #ns-home [data-home-order="7"] > div > div:not(.first-main-header) { min-height:190px; padding:16px 10px; }
 #ns-home [data-home-order="7"] .position-relative > .row { gap:8px; }
 #ns-home [data-home-order="7"] .sec2-img { width:90px; height:90px; }
 #ns-home [data-home-order="7"] .home-benefit-label { font-size:13px; }
}
#ns-home [data-home-order="7"] > div > div:not(.first-main-header) { min-height:230px; padding:16px; }
#ns-home [data-home-order="7"] .sec2-img { width:112px; height:112px; }
#ns-home [data-home-order="7"] a { padding:8px 4px; }
@media(max-width:767px) {
 #ns-home [data-home-order="7"] > div > div:not(.first-main-header) { min-height:160px; padding:12px 8px; }
 #ns-home [data-home-order="7"] .sec2-img { width:78px; height:78px; }
}
/* Flush club artwork with a matching benefits panel. */
#ns-home .home-club-section > a { padding:0; border:0; background:transparent; min-height:0; height:250px; flex:none; overflow:hidden; }
#ns-home .home-club-section > a img { display:block; width:100%; height:100%; margin:0; object-fit:cover; }
#ns-home [data-home-order="7"] > div > div:not(.first-main-header) { height:250px; min-height:0; flex:none; box-sizing:border-box; }
@media(max-width:767px) {
 #ns-home .home-club-section > a,
 #ns-home [data-home-order="7"] > div > div:not(.first-main-header) { height:190px; min-height:0; }
}
/* Original club ratio, without cropping; benefits share the same proportions. */
#ns-home .home-club-section > a { height:auto; min-height:0; aspect-ratio:672 / 235; display:block; }
#ns-home .home-club-section > a img { width:100%; height:auto; object-fit:contain; }
#ns-home [data-home-order="7"] > div > div:not(.first-main-header) {
 height:auto; min-height:0; aspect-ratio:672 / 235; padding:12px; overflow:hidden;
 background:#e7eddb url("../img/home/newshanik-benefits-v1.png") center / cover no-repeat;
}
#ns-home [data-home-order="7"] .sec2-img { width:144px; height:auto; aspect-ratio:1; max-width:100%; }
#ns-home [data-home-order="7"] a { padding:0; }
@media(max-width:767px) {
 #ns-home .home-club-section > a,
 #ns-home [data-home-order="7"] > div > div:not(.first-main-header) { height:auto; min-height:0; aspect-ratio:672 / 235; }
 #ns-home [data-home-order="7"] > div > div:not(.first-main-header) { padding:8px; }
 #ns-home [data-home-order="7"] .sec2-img { width:94px; height:auto; }
}
/* Mobile-first summary page: visible priorities, shorter secondary previews. */
#ns-home .home-section-details { flex:none; margin-inline-start:auto; padding:8px 10px; min-height:44px; display:inline-flex; align-items:center; color:#21623f; font-size:12px; font-weight:700; white-space:nowrap; }
#ns-home .first-main-header:has(.home-section-details)::after { display:none; }
#ns-home .home-map-expand { display:none; }
@media(max-width:767px) {
 #ns-home { padding-top:10px; padding-bottom:24px; }
 #ns-home .home-sections { margin-top:24px; gap:24px; }
 #ns-home .home-sections .first-main-header { padding-bottom:10px; min-height:0; gap:7px; }
 #ns-home .home-sections .first-main-header p { font-size:18px; line-height:1.7; }
 #ns-home .home-section-details { font-size:11px; padding:6px; }
 #ns-home .home-products-section .ourProductBannerImg { display:none; }
 #ns-home .home-products-section > .row { min-height:155px; border-radius:16px; }
 #ns-home .home-products-section .sec-content { padding:10px 4px; }
 #ns-home [data-home-order="3"] > .position-relative,
 #ns-home [data-home-order="5"] > .row { height:132px !important; }
 #ns-home .home-collectible-section .banner-swiper img { max-height:180px; object-fit:contain !important; }
 #ns-home #leaf_newsha_map { height:180px !important; }
 #ns-home .home-sections > .sub-sec[data-home-order="8"] { padding:16px 12px !important; }
 #ns-home .home-world-intro { font-size:12px; line-height:1.9; margin-bottom:8px; }
 #ns-home .home-map-expand { display:block; min-height:44px; margin:10px 0 0 auto; padding:8px 14px; border:1px solid #aac8a4; border-radius:10px; background:#dfecd5; color:#1b5134; font:inherit; font-size:12px; cursor:pointer; }
 #ns-home [data-home-order="8"].home-map-expanded #leaf_newsha_map { height:380px !important; }
 #ns-home #promotion-programs { min-height:195px; }
 #ns-home #promotion-programs > div { padding:8px !important; }
 #ns-home #promotion-programs img { width:76% !important; display:block; margin:auto; }
 #ns-home #home-faq .home-faq-tab { min-height:46px; font-size:14px; }
 #ns-home #home-faq .accordion-button { min-height:48px; padding:10px 12px; font-size:13px; }
 #ns-home .home-quick-links { margin-top:24px; padding-top:16px; }
 #ns-home .home-quick-links a { min-height:80px; }
}

/* Quiet teal continuity with the footer; preserve the existing section order. */
body:has(#ns-home) {
 background-color:#f1f6f2;
 background-image:
  radial-gradient(ellipse 90% 750px at 0 0,rgba(0,99,110,.065),transparent 76%),
  radial-gradient(ellipse 85% 900px at 100% 45%,rgba(191,213,177,.14),transparent 78%),
  linear-gradient(180deg,rgba(0,94,108,.015),transparent 35%,rgba(0,94,108,.045));
 background-repeat:no-repeat;
 background-size:100% 100%;
}
#ns-home .home-club-section > a,
#ns-home [data-home-order="7"] > div > div:not(.first-main-header) {
 border:1px solid #c4d8ca;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 16px rgba(20,75,60,.08);
}
#ns-home [data-home-order="7"] > div > div:not(.first-main-header) {
 background-image:linear-gradient(120deg,rgba(0,101,110,.035),rgba(240,247,225,.12)),url("../img/home/newshanik-benefits-v1.png");
 background-color:#e6efe2;
}
#ns-home #promotion-programs {
 background:linear-gradient(110deg,rgba(0,91,104,.09),rgba(213,233,210,.22)),url("/newSite/mainPage/img/home/back-02.png") center / cover no-repeat !important;
 background-color:#e7efe4 !important;
 border-color:#b8cec2;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 6px 18px rgba(19,72,58,.09);
}
@media(min-width:768px) {
 #ns-home .home-collectible-section .banner-swiper,
 #ns-home .home-marketer-section .SwiperVideo { aspect-ratio:16 / 9; }
 #ns-home .home-collectible-section .banner-swiper img {
  width:100%; height:auto; aspect-ratio:16 / 9; object-fit:fill !important;
 }
 #ns-home .home-marketer-section .SwiperVideo video { aspect-ratio:16 / 9; object-fit:contain !important; }
}
#ns-home .home-collectible-section .banner-swiper img {
 width:100%;
 height:auto;
 aspect-ratio:16 / 9;
 object-fit:fill !important;
}

/* Raised FAQ tabs: preserve orange/blue semantics and visible focus. */
#ns-home #home-faq > div:first-child {
 gap:0; padding:14px 14px 10px; align-items:stretch;
}
#ns-home #home-faq .home-faq-tab {
 --faq-face:#f9dfca; --faq-top:#fff0e1; --faq-edge:#b97240;
 background:linear-gradient(180deg,var(--faq-top),var(--faq-face));
 border:1px solid rgba(109,60,24,.22); border-radius:12px;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 5px 0 var(--faq-edge),0 8px 12px rgba(41,64,63,.14);
 transform:translateY(0); min-width:0; min-height:48px;
 transition:transform .18s ease,box-shadow .18s ease;
}
#ns-home #home-faq .product-faq-home-btn {
 --faq-face:#c4e4f2; --faq-top:#e9f7ff; --faq-edge:#4385a1;
 border-color:rgba(27,94,124,.24);
}
#ns-home #home-faq .business-faq-home-btn[aria-selected="true"] {
 --faq-top:#e58138; --faq-face:#b94e12; --faq-edge:#85370d;
 background:linear-gradient(180deg,var(--faq-top),var(--faq-face)); color:#fff;
}
#ns-home #home-faq .product-faq-home-btn[aria-selected="true"] {
 --faq-top:#318bac; --faq-face:#135b7c; --faq-edge:#10455f;
 background:linear-gradient(180deg,var(--faq-top),var(--faq-face)); color:#fff;
}
#ns-home #home-faq .home-faq-tab[aria-selected="true"],
#ns-home #home-faq .home-faq-tab:active {
 transform:translateY(3px);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 0 var(--faq-edge),0 4px 7px rgba(41,64,63,.16);
}
#ns-home #home-faq .home-faq-tab:first-child { border-top-left-radius:0; border-bottom-left-radius:0; }
#ns-home #home-faq .home-faq-tab:last-child { border-top-right-radius:0; border-bottom-right-radius:0; border-right:0; }
#ns-home #home-faq .home-faq-tab:focus-visible { outline:3px solid #153d30; outline-offset:4px; position:relative; z-index:1; }
@media(hover:hover) {
 #ns-home #home-faq .home-faq-tab:not([aria-selected="true"]):hover { transform:translateY(-1px); }
}
@media(max-width:767px) {
 #ns-home #home-faq > div:first-child { padding:12px 10px 10px; gap:0; }
 #ns-home #home-faq .home-faq-tab { font-size:14px; padding:10px 8px; }
}

/* Quick access beside the hero on desktop, below it on mobile. */
#ns-home .home-hero {
 display:grid; grid-template-columns:minmax(0,4fr) minmax(180px,1fr);
 gap:16px; align-items:stretch; direction:rtl; overflow:visible;
}
#ns-home .home-hero-slider { min-width:0; width:100%; align-self:center; }
#ns-home .home-hero .home-quick-links {
 display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:repeat(4,minmax(0,1fr));
 gap:10px; margin:0; padding:0; border:0; min-width:0;
}
#ns-home .home-hero .home-quick-links a {
 display:flex; flex-direction:row; justify-content:flex-start; gap:10px;
 width:100%; min-width:0; min-height:48px; padding:10px 12px; font-size:13px;
 border:1px solid #c3d8c9; border-radius:14px;
 background:linear-gradient(145deg,#f6faf2,#e1eee2);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 3px 0 #c4d6c6,0 5px 12px rgba(20,75,60,.07);
}
#ns-home .home-hero .home-quick-links a > i { flex:none; font-size:24px; color:#12735b; }
#ns-home .home-hero .home-quick-links a > span:not(:last-child) { flex:1; line-height:1.8; }
#ns-home .home-hero .home-quick-links a > span:last-child { font-size:18px; margin:0; }
@media(max-width:767px) {
 #ns-home .home-hero { grid-template-columns:minmax(0,1fr); gap:12px; }
 #ns-home .home-hero .home-quick-links {
  grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:auto; gap:8px;
 }
 #ns-home .home-hero .home-quick-links a {
  flex-direction:column; justify-content:center; gap:5px; min-height:76px;
  padding:9px 4px; font-size:11px; text-align:center; border-radius:12px;
 }
 #ns-home .home-hero .home-quick-links a:first-child { display:none; }
 #ns-home .home-hero .home-quick-links a > i { font-size:23px; }
 #ns-home .home-hero .home-quick-links a > span:last-child { display:none; }
}

/* Collapsible floating access, with an unobstructed full-width hero. */
#ns-home .home-hero { display:block; }
#ns-home .home-floating-access { position:fixed; left:16px; top:45%; z-index:1025; direction:rtl; }
#ns-home .home-floating-access[hidden] { display:none !important; }
#ns-home .home-world-tour { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:10px 18px; margin:4px 0 12px; border:1px solid #b9d4b2; border-radius:12px; color:#153f30; background:linear-gradient(145deg,#f1f7e9,#d4e6c9); box-shadow:0 3px 0 #8eae85,0 5px 12px #092f3026; font:inherit; font-size:13px; font-weight:700; }
#ns-home .home-world-tour:hover { background:#f1f7e9; color:#104c33; }
#ns-home .home-world-tour i { font-size:23px; }
#ns-home [data-home-order="8"] .first-main-header { flex-wrap:wrap; gap:10px; justify-content:flex-start; }
#ns-home [data-home-order="8"] .first-main-header::after { display:none; }
#ns-home [data-home-order="8"] .first-main-header .home-world-tour { margin:0; margin-inline-start:auto; flex:none; }
@media(max-width:767px) {
 #ns-home [data-home-order="8"] .first-main-header { gap:6px; }
 #ns-home [data-home-order="8"] .first-main-header p { font-size:16px; }
 #ns-home [data-home-order="8"] .first-main-header .home-world-tour { padding:7px 8px; gap:5px; font-size:11px; }
 #ns-home [data-home-order="8"] .home-world-tour i { font-size:18px; }
 #ns-home [data-home-order="8"] .home-world-tour > span:last-child { display:none; }
}
#ns-home .home-floating-access > summary {
 list-style:none; display:flex; align-items:center; justify-content:center; gap:8px;
 min-height:48px; padding:12px 16px; cursor:pointer; border:1px solid #bed6c7;
 border-radius:14px; background:linear-gradient(145deg,#f8fcf4,#dcece0);
 color:#155b43; font-size:13px; font-weight:700; box-shadow:0 4px 14px rgba(16,63,48,.18);
}
#ns-home .home-floating-access > summary::-webkit-details-marker { display:none; }
#ns-home .home-floating-access > summary:focus-visible { outline:3px solid #087b49; outline-offset:3px; }
#ns-home .home-floating-access > summary i { font-size:20px; }
#ns-home .home-floating-access[open] > summary { background:#17694f; color:#fff; }
#ns-home .home-floating-access .home-quick-links {
 position:absolute; left:0; top:calc(100% + 10px); width:224px;
 display:grid; grid-template-columns:minmax(0,1fr); gap:8px;
 margin:0; padding:10px; border:1px solid #bed6c7; border-radius:16px;
 background:#f2f7f1; box-shadow:0 8px 24px rgba(16,63,48,.18);
}
#ns-home .home-floating-access:not([open]) .home-quick-links { display:none; }
#ns-home .home-floating-access .home-quick-links a {
 display:flex; flex-direction:row; align-items:center; justify-content:flex-start;
 gap:10px; min-height:48px; padding:10px; width:100%; font-size:12px;
 border-radius:10px; background:#e5efe2; border:1px solid #c9dbc6;
}
#ns-home .home-floating-access .home-quick-links a > i { font-size:22px; flex:none; color:#167355; }
#ns-home .home-floating-access .home-quick-links a > span:not(:last-child) { flex:1; }
#ns-home .home-floating-access .home-quick-links a > span:last-child { font-size:17px; }
@media(max-width:767px) {
 #ns-home .home-floating-access { top:auto; left:12px; bottom:calc(92px + env(safe-area-inset-bottom,0px)); }
 #ns-home .home-floating-access > summary { padding:10px 12px; font-size:12px; }
 #ns-home .home-floating-access .home-quick-links { top:auto; bottom:calc(100% + 10px); width:min(224px,calc(100vw - 24px)); }
 #ns-home .home-floating-access .home-quick-links a:first-child { display:none; }
}

/* Center product categories horizontally and vertically within their banner. */
#ns-home .home-products-section > .row { display:flex; align-items:center; }
#ns-home .home-products-section .sec-content { display:flex; align-items:center; justify-content:center; }
#ns-home .home-products-section .mySwiper { padding-top:26px; padding-bottom:26px; margin-block:0; }
#ns-home .home-products-section .mySwiper .swiper-wrapper { align-items:center; }
#ns-home .home-products-section .mySwiper .swiper-slide { display:flex; align-items:center; justify-content:center; height:auto; }
#ns-home .home-products-section .mySwiper .swiper-slide > a { display:flex; align-items:center; justify-content:center; width:100%; min-width:0; }
#ns-home .home-products-section .mySwiper .sec1-img { display:block; margin:0 auto; object-fit:contain; }
#ns-home .SwiperVideo.home-video-playing .swiper-button-prev,
#ns-home .SwiperVideo.home-video-playing .swiper-button-next,
#ns-home .SwiperVideo.home-video-playing .swiper-pagination { visibility:hidden; pointer-events:none; }
@media(max-width:767px) {
 #ns-home .home-products-section .mySwiper { padding-top:20px; padding-bottom:20px; }
}

/* Automatic incentive icon carousel, retaining the original backdrop and links. */
#ns-home #promotion-programs { display:flex; align-items:center; }
#ns-home #promotion-programs > .home-promotion-slider { display:block !important; margin:0; overflow:hidden; }
#ns-home #promotion-programs > .home-promotion-slider > .swiper-wrapper {
 display:flex !important; flex-wrap:nowrap !important; gap:0;
 width:100% !important; max-width:none !important; padding:0; align-items:center;
}
#ns-home #promotion-programs .home-promotion-slider .swiper-slide {
 flex-shrink:0; flex-basis:auto; max-width:none !important; padding:0; height:auto;
}
#ns-home #promotion-programs .home-promotion-slider .swiper-slide a {
 display:flex; align-items:center; justify-content:center; min-height:44px;
}
#ns-home #promotion-programs .home-promotion-slider img { display:block; margin:auto; }

/* Smaller artwork for the two formerly lower-row incentive icons. */
#ns-home #promotion-programs img[src$="/18-01-C.png"],
#ns-home #promotion-programs img[src$="/18-02-C.png"] { width:76% !important; }
@media(max-width:767px) {
 #ns-home #promotion-programs img[src$="/18-01-C.png"],
 #ns-home #promotion-programs img[src$="/18-02-C.png"] { width:64% !important; }
}

/* Only incentive photographs rotate; all five icon links stay stationary. */
#ns-home #promotion-programs { position:relative; isolation:isolate; background:linear-gradient(110deg,rgba(0,91,104,.09),rgba(213,233,210,.22)),#e7efe4 !important; }
#ns-home #promotion-programs > .home-promotion-background {
 position:absolute; inset:0; width:100% !important; height:100%; max-width:none !important;
 display:block !important; padding:0 !important; margin:0; pointer-events:none; z-index:-1;
}
#ns-home .home-promotion-background > span {
 position:absolute; inset:0; display:block; opacity:0; background-position:center;
 background-size:cover; background-repeat:no-repeat; animation:home-promotion-photo 16s linear infinite;
}
#ns-home .home-promotion-background > span:nth-child(1) { background-image:url("../img/home/back-02.png"); }
#ns-home .home-promotion-background > span:nth-child(2) { background-image:url("../img/home/back-03.png"); animation-delay:4s; }
#ns-home .home-promotion-background > span:nth-child(3) { background-image:url("../img/home/back-04.png"); animation-delay:8s; }
#ns-home .home-promotion-background > span:nth-child(4) { background-image:url("../img/home/back-05.png"); animation-delay:12s; }
@keyframes home-promotion-photo { 0%,20% {opacity:1} 25%,95% {opacity:0} 100% {opacity:1} }
@media(prefers-reduced-motion:reduce) {
 #ns-home .home-promotion-background > span { animation:none !important; opacity:0; }
 #ns-home .home-promotion-background > span:first-child { opacity:1; }
}

/* Match all incentive artwork sizes despite the wider lower-row columns. */
#ns-home #promotion-programs > div:not(.home-promotion-background) { container-type:inline-size; }
#ns-home #promotion-programs > div:not(.home-promotion-background) > div img {
 width:min(30cqw,169px) !important; max-width:100%; display:block; margin:auto;
}
@media(max-width:767px) {
 #ns-home #promotion-programs > div:not(.home-promotion-background) > div img {
  width:min(25.3333cqw,169px) !important;
 }
}

/* Requested incentive icon area: half-width with larger equal-sized artwork. */
#ns-home #promotion-programs > div:not(.home-promotion-background) {
 width:50% !important; padding:10px !important;
}
#ns-home #promotion-programs > div:not(.home-promotion-background) > div img {
 width:min(31cqw,188px) !important; max-width:100% !important; flex:none; position:relative;
}
@media(max-width:767px) {
 #ns-home #promotion-programs > div:not(.home-promotion-background) > div img {
  width:50cqw !important;
 }
}

/* More vertical breathing room for the incentive icon rows. */
#ns-home #promotion-programs > div:not(.home-promotion-background) {
 min-height:360px; row-gap:24px !important; padding-block:24px !important;
}
@media(max-width:767px) {
 #ns-home #promotion-programs > div:not(.home-promotion-background) {
  min-height:193px; row-gap:0 !important; padding-block:10px !important;
 }
}
