/* ============================================================
   PLAY TONIGHT – MAIN STYLESHEET
   Sections: Hero, Stats, Intro, Banner, Benefits,
             Testimonials, Product, Ingredients, Table,
             Extracts, Footer
   ============================================================ */

/* ===== RESET & BASE ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; background: #fdf8f0; }

/* ===== HERO SECTION ===== */
.hero {
  position: relative;
  background: linear-gradient(160deg, #0a0a2e 0%, #1a1a5e 60%, #2d1b00 100%);
  min-height: 100vh;
  overflow: hidden;
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 30% 50%, rgba(212,175,55,0.15) 0%, transparent 60%);
  z-index: 0;
}
.hero-bg { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 0; opacity: 0.35; }
.hero-content { position: relative; z-index: 1; padding: 40px 60px; max-width: 1280px; }
.hero-title { font-family: 'Bebas Neue', sans-serif; font-size: 70px; color: #fff; text-transform: uppercase; letter-spacing: 2px; line-height: 1.1; margin-top: 20px; text-shadow: 0 2px 12px rgba(212,175,55,0.3); }
.hero-sub { color: #d4af37; font-size: 22px; letter-spacing: 1px; margin-top: 8px; }
.hero-badges { display: grid; grid-template-columns: repeat(3, 100px); gap: 16px; margin-top: 32px; }
.badge { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.badge img { width: 72px; height: 72px; object-fit: contain; filter: drop-shadow(0 2px 6px rgba(212,175,55,0.4)); }
.badge p { color: #e8d5a3; font-size: 14px; text-align: center; line-height: 1.3; }
.hero-cards { position: relative; z-index: 2; display: flex; justify-content: center; gap: 16px; background: linear-gradient(90deg, #0a0a2e, #1a1a5e, #0a0a2e); padding: 24px 16px; flex-wrap: wrap; border-top: 2px solid #d4af37; }
.hero-card { border: 2px solid #d4af37; padding: 16px; width: 23%; min-width: 200px; display: flex; flex-direction: column; gap: 12px; background: rgba(212,175,55,0.05); border-radius: 4px; transition: background 0.3s; }
.hero-card:hover { background: rgba(212,175,55,0.12); }
.hero-card h3 { color: #d4af37; font-size: 16px; font-weight: 700; text-align: center; letter-spacing: 1px; }
.hero-card-body { display: flex; align-items: center; gap: 10px; }
.hero-card-body img { width: 64px; height: 64px; object-fit: contain; }
.hero-card-body p { color: #e8d5a3; font-size: 13px; font-weight: 500; }

/* ===== STATS SECTION ===== */
.stats { background: #fdf8f0; padding: 60px 24px 40px; text-align: center; border-bottom: 3px solid #d4af37; }
.stats-header h2 { font-size: 52px; font-weight: 800; color: #0a0a2e; }
.stats-header h3 { font-size: 32px; font-weight: 600; color: #1a1a5e; margin-top: 16px; }
.stats-tagline { font-size: 22px; color: #7a5c00; margin-top: 8px; text-transform: uppercase; letter-spacing: 1px; }
.stats-desc { max-width: 760px; margin: 16px auto 0; font-size: 16px; color: #5a5a5a; line-height: 1.7; }
.stats-desc strong { color: #2d1b00; font-weight: 700; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 40px; max-width: 1100px; margin-left: auto; margin-right: auto; }
.stat-item { background: #fff; border-top: 4px solid #d4af37; padding: 24px 16px; border-radius: 8px; box-shadow: 0 2px 12px rgba(212,175,55,0.1); }
.stat-item h1 { font-size: 52px; font-weight: 800; color: #0a0a2e; }
.stat-item p { font-size: 15px; color: #6b6b6b; margin-top: 8px; line-height: 1.5; }

/* ===== INTRO SECTION ===== */
.intro { background: #fff; padding: 40px 24px; border-bottom: 2px solid #f0e6c8; }
.intro-grid { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 32px; max-width: 1200px; margin: 0 auto; }
.intro-text h2 { font-size: 26px; font-weight: 600; color: #0a0a2e; line-height: 1.4; }
.intro-text h3 { font-size: 24px; font-weight: 600; color: #0a0a2e; line-height: 1.4; }
.intro-text p { font-size: 18px; color: #4a4a4a; margin-top: 16px; line-height: 1.7; }
.intro-text:first-child { text-align: right; }
.intro-text:last-child { text-align: left; }
.intro-image img { width: 220px; height: auto; object-fit: contain; filter: drop-shadow(0 8px 24px rgba(212,175,55,0.25)); }
.intro-cta { text-align: center; margin-top: 40px; padding: 32px 16px; background: linear-gradient(135deg, #fdf8f0, #fff8e7); border-radius: 12px; border: 1px solid #e8d5a3; }
.intro-cta h2 { font-size: 32px; font-weight: 700; color: #0a0a2e; text-transform: uppercase; letter-spacing: 1px; }
.intro-cta p { font-size: 22px; color: #2d1b00; margin-top: 8px; }
.intro-safe { font-size: 16px !important; color: #7a5c00 !important; margin-top: 8px; font-style: italic; }

/* ===== BANNER BAR ===== */
.banner-bar { background: linear-gradient(90deg, #0a0a2e, #1a1a5e, #0a0a2e); padding: 20px 16px; display: flex; flex-wrap: wrap; justify-content: center; gap: 32px; border-top: 2px solid #d4af37; border-bottom: 2px solid #d4af37; }
.banner-bar span { color: #d4af37; font-size: 16px; font-weight: 600; letter-spacing: 1px; cursor: pointer; transition: color 0.2s, transform 0.2s; }
.banner-bar span:hover { color: #fff8dc; transform: scale(1.08); }

/* ===== CTA BANNER SECTION ===== */
.cta-banner { position: relative; background: linear-gradient(135deg, #0a0a2e 0%, #1a1a5e 50%, #2d1b00 100%); padding: 48px; display: flex; align-items: center; justify-content: space-between; overflow: hidden; }
.cta-banner::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 20% 50%, rgba(212,175,55,0.1) 0%, transparent 60%); }
.cta-content { max-width: 640px; color: #fff; position: relative; z-index: 1; }
.cta-content h2 { font-size: 26px; font-weight: 800; line-height: 1.3; color: #fff; }
.cta-content ul { margin: 16px 0 0 16px; font-size: 16px; color: #e8d5a3; }
.cta-desc { color: #d4af37; font-size: 18px; margin-top: 20px; line-height: 1.8; }
.cta-btn { margin-top: 24px; background: #d4af37; border: none; color: #0a0a2e; font-size: 16px; font-weight: 800; padding: 14px 40px; border-radius: 999px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; transition: background 0.2s, transform 0.2s; letter-spacing: 1px; }
.cta-btn:hover { background: #f0c93a; transform: scale(1.04); }
.cta-img { width: clamp(200px, 22vw, 380px); object-fit: contain; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); filter: drop-shadow(0 8px 32px rgba(212,175,55,0.3)); }

/* ===== BENEFITS SECTION ===== */
.benefits { background: linear-gradient(180deg, #fdf8f0 0%, #f5edd8 100%); padding: 60px 32px; border-top: 3px solid #d4af37; }
.benefits-inner { display: flex; align-items: flex-start; gap: 40px; max-width: 1200px; margin: 0 auto; flex-wrap: wrap; }
.benefits-text { flex: 1; min-width: 280px; }
.benefits-text h2 { font-size: 32px; font-weight: 800; color: #0a0a2e; line-height: 1.3; }
.benefits-text p { font-size: 20px; color: #5a4a2a; margin-top: 20px; line-height: 1.8; }
.benefits-images { position: relative; flex: 1; min-width: 260px; min-height: 320px; }
.prod-img { width: 100%; height: 100%; display: block; object-fit: contain; filter: drop-shadow(0 8px 24px rgba(212,175,55,0.2)); }
.benefits-points { max-width: 1200px; margin: 40px auto 0; display: flex; flex-direction: column; gap: 24px; padding: 0 16px; }
.point { display: flex; align-items: center; gap: 24px; background: #fff; padding: 20px 24px; border-radius: 12px; border-left: 5px solid #d4af37; box-shadow: 0 2px 12px rgba(0,0,0,0.06); }
.point-num { background: linear-gradient(135deg, #0a0a2e, #1a1a5e); color: #d4af37; font-size: 40px; font-weight: 800; border-radius: 50%; width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 2px solid #d4af37; }
.point p { font-size: 20px; color: #1a1a1a; line-height: 1.5; }
.benefits-footer { text-align: center; margin-top: 40px; padding: 24px 16px; background: linear-gradient(135deg, #0a0a2e, #1a1a5e); border-radius: 12px; border: 1px solid #d4af37; }
.benefits-footer p { font-size: 18px; font-weight: 600; color: #d4af37; text-transform: uppercase; letter-spacing: 1px; line-height: 1.8; }

/* ===== TESTIMONIALS SECTION ===== */
.testimonials { background: linear-gradient(180deg, #0a0a2e 0%, #1a1a5e 100%); padding: 60px 24px; }
.test-header { text-align: center; margin-bottom: 40px; }
.test-header h2 { font-size: 32px; font-weight: 700; color: #d4af37; }
.test-header p { font-size: 16px; color: #a0a8c0; margin-top: 8px; }
.test-wrapper { display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; }
.test-nav { background: rgba(212,175,55,0.1); border: 2px solid #d4af37; font-size: 48px; font-weight: 700; color: #d4af37; cursor: pointer; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background 0.2s; line-height: 0; }
.test-nav:hover { background: rgba(212,175,55,0.25); }
.test-cards { display: flex; gap: 24px; flex-wrap: wrap; justify-content: center; }
.test-card { background: rgba(255,255,255,0.05); border: 1px solid #d4af37; padding: 24px; width: 300px; border-radius: 8px; backdrop-filter: blur(4px); transition: transform 0.3s, background 0.3s; }
.test-card:hover { transform: translateY(-4px); background: rgba(212,175,55,0.08); }
.test-top { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 16px; }
.test-top img { width: 56px; height: 56px; object-fit: cover; border-radius: 4px; flex-shrink: 0; border: 2px solid #d4af37; }
.test-top h4 { font-size: 16px; font-weight: 500; color: #e8d5a3; }
.stars { color: #d4af37; font-size: 18px; margin-top: 4px; letter-spacing: 2px; }
.test-card p { font-size: 13px; color: #c0c8d8; line-height: 1.6; }

/* ===== PRODUCT SECTION ===== */
.product { background: #fff; padding: 48px 32px; border-top: 3px solid #d4af37; }
.product-top { display: flex; align-items: flex-start; gap: 24px; max-width: 1200px; margin: 0 auto 40px; flex-wrap: wrap; }
.product-logo { width: 160px; height: 140px; object-fit: contain; flex-shrink: 0; }
.product-top h2 { font-size: 28px; font-weight: 700; color: #0a0a2e; line-height: 1.3; }
.product-top p { font-size: 18px; color: #4a4a4a; margin-top: 12px; line-height: 1.7; }
.product-features { background: linear-gradient(135deg, #0a0a2e 0%, #1a1a5e 50%, #2d1b00 100%); display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 40px 48px; flex-wrap: wrap; border-radius: 12px; border: 1px solid #d4af37; }
.product-left, .product-right { flex: 1; min-width: 200px; display: flex; flex-direction: column; gap: 40px; }
.product-left { text-align: right; }
.product-right { text-align: left; }
.product-left h3, .product-right h3 { font-size: 22px; font-weight: 600; color: #d4af37; }
.product-left p, .product-right p { font-size: 16px; color: #e8d5a3; margin-top: 4px; }
.product-center-img { width: 280px; height: auto; object-fit: contain; flex-shrink: 0; filter: drop-shadow(0 8px 32px rgba(212,175,55,0.3)); }

/* ===== KEY INGREDIENTS SECTION ===== */
.ingredients { background: #fdf8f0; padding: 48px 24px 0; text-align: center; }
.ingredients h2 { font-size: 36px; font-weight: 600; color: #0a0a2e; margin-bottom: 32px; position: relative; display: inline-block; }
.ingredients h2::after { content: ''; display: block; width: 60px; height: 3px; background: #d4af37; margin: 10px auto 0; border-radius: 2px; }
.ing-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; max-width: 1100px; margin: 0 auto; }
.ing-item { display: flex; flex-direction: column; align-items: center; background: #fff; border-radius: 12px; padding: 16px; border: 1px solid #e8d5a3; transition: transform 0.3s, box-shadow 0.3s; }
.ing-item:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(212,175,55,0.2); }
.ing-item img { width: 180px; height: 180px; object-fit: cover; border-radius: 8px; }
.ing-item p { margin-top: 12px; font-size: 16px; color: #2d1b00; font-weight: 500; text-align: center; }
.ing-strip { background: linear-gradient(135deg, #0a0a2e, #1a1a5e, #2d1b00); margin-top: 40px; padding: 40px 24px; text-align: center; border-top: 3px solid #d4af37; }
.ing-strip h4 { font-size: 26px; font-weight: 700; color: #d4af37; line-height: 1.4; }
.ing-strip p { font-size: 18px; color: rgba(255,255,255,0.7); margin-top: 8px; }

/* ===== TABLE SECTION ===== */
.table-section { background: #fff; padding: 60px 32px; border-top: 3px solid #d4af37; }
.table-section h2 { font-size: 36px; font-weight: 600; color: #0a0a2e; margin-bottom: 24px; }
.table-wrap { overflow-x: auto; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
table { width: 100%; border-collapse: collapse; table-layout: auto; }
thead tr th { background: linear-gradient(90deg, #0a0a2e, #1a1a5e); color: #d4af37; font-size: 16px; font-weight: 700; padding: 20px 16px; text-align: center; min-width: 140px; letter-spacing: 1px; }
tbody tr:nth-child(odd) td { background: #fdf8f0; }
tbody tr:nth-child(even) td { background: #fff; }
tbody tr:hover td { background: #fff8e7; }
tbody td { border-bottom: 1px solid #e8d5a3; padding: 18px 12px; text-align: center; font-size: 15px; color: #1a1a1a; font-weight: 500; }

/* ===== EXTRACTS SECTION ===== */
.extracts { background: linear-gradient(180deg, #fdf8f0 0%, #f5edd8 100%); padding: 60px 32px; }
.extracts h2 { font-size: 36px; font-weight: 700; color: #0a0a2e; margin-bottom: 32px; position: relative; display: inline-block; }
.extracts h2::after { content: ''; display: block; width: 60px; height: 3px; background: #d4af37; margin-top: 8px; border-radius: 2px; }
.extracts-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 1200px; margin: 0 auto; }
.extract-card { background: #fff; border: 1px solid #e8d5a3; border-radius: 16px; padding: 24px; box-shadow: 0 2px 8px rgba(212,175,55,0.08); transition: all 0.3s ease; border-left: 4px solid #d4af37; }
.extract-card:hover { background: #fdf8f0; border-color: #0a0a2e; box-shadow: 0 8px 24px rgba(0,0,0,0.1); transform: translateY(-4px); }
.extract-card h3 { font-size: 17px; font-weight: 700; color: #0a0a2e; margin-bottom: 12px; }
.extract-card h4 { font-size: 15px; font-weight: 600; color: #7a5c00; margin: 12px 0 8px; }
.extract-card ul { list-style: disc; padding-left: 20px; margin-bottom: 8px; }
.extract-card ul li { font-size: 14px; color: #3a3a3a; margin-bottom: 4px; line-height: 1.5; }

/* ===== FOOTER ===== */
.footer { background: linear-gradient(135deg, #0a0a2e, #1a1a1a); color: #fff; padding: 40px 24px; border-top: 3px solid #d4af37; }
.footer-inner { max-width: 1200px; margin: 0 auto; text-align: center; }
.footer-inner p { font-size: 15px; line-height: 1.8; margin-bottom: 20px; color: #a0a8c0; }
.footer-contact { display: flex; justify-content: center; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; font-size: 15px; }
.footer-contact span { display: flex; align-items: center; gap: 8px; color: #e8d5a3; }
.footer-contact img { width: 20px; height: 20px; }
.sep { color: #d4af37; }
.footer-inner a { color: #d4af37; text-decoration: none; font-size: 15px; }
.footer-inner a:hover { color: #f0c93a; text-decoration: underline; }

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .hero-title { font-size: 36px; }
  .hero-content { padding: 20px; }
  .hero-badges { grid-template-columns: repeat(3, 80px); }
  .hero-card { width: 100%; }
  .stats-header h2 { font-size: 28px; }
  .stats-header h3 { font-size: 20px; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .intro-grid { grid-template-columns: 1fr; text-align: center; }
  .intro-text:first-child { text-align: center; }
  .intro-image img { width: 160px; }
  .intro-cta h2 { font-size: 22px; }
  .cta-banner { flex-direction: column; padding: 32px 20px; }
  .cta-img { position: static; transform: none; width: 180px; margin-top: 24px; }
  .benefits-text h2 { font-size: 22px; }
  .point-num { width: 52px; height: 52px; font-size: 28px; }
  .point p { font-size: 16px; }
  .test-card { width: 100%; max-width: 360px; }
  .test-nav { display: none; }
  .product-features { flex-direction: column; padding: 24px 16px; }
  .product-left, .product-right { text-align: center; }
  .product-center-img { width: 200px; }
  .ing-grid { grid-template-columns: repeat(2, 1fr); }
  .ing-item img { width: 120px; height: 120px; }
  .ing-strip h4 { font-size: 18px; }
  .table-section h2 { font-size: 24px; }
  thead tr th, tbody td { font-size: 13px; padding: 12px 8px; }
  .extracts-grid { grid-template-columns: 1fr; }
  .extracts h2 { font-size: 24px; }
  .footer-contact { flex-direction: column; gap: 8px; }
  .sep { display: none; }
  .footer-inner p { font-size: 13px; }
}

/* ===== CHECKOUT PAGE ===== */
.co-header { background: linear-gradient(135deg, #0a0a2e 0%, #1a1a5e 60%, #2d1b00 100%); padding: 24px 32px; border-bottom: 3px solid #d4af37; display: flex; align-items: center; justify-content: space-between; }
.co-header h1 { font-family: 'Bebas Neue', sans-serif; font-size: 36px; color: #d4af37; letter-spacing: 2px; }
.co-header a { color: #e8d5a3; font-size: 14px; text-decoration: none; }
.co-header a:hover { color: #d4af37; }
.co-body { max-width: 1100px; margin: 40px auto; padding: 0 24px 60px; display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start; }
.section-title { font-size: 20px; font-weight: 700; color: #0a0a2e; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #d4af37; display: flex; align-items: center; gap: 10px; }
.section-title::before { content: ''; display: inline-block; width: 5px; height: 20px; background: #d4af37; border-radius: 3px; }
.form-card { background: #fff; border-radius: 12px; padding: 32px; box-shadow: 0 2px 12px rgba(0,0,0,0.07); border-top: 3px solid #d4af37; margin-bottom: 24px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-group { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.form-group label { font-size: 13px; font-weight: 600; color: #3a3a3a; }
.form-group input, .form-group select { padding: 11px 14px; border: 1.5px solid #e8d5a3; border-radius: 8px; font-size: 14px; font-family: 'Inter', sans-serif; background: #fdf8f0; color: #1a1a1a; outline: none; transition: border 0.2s; }
.form-group input:focus, .form-group select:focus { border-color: #d4af37; background: #fff; }
.shipping-options { display: flex; flex-direction: column; gap: 12px; }
.shipping-option { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border: 2px solid #e8d5a3; border-radius: 10px; cursor: pointer; transition: border 0.2s, background 0.2s; background: #fdf8f0; }
.shipping-option:hover, .shipping-option.active { border-color: #d4af37; background: #fff8e7; }
.shipping-option input[type="radio"] { accent-color: #d4af37; width: 18px; height: 18px; margin-right: 12px; flex-shrink: 0; }
.ship-info { flex: 1; }
.ship-info strong { font-size: 15px; color: #0a0a2e; display: block; }
.ship-info span { font-size: 13px; color: #7a5c00; }
.ship-price { font-size: 15px; font-weight: 700; color: #0a0a2e; }
.summary-card { background: #fff; border-radius: 12px; padding: 28px; box-shadow: 0 2px 12px rgba(0,0,0,0.07); border-top: 3px solid #d4af37; position: sticky; top: 24px; }
.cart-item { display: flex; align-items: center; gap: 14px; padding: 16px 0; border-bottom: 1px solid #f0e6c8; }
.cart-item img { width: 64px; height: 64px; object-fit: contain; border-radius: 8px; border: 1px solid #e8d5a3; background: #fdf8f0; padding: 4px; }
.cart-item-info { flex: 1; }
.cart-item-info p { font-size: 14px; font-weight: 600; color: #0a0a2e; line-height: 1.4; }
.qty-control { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.qty-btn { width: 28px; height: 28px; border: 1.5px solid #d4af37; background: #fff; border-radius: 6px; font-size: 16px; font-weight: 700; color: #0a0a2e; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s; }
.qty-btn:hover { background: #fff8e7; }
.qty-num { font-size: 15px; font-weight: 600; color: #0a0a2e; min-width: 20px; text-align: center; }
.cart-item-price { font-size: 15px; font-weight: 700; color: #0a0a2e; }
.discount-row { display: flex; gap: 10px; margin: 16px 0; }
.discount-row input { flex: 1; padding: 10px 14px; border: 1.5px solid #e8d5a3; border-radius: 8px; font-size: 14px; font-family: 'Inter', sans-serif; background: #fdf8f0; outline: none; }
.discount-row input:focus { border-color: #d4af37; }
.apply-btn { padding: 10px 20px; background: #0a0a2e; color: #d4af37; border: none; border-radius: 8px; font-size: 14px; font-weight: 700; cursor: pointer; transition: background 0.2s; }
.apply-btn:hover { background: #1a1a5e; }
.totals { margin-top: 16px; }
.total-row { display: flex; justify-content: space-between; font-size: 14px; color: #3a3a3a; padding: 7px 0; border-bottom: 1px solid #f0e6c8; }
.total-row:last-child { border-bottom: none; }
.total-row.grand { font-size: 18px; font-weight: 800; color: #0a0a2e; padding-top: 12px; }
.agree-row { display: flex; align-items: flex-start; gap: 10px; margin: 20px 0 16px; font-size: 13px; color: #3a3a3a; line-height: 1.6; }
.agree-row input[type="checkbox"] { accent-color: #d4af37; width: 16px; height: 16px; margin-top: 2px; flex-shrink: 0; }
.agree-row a { color: #0a0a2e; font-weight: 600; text-decoration: none; }
.place-order-btn { width: 100%; padding: 16px; background: linear-gradient(135deg, #d4af37, #f0c93a); color: #0a0a2e; border: none; border-radius: 10px; font-size: 17px; font-weight: 800; letter-spacing: 1px; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 4px 16px rgba(212,175,55,0.3); }
.place-order-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(212,175,55,0.4); }
.co-footer { background: linear-gradient(135deg, #0a0a2e, #1a1a1a); border-top: 3px solid #d4af37; padding: 20px 24px; text-align: center; }
.co-footer p { color: #a0a8c0; font-size: 13px; }
.co-footer a { color: #d4af37; text-decoration: none; }

/* ===== SHARED POLICY PAGE STYLES ===== */
.dis-header, .tc-header, .pp-header, .rp-header { background: linear-gradient(135deg, #0a0a2e 0%, #1a1a5e 60%, #2d1b00 100%); padding: 48px 24px; text-align: center; border-bottom: 3px solid #d4af37; }
.dis-header h1, .tc-header h1, .pp-header h1, .rp-header h1 { font-family: 'Bebas Neue', sans-serif; font-size: 56px; color: #d4af37; letter-spacing: 3px; }
.dis-header p, .tc-header p, .pp-header p, .rp-header p { color: #e8d5a3; font-size: 16px; margin-top: 8px; }
.dis-header a, .tc-header a, .pp-header a, .rp-header a { color: #d4af37; text-decoration: none; }
.dis-body, .tc-body, .pp-body, .rp-body { max-width: 900px; margin: 48px auto; padding: 0 24px 60px; }
.dis-intro, .tc-intro, .pp-intro, .rp-intro { background: #fff; border-left: 5px solid #d4af37; border-radius: 8px; padding: 24px 28px; margin-bottom: 32px; box-shadow: 0 2px 12px rgba(212,175,55,0.08); font-size: 16px; color: #3a3a3a; line-height: 1.8; }
.dis-intro a, .tc-intro a, .pp-intro a, .rp-intro a { color: #0a0a2e; font-weight: 600; text-decoration: none; }
.dis-section, .tc-section, .pp-section, .rp-section { background: #fff; border-radius: 12px; padding: 28px 32px; margin-bottom: 24px; box-shadow: 0 2px 10px rgba(0,0,0,0.06); border-top: 3px solid #d4af37; transition: box-shadow 0.3s; }
.dis-section:hover, .tc-section:hover, .pp-section:hover, .rp-section:hover { box-shadow: 0 6px 24px rgba(212,175,55,0.15); }
.dis-section h2, .tc-section h2, .pp-section h2, .rp-section h2 { font-size: 22px; font-weight: 700; color: #0a0a2e; margin-bottom: 14px; display: flex; align-items: center; gap: 10px; }
.dis-section h2::before, .tc-section h2::before, .pp-section h2::before, .rp-section h2::before { content: ''; display: inline-block; width: 6px; height: 22px; background: #d4af37; border-radius: 3px; flex-shrink: 0; }
.dis-section p, .tc-section p, .pp-section p, .rp-section p { font-size: 15px; color: #3a3a3a; line-height: 1.8; margin-bottom: 10px; }
.dis-section ul, .tc-section ul, .pp-section ul, .rp-section ul { list-style: none; padding: 0; margin-top: 8px; }
.dis-section ul li, .tc-section ul li, .pp-section ul li, .rp-section ul li { font-size: 15px; color: #3a3a3a; line-height: 1.8; padding: 6px 0 6px 24px; position: relative; border-bottom: 1px solid #f0e6c8; }
.dis-section ul li:last-child, .tc-section ul li:last-child, .pp-section ul li:last-child, .rp-section ul li:last-child { border-bottom: none; }
.dis-section ul li::before, .tc-section ul li::before, .pp-section ul li::before, .rp-section ul li::before { content: '✦'; position: absolute; left: 0; color: #d4af37; font-size: 12px; top: 9px; }
.dis-section a, .tc-section a, .pp-section a, .rp-section a { color: #0a0a2e; font-weight: 600; }
.note-box { background: #fff8e7; border: 1px solid #e8d5a3; border-left: 4px solid #d4af37; border-radius: 6px; padding: 14px 18px; margin-top: 14px; font-size: 14px; color: #5a4a2a; line-height: 1.7; }
.back-btn { display: inline-block; margin-top: 32px; background: #d4af37; color: #0a0a2e; font-weight: 700; font-size: 15px; padding: 12px 32px; border-radius: 999px; text-decoration: none; letter-spacing: 1px; transition: background 0.2s, transform 0.2s; }
.back-btn:hover { background: #f0c93a; transform: scale(1.04); }
.dis-footer, .tc-footer, .pp-footer, .rp-footer { background: linear-gradient(135deg, #0a0a2e, #1a1a1a); border-top: 3px solid #d4af37; padding: 28px 24px; text-align: center; }
.dis-footer p, .tc-footer p, .pp-footer p, .rp-footer p { color: #a0a8c0; font-size: 14px; line-height: 1.8; }
.dis-footer a, .tc-footer a, .pp-footer a, .rp-footer a { color: #d4af37; text-decoration: none; }
.dis-footer a:hover, .tc-footer a:hover, .pp-footer a:hover, .rp-footer a:hover { text-decoration: underline; }

@media (max-width: 768px) {
  .co-body { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .summary-card { position: static; }
  .dis-header h1, .tc-header h1, .pp-header h1, .rp-header h1 { font-size: 36px; }
  .dis-section, .tc-section, .pp-section, .rp-section { padding: 20px 18px; }
  .dis-section h2, .tc-section h2, .pp-section h2, .rp-section h2 { font-size: 18px; }
}