<>
/* Shared page components CSS */
* {
box-sizing: border-box;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
padding: 0;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
/* Override Webflow navbar s */
nav.navbar {
background: white !important;
border-bottom: 1px solid #e5e5e5 !important;
position: sticky !important;
top: 0 !important;
z-index: 1000 !important;
backdrop-filter: blur(10px);
background: rgba(2552552550.95) !important;
width: 100%;
padding: 0 !important;
display: block !important;
}
.nav-content {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 16px 24px !important;
max-width: 1200px;
margin: 0 auto;
}
.logo {
display: flex !important;
align-items: center !important;
text-decoration: none !important;
}
.logo-img {
height: 40px !important;
width: auto !important;
max-width: none !important;
margin: 0px;
padding: 0px;
padding-right: 8px;
}
.nav-links {
display: flex !important;
align-items: center !important;
gap: 32px !important;
}
a.nav-link {
color: #666 !important;
text-decoration: none !important;
font-weight: 500 !important;
transition: color 0.2s !important;
font-size: 16px !important;
padding: 0 !important;
display: inline-block !important;
}
a.nav-link:hover {
color: #FF6B47 !important;
}
.mobile-menu-btn {
display: none;
flex-direction: column;
gap: 4px;
background: none;
border: none;
cursor: pointer;
padding: 8px;
}
.mobile-menu-btn span {
width: 24px;
height: 2px;
background: #1a1a1a;
transition: all 0.3s;
display: block;
}
.mobile-menu {
display: none;
flex-direction: column;
gap: 16px;
padding: 24px;
background: white;
border-bottom: 1px solid #e5e5e5;
position: relative;
z-index: 999;
}
.mobile-menu.active {
display: flex !important;
}
a.mobile-nav-link {
color: #666 !important;
text-decoration: none !important;
font-weight: 500 !important;
padding: 12px 0 !important;
font-size: 16px !important;
display: block !important;
}
/* Buttons */
.btn {
display: inline-block !important;
padding: 12px 28px !important;
border-radius: 12px !important;
font-weight: 600 !important;
text-decoration: none !important;
transition: all 0.2s !important;
border: 2px solid transparent !important;
cursor: pointer !important;
font-size: 16px !important;
white-space: nowrap !important;
}
.btn-primary {
background: linear-gradient(135deg#FF6B47 0%#FF4520 100%) !important;
color: white !important;
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(255107710.3) !important;
color: white !important;
}
@media (max-width: 768px) {
.nav-links {
display: none !important;
}
.mobile-menu-btn {
display: flex !important;
}
}
/* Footer - override Webflow s */
footer.footer {
background: #1a1a1a !important;
color: white !important;
padding: 60px 0 30px !important;
}
.footer-content {
display: grid !important;
grid-template-columns: repeat(auto-fitminmax(200px1fr)) !important;
gap: 40px !important;
margin-bottom: 40px !important;
}
.footer-section {
display: flex !important;
flex-direction: column !important;
}
.footer-title {
font-size: 16px !important;
font-weight: 700 !important;
margin-bottom: 16px !important;
color: white !important;
}
.footer-description {
font-size: 14px !important;
color: #999 !important;
line-height: 1.6 !important;
}
a.footer-link {
display: block !important;
color: #999 !important;
text-decoration: none !important;
margin-bottom: 8px !important;
font-size: 14px !important;
transition: color 0.2s !important;
padding: 0 !important;
}
a.footer-link:hover {
color: #FF6B47 !important;
}
.footer-bottom {
text-align: center !important;
padding-top: 30px !important;
border-top: 1px solid #333 !important;
color: #999 !important;
font-size: 14px !important;
}
.footer-bottom p {
margin: 0 !important;
}
<>
/* Enhanced App Download Promo Section */
.app-download-promo.snapcalorie- {
background-color: #f2f9ff;
border-radius: 10px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 45px;
padding-right: 45px;
margin: 30px 0;
border-left: 5px solid #081158;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
display: flex;
align-items: center;
justify-content: space-between;
}
.sc-content-wrapper {
flex: 1;
min-width: 0;
padding-right: 0;
}
.sc-header {
display: flex;
justify-content: flex-start;
margin-bottom: 20px;
}
.sc-logo-container {
display: flex;
align-items: flex-start;
}
.sc-logo {
width: 42px;
padding: 0px;
border-radius: 8px;
margin-right: 14px;
margin-top: 2px;
}
.sc-title h3 {
font-size: 22px;
color: #081158;
margin: 0 0 5px 0;
font-weight: 600;
line-height: 1.2;
font-family: 'Montserrat'sans-serif;
}
.sc-rating {
display: flex;
align-items: center;
font-size: 13px;
}
.stars {
color: #5b95d2;
margin-right: 6px;
letter-spacing: -1px;
}
.rating-text {
color: #666;
}
.sc-benefits {
margin-bottom: 25px;
text-align: left;
}
.benefit-item {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.benefit-check {
color: #33cc99;
font-weight: bold;
margin-right: 10px;
font-size: 16px;
}
.benefit-text {
color: #333;
font-size: 15px;
}
.sc-image-container {
flex: 0 0 auto;
width: 35%;
max-width: 220px;
text-align: center;
align-self: center;
}
.sc-screenshot {
max-width: 100%;
height: auto;
object-fit: contain;
display: block;
}
.sc-action {
margin-top: 5px;
}
.sc-log-food-button {
background-color: #081158;
color: white;
font-weight: 600;
font-size: 16px;
text-align: center;
padding: 12px 28px;
border-radius: 6px;
display: inline-block;
text-decoration: none;
letter-spacing: 2px;
text-transform: uppercase;
transition: transform 0.3sbackground-color 0.3s;
}
.sc-log-food-button:hover {
transform: translateY(-3px);
background-color: #192276;
}
/* Mobile responsiveness for app promo */
@media (max-width: 768px) {
.app-download-promo.snapcalorie- {
padding: 25px;
flex-direction: column;
}
.sc-image-container {
width: 70%;
max-width: 250px;
margin-top: 25px;
order: -1; /* Makes the image appear first on mobile */
}
.sc-header {
justify-content: center;
}
.sc-benefits {
text-align: center;
}
.benefit-item {
justify-content: center;
}
.sc-action {
text-align: center;
}
}
/* ===========================================
TITAN HAUS VARIANT A: Health-Focused (Modern Minimal)
Cleansleek design with focus on health benefits
=========================================== */
.titan-haus-health {
background: linear-gradient(135deg#0d1117 0%#161b22 100%);
border-radius: 16px;
padding: 32px 40px;
margin: 30px 0;
border: 1px solid rgba(452121910.2);
box-shadow: 0 8px 32px rgba(0,0,0,0.3);
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
overflow: hidden;
}
.titan-haus-health::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg#2dd4bf#14b8a6);
}
.titan-haus-health .th-content {
flex: 1;
padding-right: 30px;
}
.titan-haus-health .th-badge {
display: inline-block;
background: rgba(452121910.15);
color: #2dd4bf;
font-size: 11px;
font-weight: 600;
padding: 4px 12px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 16px;
}
.titan-haus-health .th-headline {
font-size: 26px;
color: #ffffff;
margin: 0 0 8px 0;
font-weight: 700;
line-height: 1.2;
font-family: 'Inter''Montserrat'sans-serif;
}
.titan-haus-health .th-subheadline {
font-size: 15px;
color: #9ca3af;
margin: 0 0 24px 0;
line-height: 1.5;
}
.titan-haus-health .th-features {
display: flex;
gap: 24px;
margin-bottom: 24px;
flex-wrap: wrap;
}
.titan-haus-health .th-feature {
display: flex;
align-items: center;
gap: 8px;
}
.titan-haus-health .th-feature-icon {
width: 20px;
height: 20px;
background: rgba(452121910.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #2dd4bf;
font-size: 12px;
}
.titan-haus-health .th-feature-text {
color: #e5e7eb;
font-size: 14px;
font-weight: 500;
}
.titan-haus-health .th-cta {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg#2dd4bf 0%#14b8a6 100%);
color: #0d1117;
font-weight: 700;
font-size: 14px;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
}
.titan-haus-health .th-cta:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(452121910.3);
}
.titan-haus-health .th-image {
flex: 0 0 200px;
text-align: center;
}
.titan-haus-health .th-image img {
max-width: 100%;
height: auto;
filter: drop-shadow(0 20px 40px rgba(0,0,0,0.4));
}
.titan-haus-health .th-price {
display: flex;
align-items: baseline;
gap: 10px;
margin-bottom: 16px;
}
.titan-haus-health .th-price-current {
font-size: 28px;
font-weight: 700;
color: #2dd4bf;
}
.titan-haus-health .th-price-original {
font-size: 16px;
color: #6b7280;
text-decoration: line-through;
}
.titan-haus-health .th-price-save {
background: #dc2626;
color: white;
font-size: 11px;
font-weight: 600;
padding: 3px 8px;
border-radius: 4px;
}
/* ===========================================
TITAN HAUS VARIANT B: Comparison (Feature Grid)
Highlights titanium vs other materials
=========================================== */
.titan-haus-compare {
background: #ffffff;
border-radius: 16px;
padding: 32px 40px;
margin: 30px 0;
border: 2px solid #e5e7eb;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
position: relative;
}
.titan-haus-compare .th-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 24px;
}
.titan-haus-compare .th-brand {
display: flex;
align-items: center;
gap: 12px;
}
.titan-haus-compare .th-logo {
width: 44px;
height: 44px;
background: #1a1a1a;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
}
.titan-haus-compare .th-logo img {
max-width: 100%;
height: auto;
}
.titan-haus-compare .th-brand-text h4 {
margin: 0;
font-size: 18px;
font-weight: 700;
color: #1a1a1a;
}
.titan-haus-compare .th-brand-text span {
font-size: 12px;
color: #6b7280;
}
.titan-haus-compare .th-badge {
background: #fef3c7;
color: #92400e;
font-size: 12px;
font-weight: 600;
padding: 6px 14px;
border-radius: 20px;
}
.titan-haus-compare .th-main {
display: flex;
gap: 32px;
align-items: center;
}
.titan-haus-compare .th-comparison {
flex: 1;
}
.titan-haus-compare .th-headline {
font-size: 22px;
font-weight: 700;
color: #1a1a1a;
margin: 0 0 20px 0;
line-height: 1.3;
}
.titan-haus-compare .th-grid {
display: grid;
grid-template-columns: repeat(21fr);
gap: 12px;
margin-bottom: 20px;
}
.titan-haus-compare .th-grid-item {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 14px;
background: #f9fafb;
border-radius: 8px;
}
.titan-haus-compare .th-grid-item.highlight {
background: #ecfdf5;
border: 1px solid #a7f3d0;
}
.titan-haus-compare .th-check {
width: 20px;
height: 20px;
background: #10b981;
border-radius: 50%;
color: white;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
flex-shrink: 0;
}
.titan-haus-compare .th-x {
width: 20px;
height: 20px;
background: #ef4444;
border-radius: 50%;
color: white;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
flex-shrink: 0;
}
.titan-haus-compare .th-grid-text {
font-size: 13px;
color: #374151;
font-weight: 500;
}
.titan-haus-compare .th-product {
flex: 0 0 220px;
text-align: center;
background: linear-gradient(180deg#f9fafb 0%#ffffff 100%);
border-radius: 12px;
padding: 20px;
}
.titan-haus-compare .th-product img {
max-width: 160px;
height: auto;
margin-bottom: 16px;
}
.titan-haus-compare .th-price {
margin-bottom: 12px;
}
.titan-haus-compare .th-price-current {
font-size: 28px;
font-weight: 700;
color: #1a1a1a;
}
.titan-haus-compare .th-price-original {
font-size: 14px;
color: #9ca3af;
text-decoration: line-through;
margin-left: 8px;
}
.titan-haus-compare .th-cta {
display: inline-block;
width: 100%;
background: #1a1a1a;
color: #ffffff;
font-weight: 600;
font-size: 13px;
padding: 12px 24px;
border-radius: 8px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
}
.titan-haus-compare .th-cta:hover {
background: #374151;
}
/* ===========================================
TITAN HAUS VARIANT C: Social Proof (Reviews)
Focuses on reviews and customer testimonials
=========================================== */
.titan-haus-social {
background: linear-gradient(135deg#1e293b 0%#0f172a 100%);
border-radius: 16px;
padding: 32px 40px;
margin: 30px 0;
box-shadow: 0 8px 32px rgba(0,0,0,0.3);
display: flex;
align-items: stretch;
gap: 32px;
}
.titan-haus-social .th-left {
flex: 0 0 180px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
border-right: 1px solid rgba(255,255,255,0.1);
padding-right: 32px;
}
.titan-haus-social .th-product-img {
width: 140px;
height: auto;
margin-bottom: 16px;
filter: drop-shadow(0 10px 30px rgba(0,0,0,0.5));
}
.titan-haus-social .th-rating-big {
font-size: 48px;
font-weight: 700;
color: #fbbf24;
line-height: 1;
}
.titan-haus-social .th-stars {
color: #fbbf24;
font-size: 18px;
letter-spacing: 2px;
margin: 8px 0;
}
.titan-haus-social .th-review-count {
font-size: 13px;
color: #94a3b8;
}
.titan-haus-social .th-right {
flex: 1;
display: flex;
flex-direction: column;
}
.titan-haus-social .th-header {
margin-bottom: 20px;
}
.titan-haus-social .th-badge {
display: inline-block;
background: rgba(251191360.15);
color: #fbbf24;
font-size: 11px;
font-weight: 600;
padding: 4px 12px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 12px;
}
.titan-haus-social .th-headline {
font-size: 24px;
color: #ffffff;
margin: 0 0 8px 0;
font-weight: 700;
line-height: 1.3;
}
.titan-haus-social .th-subheadline {
font-size: 14px;
color: #94a3b8;
margin: 0;
}
.titan-haus-social .th-testimonial {
background: rgba(255,255,255,0.05);
border-radius: 12px;
padding: 20px;
margin-bottom: 20px;
border-left: 3px solid #fbbf24;
}
.titan-haus-social .th-quote {
font-size: 15px;
color: #e2e8f0;
font-: italic;
line-height: 1.6;
margin: 0 0 12px 0;
}
.titan-haus-social .th-author {
font-size: 13px;
color: #94a3b8;
}
.titan-haus-social .th-author strong {
color: #cbd5e1;
}
.titan-haus-social .th-footer {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: auto;
}
.titan-haus-social .th-price {
display: flex;
align-items: baseline;
gap: 10px;
}
.titan-haus-social .th-price-current {
font-size: 26px;
font-weight: 700;
color: #ffffff;
}
.titan-haus-social .th-price-original {
font-size: 14px;
color: #64748b;
text-decoration: line-through;
}
.titan-haus-social .th-cta {
display: inline-flex;
align-items: center;
gap: 8px;
background: #fbbf24;
color: #0f172a;
font-weight: 700;
font-size: 14px;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
}
.titan-haus-social .th-cta:hover {
background: #f59e0b;
transform: translateY(-2px);
}
/* ===========================================
Mobile Responsiveness for All Titan Haus Variants
=========================================== */
@media (max-width: 768px) {
.titan-haus-health {
flex-direction: column;
padding: 24px;
}
.titan-haus-health .th-content {
padding-right: 0;
text-align: center;
}
.titan-haus-health .th-features {
justify-content: center;
}
.titan-haus-health .th-image {
order: -1;
margin-bottom: 20px;
}
.titan-haus-compare {
padding: 24px;
}
.titan-haus-compare .th-header {
flex-direction: column;
gap: 12px;
}
.titan-haus-compare .th-main {
flex-direction: column;
}
.titan-haus-compare .th-grid {
grid-template-columns: 1fr;
}
.titan-haus-compare .th-product {
order: -1;
}
.titan-haus-social {
flex-direction: column;
padding: 24px;
}
.titan-haus-social .th-left {
border-right: none;
border-bottom: 1px solid rgba(255,255,255,0.1);
padding-right: 0;
padding-bottom: 24px;
}
.titan-haus-social .th-footer {
flex-direction: column;
gap: 16px;
}
}
/* ===========================================
NUTRIEFFECT: Science-Backed Supplements Ad
Cleanhealth-focused design
=========================================== */
.nutrieffect-ad {
background: linear-gradient(135deg#f0fdf4 0%#dcfce7 100%);
border-radius: 16px;
padding: 32px 40px;
margin: 30px 0;
border: 2px solid #86efac;
box-shadow: 0 4px 20px rgba(34197940.15);
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
overflow: hidden;
}
.nutrieffect-ad::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg#22c55e#16a34a);
}
.nutrieffect-ad .ne-content {
flex: 1;
padding-right: 30px;
}
.nutrieffect-ad .ne-badge {
display: inline-block;
background: rgba(34197940.2);
color: #15803d;
font-size: 11px;
font-weight: 600;
padding: 5px 14px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 16px;
}
.nutrieffect-ad .ne-headline {
font-size: 26px;
color: #14532d;
margin: 0 0 8px 0;
font-weight: 700;
line-height: 1.2;
font-family: 'Inter''Montserrat'sans-serif;
}
.nutrieffect-ad .ne-subheadline {
font-size: 15px;
color: #166534;
margin: 0 0 24px 0;
line-height: 1.5;
}
.nutrieffect-ad .ne-features {
display: flex;
gap: 20px;
margin-bottom: 24px;
flex-wrap: wrap;
}
.nutrieffect-ad .ne-feature {
display: flex;
align-items: center;
gap: 8px;
}
.nutrieffect-ad .ne-feature-icon {
width: 22px;
height: 22px;
background: #22c55e;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 12px;
font-weight: bold;
}
.nutrieffect-ad .ne-feature-text {
color: #166534;
font-size: 14px;
font-weight: 500;
}
.nutrieffect-ad .ne-cta {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg#22c55e 0%#16a34a 100%);
color: white;
font-weight: 700;
font-size: 14px;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
}
.nutrieffect-ad .ne-cta:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(34197940.4);
}
.nutrieffect-ad .ne-image {
flex: 0 0 180px;
text-align: center;
}
.nutrieffect-ad .ne-image img {
max-width: 100%;
height: auto;
filter: drop-shadow(0 10px 20px rgba(0,0,0,0.15));
}
.nutrieffect-ad .ne-tagline {
font-size: 12px;
color: #15803d;
font-: italic;
margin-top: 12px;
}
/* Mobile responsiveness for nutriEffect */
@media (max-width: 768px) {
.nutrieffect-ad {
flex-direction: column;
padding: 24px;
}
.nutrieffect-ad .ne-content {
padding-right: 0;
text-align: center;
}
.nutrieffect-ad .ne-features {
justify-content: center;
}
.nutrieffect-ad .ne-image {
order: -1;
margin-bottom: 20px;
}
}
/* ===========================================
ZEAL PET: Premium Natural Pet Food Ad
Warmnatural design with orange/amber tones
=========================================== */
.zealpet-ad {
background: linear-gradient(135deg#FFFBEB 0%#FEF3C7 100%);
border-radius: 16px;
padding: 32px 40px;
margin: 30px 0;
border: 2px solid #FCD34D;
box-shadow: 0 4px 20px rgba(21711960.15);
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
overflow: hidden;
}
.zealpet-ad::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg#D97706#F59E0B);
}
.zealpet-ad .zp-content {
flex: 1;
padding-right: 30px;
}
.zealpet-ad .zp-badge {
display: inline-block;
background: rgba(21711960.2);
color: #92400E;
font-size: 11px;
font-weight: 600;
padding: 5px 14px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 16px;
}
.zealpet-ad .zp-headline {
font-size: 26px;
color: #78350F;
margin: 0 0 8px 0;
font-weight: 700;
line-height: 1.2;
font-family: 'Inter''Montserrat'sans-serif;
}
.zealpet-ad .zp-subheadline {
font-size: 15px;
color: #92400E;
margin: 0 0 24px 0;
line-height: 1.5;
}
.zealpet-ad .zp-features {
display: flex;
gap: 20px;
margin-bottom: 24px;
flex-wrap: wrap;
}
.zealpet-ad .zp-feature {
display: flex;
align-items: center;
gap: 8px;
}
.zealpet-ad .zp-feature-icon {
width: 22px;
height: 22px;
background: #D97706;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 12px;
font-weight: bold;
}
.zealpet-ad .zp-feature-text {
color: #92400E;
font-size: 14px;
font-weight: 500;
}
.zealpet-ad .zp-cta {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg#D97706 0%#F59E0B 100%);
color: white;
font-weight: 700;
font-size: 14px;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
}
.zealpet-ad .zp-cta:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(21711960.4);
}
.zealpet-ad .zp-image {
flex: 0 0 180px;
text-align: center;
}
.zealpet-ad .zp-image img {
max-width: 100%;
height: auto;
filter: drop-shadow(0 10px 20px rgba(0,0,0,0.15));
}
.zealpet-ad .zp-tagline {
font-size: 12px;
color: #92400E;
font-: italic;
margin-top: 12px;
}
/* Mobile responsiveness for ZEAL PET */
@media (max-width: 768px) {
.zealpet-ad {
flex-direction: column;
padding: 24px;
}
.zealpet-ad .zp-content {
padding-right: 0;
text-align: center;
}
.zealpet-ad .zp-features {
justify-content: center;
}
.zealpet-ad .zp-image {
order: -1;
margin-bottom: 20px;
}
}
/* ===========================================
A1SUPPLEMENTS: Sports Nutrition Ad
Boldenergetic design with red/black theme
=========================================== */
.a1supplements-ad {
background: linear-gradient(135deg#FEF2F2 0%#FEE2E2 100%);
border-radius: 16px;
padding: 32px 40px;
margin: 30px 0;
border: 2px solid #FCA5A5;
box-shadow: 0 4px 20px rgba(22038380.15);
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
overflow: hidden;
}
.a1supplements-ad::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg#DC2626#B91C1C);
}
.a1supplements-ad .a1-content {
flex: 1;
padding-right: 30px;
}
.a1supplements-ad .a1-badge {
display: inline-block;
background: rgba(22038380.2);
color: #991B1B;
font-size: 11px;
font-weight: 600;
padding: 5px 14px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 16px;
}
.a1supplements-ad .a1-headline {
font-size: 26px;
color: #1F2937;
margin: 0 0 8px 0;
font-weight: 700;
line-height: 1.2;
font-family: 'Inter''Montserrat'sans-serif;
}
.a1supplements-ad .a1-subheadline {
font-size: 15px;
color: #4B5563;
margin: 0 0 24px 0;
line-height: 1.5;
}
.a1supplements-ad .a1-features {
display: flex;
gap: 20px;
margin-bottom: 24px;
flex-wrap: wrap;
}
.a1supplements-ad .a1-feature {
display: flex;
align-items: center;
gap: 8px;
}
.a1supplements-ad .a1-feature-icon {
width: 22px;
height: 22px;
background: #DC2626;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 12px;
font-weight: bold;
}
.a1supplements-ad .a1-feature-text {
color: #4B5563;
font-size: 14px;
font-weight: 500;
}
.a1supplements-ad .a1-cta {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg#DC2626 0%#B91C1C 100%);
color: white;
font-weight: 700;
font-size: 14px;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
}
.a1supplements-ad .a1-cta:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(22038380.4);
}
.a1supplements-ad .a1-image {
flex: 0 0 180px;
text-align: center;
}
.a1supplements-ad .a1-image img {
max-width: 100%;
height: auto;
filter: drop-shadow(0 10px 20px rgba(0,0,0,0.15));
}
.a1supplements-ad .a1-tagline {
font-size: 12px;
color: #6B7280;
font-: italic;
margin-top: 12px;
}
/* Mobile responsiveness for A1Supplements */
@media (max-width: 768px) {
.a1supplements-ad {
flex-direction: column;
padding: 24px;
}
.a1supplements-ad .a1-content {
padding-right: 0;
text-align: center;
}
.a1supplements-ad .a1-features {
justify-content: center;
}
.a1supplements-ad .a1-image {
order: -1;
margin-bottom: 20px;
}
}
/* ===========================================
RAGE FITNESS: Premium Fitness Gear Ad
Boldenergetic design with dark/red theme
=========================================== */
.ragefitness-ad {
background: linear-gradient(135deg#1F2937 0%#111827 100%);
border-radius: 16px;
padding: 32px 40px;
margin: 30px 0;
border: 2px solid #374151;
box-shadow: 0 4px 20px rgba(0000.3);
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
overflow: hidden;
}
.ragefitness-ad::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg#DC2626#B91C1C);
}
.ragefitness-ad .rf-content {
flex: 1;
padding-right: 30px;
}
.ragefitness-ad .rf-badge {
display: inline-block;
background: rgba(22038380.3);
color: #FCA5A5;
font-size: 11px;
font-weight: 600;
padding: 5px 14px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 16px;
}
.ragefitness-ad .rf-headline {
font-size: 26px;
color: #FFFFFF;
margin: 0 0 8px 0;
font-weight: 700;
line-height: 1.2;
font-family: 'Inter''Montserrat'sans-serif;
}
.ragefitness-ad .rf-subheadline {
font-size: 15px;
color: #9CA3AF;
margin: 0 0 24px 0;
line-height: 1.5;
}
.ragefitness-ad .rf-features {
display: flex;
gap: 20px;
margin-bottom: 24px;
flex-wrap: wrap;
}
.ragefitness-ad .rf-feature {
display: flex;
align-items: center;
gap: 8px;
}
.ragefitness-ad .rf-feature-icon {
width: 22px;
height: 22px;
background: #DC2626;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 12px;
font-weight: bold;
}
.ragefitness-ad .rf-feature-text {
color: #D1D5DB;
font-size: 14px;
font-weight: 500;
}
.ragefitness-ad .rf-cta {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg#DC2626 0%#B91C1C 100%);
color: white;
font-weight: 700;
font-size: 14px;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
}
.ragefitness-ad .rf-cta:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(22038380.5);
}
.ragefitness-ad .rf-image {
flex: 0 0 180px;
text-align: center;
}
.ragefitness-ad .rf-image img {
max-width: 100%;
height: auto;
filter: drop-shadow(0 10px 20px rgba(0,0,0,0.3));
}
.ragefitness-ad .rf-tagline {
font-size: 12px;
color: #6B7280;
font-: italic;
margin-top: 12px;
}
/* Mobile responsiveness for Rage Fitness */
@media (max-width: 768px) {
.ragefitness-ad {
flex-direction: column;
padding: 24px;
}
.ragefitness-ad .rf-content {
padding-right: 0;
text-align: center;
}
.ragefitness-ad .rf-features {
justify-content: center;
}
.ragefitness-ad .rf-image {
order: -1;
margin-bottom: 20px;
}
}
1 serving (50 grams) contains 150 calories3.0 grams of protein7.0 grams of fatand 20.0 grams of carbohydrates.
🧬 Science-Backed Nutrition
Be Healthy Without Effort
Science-backed supplements for performancewellnessand longevity.
✓
pH Balance Support
✓
Made in USA
✓
Science-Backed
Shop Supplements →
Optimize your body chemistry naturally
Nutrition Information
1 cup (237.0g)
710.9
Total Fat
33.2 g
42%
Saturated Fat
7.1 g
35%
Polyunsaturated Fat
0 g
Cholesterol
0 mg
0%
Sodium
710.9 mg
30%
Total Carbohydrates
94.8 g
34%
Dietary Fiber
4.7 g
16%
Sugars
0 g
protein
14.2 g
28%
Vitamin D
0 mcg
0%
Calcium
47.4 mg
3%
Iron
2.4 mg
13%
Potassium
142.2 mg
3%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.
Source of Calories
Fat: 298 cal (40.7%)
Protein: 56 cal (7.7%)
Carbs: 379 cal (51.6%)
About Poori
Pooria traditional Indian breadoriginates from South Asian cuisine and is commonly served during festive or celebratory meals. Made from unleavened whole wheat flour doughit is rolled into small discs and deep-fried until golden and puffed. Poori is calorically denseprimarily due to its high-fat content from frying. Nutritionallyit offers moderate protein (6g per serving)carbohydrates (40g)and dietary fiber (2g)along with trace amounts of calcium (20mg) and iron (1mg). While it is a comforting addition to mealsPoori does not provide significant vitamins such as C or Dand is often considered more indulgent than nutritive. It pairs with spicy currieschutneysor lentil-based dishes in traditional settings.
Health Benefits
Provides quick energy due to its high carbohydrate content (40g per serving).
Contains 1mg of ironwhich supports oxygen transport in the blood and combats fatigue.
Includes dietary fiber (2g per serving) that may aid digestion and reduce constipation.
Dietary Considerations
Allergens: Contains gluten
Suitable for: Vegetarian
Not suitable for: Gluten-freevegan (if made with dairy or ghee)
Selection and Storage
Poori is best consumed fresh but can be stored for up to 1 day in an airtight container. Reheat briefly in an oven or skillet for optimal texture. Avoid refrigeration as it may make them chewy.
Common Questions About Poori Nutrition
Is Poori high in protein?
Poori contains about 6 grams of protein per servingwhich is moderate compared to high-protein foods like eggs or lentils. It can contribute to your daily protein intake but is not considered a primary source of protein.
Can I eat Poori on a keto diet?
Poori is not suitable for a keto diet due to its high carbohydrate contentwhich is around 40 grams per serving. Keto diets emphasize very low carb intaketypically under 50 grams per day.
Are there any health concerns with eating Poori?
Poori is deep-friedmaking it high in fat (14 grams per serving) and calories (300 calories). Regular consumption can contribute to weight gain and increased cholesterol levels if not balanced with lower-fat meals and regular exercise.
What is the recommended serving size for Poori?
A typical serving size for Poori is 2 pieceswhich amounts to approximately 300 calories. Pair Poori with a vegetable currydalor yogurt for a balanced meal.
How does Poori compare to chapati?
Poori is higher in calories (300 vs. around 100 for chapati) and fat due to its frying process. Chapati is a healthier option for those seeking lower calorie and fat contentas it is typically made without oil.
Data Sources & Scientific References
Our nutrition data comes from trustedauthoritative sources to ensure accuracy and reliability.
Below are specific scientific references and authoritative sources for this food item.
Whole Grains and Their Benefits to Health
Harvard T.H. Chan School of Public Health
A reliable source discussing the benefits of whole grainswhich are key in making pooripromoting better digestion and metabolic health.
Dietary Guidelines for Americans 2020-2025
U.S. Department of Agriculture and Department of Health and Human Services
This report outlines guidelines for refined and whole grainswhich are relevant to poori depending on the flour used.
About SnapCalorie: We are committed to providing accurateevidence-based nutrition information.
Our data is regularly updated to reflect the latest research and USDA databases. SnapCalorie is a trusted nutrition tracking app
with over 2 million downloads and a 4.8/5 star rating.
×
Get the fastest way to track what you eat!
Scan with your phone camera
