.community-latest-dynamic-storefront-container {
  text-align: left !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  width: 100%;
}

.community-latest-dynamic-storefront-container.dynamic-placeholder {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.business-products-section {
  width: 100%;
}

.aiwb-dyn-loadmore-wrap {
  text-align: center;
  margin-top: 16px;
}

.aiwb-dyn-loadmore-btn {
  box-shadow: 0 6px 16px rgba(196, 23, 31, 0.28);
  background: #c4171f;
  color: #fff;
  border: 1px solid #c4171f;
  border-radius: 999px;
  padding: 10px 24px;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
  cursor: pointer;
  transition: all .2s ease;
}

.aiwb-dyn-loadmore-btn:disabled {
  opacity: 0.75;
  cursor: not-allowed;
}

.aiwb-dyn-loading {
  text-align: center;
  padding: 10px;
}

/* ----- global reset & base ----- */
        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
        *, body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important; }
        body { background: #f5f7fb; color: #1e1e2a; line-height: 1.5 !important; -webkit-font-smoothing: antialiased; }img{max-width: 100%; height: auto; vertical-align: middle;}
        a { text-decoration: none; color: inherit; }
        ul { list-style: none; }

        /* ----- fixed header ----- */
        .site-header {
            position: fixed;
            top: 0; left: 0; width: 100%;
            background: #ffffff;
            box-shadow: 0 4px 12px rgba(0,0,0,0.03);
            z-index: 1000;
            border-bottom: 1px solid #e9edf2;
        }
        .header-inner {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 68px;
        }
        .logo-area {
            display: flex;
            align-items: center;
        }
        .logo-area a { display: flex; align-items: center; }
        .logo-area img { height: 44px; width: auto; display: block; }

        /* desktop navigation */
        .nav-links {
            display: flex;
            align-items: center;
            gap: 28px;
        }
        .nav-links a {
            font-size: 15px !important;
            font-weight: 500 !important;
            color: #2c3e50;
            letter-spacing: 0.2px !important;
            padding: 6px 0;
            transition: color 0.2s ease;
            position: relative;
        }
        .nav-links a:hover { color: #0a6e5e; }  /* wellness green accent */
        .nav-links a:active { color: #084c41; }

        /* hamburger – hidden on desktop */
        .hamburger {
            display: none;
            background: none;
            border: none;
            cursor: pointer;
            padding: 8px 6px;
            position: absolute;
            left: 16px;
            top: 16px;
            z-index: 1100;
        }
        .hamburger span {
            display: block;
            width: 26px;
            height: 3px;
            background: #1e2b3a;
            margin: 5px 0;
            border-radius: 4px;
            transition: 0.2s;
        }

        /* mobile menu panel */
        .mobile-menu-panel {
            display: none;
            background: #ffffff;
            position: fixed;
            top: 0;
            left: 0;
            width: 280px;
            height: 100vh;
            box-shadow: 4px 0 20px rgba(0,0,0,0.08);
            padding: 80px 28px 32px 28px;
            z-index: 1050;
            overflow-y: auto;
        }
        .mobile-menu-panel .nav-links {
            flex-direction: column;
            align-items: flex-start;
            gap: 18px;
            width: 100%;
        }
        .mobile-menu-panel .nav-links a {
            display: block;
            width: 100%;
            text-align: left;
            font-size: 17px !important;
            font-weight: 500 !important;
            padding: 6px 0;
            border-bottom: 1px solid #f0f2f5;
        }
        .mobile-menu-panel .nav-links a:last-child { border-bottom: none; }

        /* overlay */
        .menu-overlay {
            display: none;
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.25);
            z-index: 1040;
        }

        /* main content offset */
        .main-wrapper {
            padding-top: 68px;
        }

        /* ----- sections ----- */
        .section {
            max-width: 1280px;
            margin: 0 auto;
            padding: 60px 24px;
        }
        .section-title {
            font-size: 32px !important;
            font-weight: 600 !important;
            color: #1a2a3a;
            margin-bottom: 24px;
            letter-spacing: -0.3px !important;
        }
        .section-sub {
            font-size: 18px !important;
            color: #3d4f60;
            max-width: 780px;
            margin-bottom: 40px;
        }

        /* hero */
        .hero {
            background: linear-gradient(145deg, #eaf4f0 0%, #d4e6df 100%);
            padding: 64px 24px;
            text-align: center;
        }
        .hero h1 {
            font-size: 44px !important;
            font-weight: 700 !important;
            color: #0b3b32;
            margin-bottom: 20px;
            letter-spacing: -0.5px !important;
        }
        .hero h1 .blue-text {
            color: #1a73e8;
        }
        .hero p {
            font-size: 20px !important;
            color: #1f4d42;
            max-width: 720px;
            margin: 0 auto 28px;
        }
        .hero-cta {
            display: inline-block;
            background: #0a6e5e;
            color: white;
            font-weight: 600 !important;
            font-size: 17px !important;
            padding: 14px 38px;
            border-radius: 40px;
            transition: background 0.2s, box-shadow 0.2s;
            box-shadow: 0 4px 8px rgba(10,110,94,0.2);
        }
        .hero-cta:hover {
            background: #085a4c;
            box-shadow: 0 8px 16px rgba(10,110,94,0.25);
            color: white;
        }

        /* story / quote */
        .story-block {
            background: #ffffff;
            border-radius: 24px;
            padding: 48px 40px;
            box-shadow: 0 6px 18px rgba(0,0,0,0.02);
            margin: 40px 0;
        }
        .story-block blockquote {
            font-size: 20px !important;
            font-style: italic !important;
            color: #1f3d36;
            border-left: 5px solid #0a6e5e;
            padding-left: 28px;
            margin: 28px 0;
            line-height: 1.6 !important;
        }
        .story-block .attribution {
            font-weight: 600 !important;
            color: #0b3b32;
            margin-top: 12px;
            font-style: normal !important;
        }

        /* storefront dynamic container */
        .storefront-dynamic {
            background: #ffffff;
            border-radius: 24px;
            padding: 40px 32px;
            box-shadow: 0 6px 18px rgba(0,0,0,0.02);
            margin: 40px 0;
        }
        .community-latest-dynamic-storefront-container {
            min-height: 120px;
            background: #f9fbfc;
            border-radius: 18px;
            padding: 24px;
            border: 1px dashed #cbd5e0;
            color: #2d4a5e;
            font-size: 16px !important;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
        }

        /* cards / info grid */
        .info-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 28px;
            margin: 40px 0;
        }
        .info-card {
            background: white;
            border-radius: 20px;
            padding: 32px 24px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.02);
            transition: box-shadow 0.25s ease, transform 0.2s;
        }
        .info-card:hover {
            box-shadow: 0 12px 28px rgba(0,0,0,0.06);
            transform: translateY(-3px);
        }
        .info-card h3 {
            font-size: 22px !important;
            font-weight: 600 !important;
            color: #0b3b32;
            margin-bottom: 12px;
        }
        .info-card p {
            color: #2d4a5e;
            font-size: 16px !important;
        }

        /* footer */
        .site-footer {
            background: #1a2a3a !important;
            color: #dce3ea !important;
            padding: 48px 24px 32px !important;
            text-align: center !important;
        }
        .footer-links {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
            gap: 12px 28px !important;
            margin-bottom: 28px !important;
            max-width: 1100px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        .footer-links a {
            color: #dce3ea !important;
            font-size: 15px !important;
            font-weight: 400 !important;
            text-decoration: none !important;
            border-bottom: none !important;
        }
        .footer-links a:hover {
            color: #b6cdc4 !important;
            text-decoration: none !important;
        }
        .footer-copy {
            font-size: 15px !important;
            color: #b6c9d4 !important;
            margin-top: 12px !important;
        }
        .footer-copy a {
            color: #b6c9d4 !important;
            text-decoration: underline !important;
        }
        .footer-address {
            font-size: 15px !important;
            color: #b6c9d4 !important;
            margin-top: 6px !important;
        }

        /* ----- responsive ----- */
        @media (max-width: 768px) {
            .header-inner {
                justify-content: center;
                position: relative;
            }
            .logo-area {
                margin: 0 auto;
            }
            .logo-area img {
                height: 40px;
            }
            .nav-links { display: none; }
            .hamburger { display: block; }

            .mobile-menu-panel.active { display: block; }
            .menu-overlay.active { display: block; }

            .hero h1 { font-size: 32px !important; }
            .hero p { font-size: 18px !important; }
            .section-title { font-size: 28px !important; }
            .story-block { padding: 32px 20px; }
            .storefront-dynamic { padding: 24px 16px; }
            .footer-links { gap: 10px 18px; }
        }

        @media (min-width: 769px) {
            .hamburger { display: none !important; }
            .mobile-menu-panel { display: none !important; }
            .menu-overlay { display: none !important; }
            .nav-links { display: flex !important; }
        }

        /* small touches */
        .highlight-green { color: #0a6e5e; font-weight: 500 !important; }
        .btn-outline {
            display: inline-block;
            border: 2px solid #0a6e5e;
            color: #0a6e5e;
            font-weight: 600 !important;
            padding: 10px 28px;
            border-radius: 40px;
            transition: background 0.2s, color 0.2s;
        }
        .btn-outline:hover {
            background: #0a6e5e;
            color: white;
        }

.fa {
            font-family: FontAwesome !important;
        }

:root {
		  --business-primary-color: #cc9c71;
		  --business-secondary-color: #ff502e;
		  --business-text-color: #333;
		  --business-light-bg: #f9fafb;
		  --business-border-color: #e2e2e2;
		  --business-shadow: 0 2px 8px rgba(0,0,0,.08);
		  --business-radius: 8px;
		  --business-transition: all 0.3s ease;
		}
			
		.business-products-container {
		  max-width: 1600px;
		  margin: 0 auto;
		}
		
		.business-products-grid {
		  display: grid;
		  grid-template-columns: repeat(4, 1fr);
		  gap: 20px;
		  margin-top: 20px;
		}
		
		.business-product-card {
		  background: white;
		  border-radius: var(--business-radius);
		  overflow: hidden;
		  box-shadow: var(--business-shadow);
		  transition: var(--business-transition);
		  height: 100%;
		  display: flex;
		  flex-direction: column;
		}
		
		.business-product-image-container {
		  position: relative;
		  overflow: hidden;
		  background: var(--business-light-bg);
		  aspect-ratio: 1;
		  width: 100%;
  		  height: 300px;
		}
		
		.business-product-image {
		  width: 100%;
		  height: 100%;
		  object-fit: cover;
		  transition: transform 0.5s ease;
		}

		.business-product-info {
		  padding: 20px;
		  flex-grow: 1;
		  display: flex;
		  flex-direction: column;
		}
		
		.business-price-current {
		  font-size: 18px !important;
		  font-weight: 700 !important;
		  color: var(--business-secondary-color);
		}
		
		.business-quick-add-btn {
			  background: #cc9c71 !important;
			  color: white !important;
			  border: none;
			  border-radius: 15px !important;
			  padding: 7px 6px !important;
			  font-size: 16px !important;
			  font-weight: bold !important;
			  display: flex;
			  align-items: center;
			  justify-content: center;
			  width: 100%;
			  transition: var(--business-transition);
			  cursor: pointer;
			  margin-top: 10px;
			  gap: 8px;
			  position: relative;
			  overflow: hidden;
		}
		
		.business-product-discount-lable {
		  position: absolute;
		  top: 2px;
		  right: 2px;
		  padding: 5px 8px;
		  background: #f00;
		  color: #fff;
		  font-size: 16px !important;
		  border-radius: 6px;
		}
		
		.business-price-original {
		  font-size: 14px !important;
		  color: #999;
		  text-decoration: line-through;
		  margin-left: 8px;
		}
		
		.business-product-title {
		  font-size: 16px !important;
		  font-weight: 600 !important;
		  margin: 0px;
		  line-height: 1.4 !important;
		  height: 44.8px;
		  display: flex;
		  align-items: flex-start;
		  overflow:hidden;
		}
		
		.business-product-pricing {
  margin: 10px 0;
}
		
		@media (max-width: 768px) {
		  .business-products-grid{
			display:block;
		  }
		  
		  .business-product-card{
		     margin-bottom:20px;
		  }
		}