Men's Offers

About

Buy Any 3 Underwear @819 Buy Any 5 Thongs @839 Buy Any 5 Underwear @1019 --> /* MOBILE FIRST - BASE STYLES */ .container { max-width:100%; margin:0; padding:16px; } .container-wide { padding:16px 12px; } /* HERO - MOBILE OPTIMIZED */ .hero { background: linear-gradient(135deg, #0e0d06, rgb(49 124 11)); /*min-height:100vh; */ display:flex; flex-direction:column; align-items:center; justify-content:center; color:white; text-align:center; position:relative; padding:50px 20px; border-radius: 32px; } .hero::before { content:''; position:absolute; inset:0; background:linear-gradient(45deg,rgba(16,185,129,0.4),rgba(245,158,11,0.4)); } .hero-content { position:relative; z-index:2; width:100%; } .hero-badge { background: linear-gradient(135deg,#ef4444,#dc2626); color: white; padding: 19px 30px; border-radius: 10px; font-size: 25px; font-weight: 900; margin-bottom: 24px; display: inline-block; line-height: 1.9; box-shadow: 0 12px 32px rgba(239,68,68,0.4); animation: pulse-glow 2s infinite; } @keyframes pulse-glow { 0%,100%{ box-shadow:0 12px 32px rgba(239,68,68,0.4); } 50%{ box-shadow:0 20px 48px rgba(239,68,68,0.6); transform:scale(1.02); } } .hero-h1 { font-size: clamp(32px,8vw,48px); font-weight: 900; margin: 20px 0 20px 0; line-height: 1.2; letter-spacing: -0.02em; color: #fff; } .hero-p { font-size:clamp(16px,4vw,20px); margin:0 0 32px 0; opacity:0.95; } .cta-button { display:inline-block; background:linear-gradient(135deg,#ef4444,#dc2626); color:#fff!important; padding:16px 40px; font-size:18px; font-weight:900; border-radius:40px; text-decoration:none; box-shadow:0 16px 48px rgba(239,68,68,0.4); transition:all 0.3s ease; } .cta-button:hover, .cta-button:active { transform:translateY(-2px); box-shadow:0 24px 64px rgba(239,68,68,0.5); } /* SECTIONS - MOBILE FIRST */ .section { padding:80px 0; } .section-reverse { background:#f8fafc; } .section-header { text-align:center; margin-bottom:60px; } .section-title { font-size:clamp(28px,7vw,40px); font-weight:900; color:#1e293b