/* ============================================================
   Snehal Creation - static-page + landing-page styles
   assets/css/snehal-landing.css
   Static-page TEMPLATE ke <head> me SABSE AAKHRI stylesheet ke roop me link:
     <link rel="stylesheet" href="https://www.snehalcreation.com/assets/css/snehal-landing.css">
   Isme 2 hisse hain:
     [A] SITE styles - pehle template ke inline <style> me the (yahan move kiye)
     [B] LANDING skin - .sc-* classes (Bootstrap grid ke saath)
   ORDER important: [A] pehle, [B] baad me (taaki .sc-lp overrides jeet sakein).
   ============================================================ */

/* ============================================================
   [A] SITE STYLES  (template inline <style> se yahan move)
   ============================================================ */
.new-tag-div{
  margin-top:0;min-width:36px;min-height:34px;
  background-image:url('https://www.snehalcreation.com/assets/images/new-tag.png');
  background-position:left;background-repeat:no-repeat;position:absolute;z-index:1;
}
.btn_enquiry{width:100%;padding:8px 0;margin-bottom:10px;font-size:16px;font-weight:bold;}

.enquiry_btn .row p{text-align:justify}
.enquiry_btn p{text-align:justify}
.enquiry_btn ul{list-style:none;padding-left:20px;text-align:left;}
.enquiry_btn ol{padding-left:20px;text-align:left;}
.enquiry_btn li{padding-left:20px;margin-bottom:12px;position:relative;}
.enquiry_btn ul li:before{content:"\2713";position:absolute;left:0;color:#4CAF50;font-weight:bold;}
.enquiry_btn ul ul li{padding-left:20px;margin-bottom:12px;position:relative;}
.enquiry_btn ul ul li:before{content:"\2605";position:absolute;padding-left:0;}

#quickModal2 .modal-dialog{max-width:50%;}
#quickModal2{padding-right:0 !important;}
@media only screen and (max-width:600px){#quickModal2 .modal-dialog{max-width:100%;}}

/* Size Chart table */
.size-chart-table{width:100%;border-collapse:collapse;margin:30px 0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08);}
.size-chart-table thead{background:linear-gradient(135deg,#d4504f 0%,#b93d39 100%);color:#fff;}
.size-chart-table th{padding:16px 12px;text-align:center;font-weight:600;font-size:13px;border-right:1px solid rgba(255,255,255,0.2);}
.size-chart-table th:last-child{border-right:none;}
.size-code{display:block;font-size:11px;font-weight:400;opacity:.9;margin-top:4px;}
.size-chart-table td{padding:14px 12px;text-align:center;border-bottom:1px solid #f0f0f0;font-size:14px;}
.size-chart-table td:first-child{text-align:left;padding-left:16px;background:#fafafa;font-weight:500;}
.measurement-desc{display:block;font-size:12px;color:#999;font-weight:400;margin-top:4px;}
.size-chart-table tbody tr:hover{background:#f5f5f5;}
.section-divider td{background:#f0f0f0;font-weight:600;padding:12px 16px !important;text-align:left;border-bottom:2px solid #d4504f;}
.size-note{background:#fff5f3;border-left:4px solid #d4504f;padding:12px 16px !important;border-radius:4px;margin:20px 0;font-size:13px;}
.size-note a{color:#d4504f;text-decoration:none;font-weight:600;}
.size-note-box{background:#f0f8ff;border-left:4px solid #2196F3;padding:16px;border-radius:4px;margin:30px 0;font-size:13px;color:#333;}
.size-note-box p{margin:0;line-height:1.6;}
@media (max-width:768px){
  .size-chart-table{font-size:12px;}
  .size-chart-table th,.size-chart-table td{padding:10px 6px;}
  .size-code{font-size:10px;}
  .measurement-desc{font-size:11px;}
}
@media (max-width:480px){
  .size-chart-table{display:block;overflow-x:auto;white-space:nowrap;}
  .size-chart-table td:first-child{min-width:120px;}
}

/* Back-to-top (Gallabox WA button ke upar) - body ke inline <style> se move */
#site-scroll{bottom:95px !important;right:20px !important;z-index:99998 !important;}
@media (max-width:767px){#site-scroll{bottom:88px !important;right:14px !important;}}

/* ============================================================
   [B] LANDING SKIN  (.sc-* classes; Bootstrap 5 grid ke saath)
   Har landing page ka content <div class="sc-lp"> ... </div> me wrap ho.
   ============================================================ */

/* theme (.enquiry_btn) ka asar landing content ke andar neutralise */
.sc-lp p{text-align:left}
.sc-lp ul{list-style:none;margin:0;padding:0}
.sc-lp .sc-list li{position:relative;padding-left:24px;margin-bottom:10px}
.sc-lp .sc-list li::before{content:'';position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:50%;background:#0f6e56}
.sc-lp .sc-list-brand li::before{background:#A4133C}

.sc-narrow{max-width:680px;margin-left:auto;margin-right:auto}

/* hero / final colour bands */
.sc-hero{background:radial-gradient(900px 500px at 15% -10%,#d11f54 0%,transparent 55%),linear-gradient(135deg,#A4133C,#5c0a22)}
.sc-final{background:linear-gradient(135deg,#A4133C,#6e0a26)}
.sc-hero p,.sc-final p{text-align:center}
.sc-eyebrow{display:inline-block;background:rgba(255,255,255,.16);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}

/* buttons */
.sc-btn{display:inline-block;font-weight:700;padding:13px 26px;border-radius:12px;text-decoration:none;border:2px solid transparent;transition:transform .12s,box-shadow .18s}
.sc-btn:hover{transform:translateY(-2px)}
.sc-btn-solid{background:linear-gradient(135deg,#C9184A,#A4133C);color:#fff !important;box-shadow:0 12px 26px rgba(201,24,74,.30)}
.sc-btn-ghost{background:#fff;color:#A4133C !important;border-color:#A4133C}
.sc-hero .sc-btn-ghost,.sc-final .sc-btn-ghost{border-color:#fff}

/* cards + bits */
.sc-card{background:#fff;border:1px solid #e9edeb;border-radius:16px}
.sc-card-accent{border:2px solid #A4133C;box-shadow:0 16px 40px rgba(164,19,60,.12)}
.sc-badge{display:inline-block;background:#A4133C;color:#fff;font-size:12px;font-weight:700;padding:4px 14px;border-radius:20px}
.sc-moq{color:#A4133C;background:#FBE4EA;border-radius:8px;font-weight:700;padding:8px 12px;text-align:center}
.sc-num{width:38px;height:38px;background:#A4133C;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800}
.sc-usp-ic{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#FBE4EA;color:#A4133C;font-size:22px}
/* USP card icons - poori tarah CSS se (HTML me koi <i> tag nahi) */
.sc-usp-card::before{content:"\f111";font-family:'FontAwesome';font-style:normal;font-weight:normal;font-size:22px;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#FBE4EA;color:#A4133C;margin:0 auto 12px}
.sc-usp-cubes::before{content:"\f1b3"}
.sc-usp-tag::before{content:"\f02b"}
.sc-usp-clock::before{content:"\f017"}
.sc-usp-cart::before{content:"\f07a"}
.sc-callout{background:linear-gradient(135deg,#fff5f8,#fde3ea);border:1px solid #f4d3dc;border-left:6px solid #A4133C;border-radius:16px;box-shadow:0 10px 30px rgba(164,19,60,.12)}
.sc-callout h3::before{content:"\f005";font-family:'FontAwesome';font-style:normal;font-weight:normal;color:#A4133C;margin-right:8px;font-size:.82em;vertical-align:middle}
.sc-note{background:#FBE4EA;border-radius:10px}
.sc-text-brand{color:#A4133C !important}
.sc-muted{color:#5f6f6a}
.sc-rule{width:70px;height:3px;background:#A4133C;border-radius:2px;margin:12px auto 0}

/* FAQ: apne override HATAYE - site ka global .faq-item style (dusre pages jaisa)
   apne aap apply hoga (grey box, red left-border, red question, sahi padding).
   Sirf text-align .sc-lp p se already left hai. */