.elementor-188 .elementor-element.elementor-element-cb5d0a6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-6b4455b{--display:flex;}.elementor-188 .elementor-element.elementor-element-6b4455b:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-6b4455b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #5C0E24 0%, #FFFFFF 100%);}.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button,
							.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button,
							.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form .woocommerce #order_review button,
							.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small,
							.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon,
							.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button,
							.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button,
							.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button,
							.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn,
							body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{background-color:#FFD048;}.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button:hover,
							.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button:hover,
							.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form .woocommerce #order_review button:hover,
							.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small:hover,
							.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon:hover,
							.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button:hover,
							.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button:hover,
							.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button:hover,
							.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn:hover,
							body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn:hover{background-color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-850dc6a > .elementor-widget-container{background-color:#5C0E24;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;}.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form,
						.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form-modern-checkout,
						.cartflows_step-template .select2-container--default .select2-results__option--highlighted[aria-selected],
						.cartflows_step-template .select2-container--default .select2-results__option--highlighted[data-selected]{--wcf-primary-color:#000000;}.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row input.input-text:focus,
						.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row textarea:focus,
						.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review .wcf-custom-coupon-field input.input-text:focus{box-shadow:0 0 0 1px #000000;}.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-one.wcf-current:before,
						.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-two.wcf-current:before{background-color:#000000;}.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note:before{border-top-color:#000000;}.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button,
						.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note,
						.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon,
						.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form .woocommerce #order_review button,
						body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{background-color:#000000;border-color:#000000;}.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form,
						.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form-modern-checkout{--wcf-text-color:#FFFFFF;--wcf-link-color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-850dc6a .cartflows-elementor__checkout-form .wcf-embed-checkout-form{font-family:"Anek Bangla", Sans-serif;}.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form, .elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form-modern-checkout{--wcf-heading-color:#FFFFFF;--wcf-field-bg-color:#000000;--wcf-field-text-color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form .woocommerce-checkout, .elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form-modern-checkout{--wcf-field-label-color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form,
								.elementor-188 .elementor-element.elementor-element-850dc6a .wcf-embed-checkout-form-modern-checkout{--wcf-btn-text-color:#000000;--wcf-btn-hover-text-color:#000000;}body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{color:#000000;}body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn:hover{color:#000000;}@media(max-width:767px){.elementor-188 .elementor-element.elementor-element-6b4455b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-850dc6a > .elementor-widget-container{padding:10px 10px 10px 10px;}}/* Start custom CSS for checkout-form, class: .elementor-element-850dc6a */p#billing_country_field {
    display: none !important;
}

.wcf-embed-checkout-form .woocommerce form .wcf-shipping-method-options ul#shipping_method li label {
    color: #fff !important;
}

.wcf-embed-checkout-form .woocommerce form .wcf-shipping-method-options ul#shipping_method li input:checked::before {
    background-color: #fff !important;
    
}/* End custom CSS */
/* Start custom CSS */:root {
      --primary: #9f1239;
      --primary-dark: #701a75;
      --primary-light: #be123c;
      --accent: #f59e0b;
      --accent-hover: #d97706;
      --accent-red: #ef4444;
      --bg-light: #fdf8f9;
      --bg-card: #ffffff;
      --text-main: #1e293b;
      --text-muted: #64748b;
      --border-color: #f1d5dc;
      --gold: #d97706;
      --shadow-sm: 0 2px 8px rgba(159, 18, 57, 0.08);
      --shadow-md: 0 8px 24px rgba(159, 18, 57, 0.12);
      --shadow-lg: 0 16px 36px rgba(159, 18, 57, 0.16);
      --radius-sm: 8px;
      --radius-md: 14px;
      --radius-lg: 20px;
      --radius-full: 9999px;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: 'Hind Siliguri', sans-serif;
      background-color: var(--bg-light);
      color: var(--text-main);
      line-height: 1.6;
      overflow-x: hidden;
      padding-bottom: 70px;
    }

    @media (min-width: 768px) {
      body {
        padding-bottom: 0;
      }
    }

    .number-font {
      font-family: 'Outfit', sans-serif;
    }

    /* Container */
    .container {
      width: 100%;
      max-width: 1140px;
      margin: 0 auto;
      padding: 0 16px;
    }

    /* Top Announcement Bar */
    .top-bar {
      background: linear-gradient(90deg, #580d23 0%, #9f1239 50%, #580d23 100%);
      color: #ffffff;
      text-align: center;
      padding: 7px 12px;
      font-size: 13.5px;
      font-weight: 500;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      position: sticky;
      top: 0;
      z-index: 100;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    }
    .top-bar i {
      color: var(--accent);
      animation: pulse 1.5s infinite;
    }
    .top-bar a {
      color: #fef08a;
      text-decoration: none;
      font-weight: 700;
    }
    .top-bar-sep {
      opacity: 0.6;
    }

    /* Navigation Header */
    .header {
      background: #ffffff;
      border-bottom: 1px solid var(--border-color);
      padding: 10px 0;
      box-shadow: var(--shadow-sm);
      position: sticky;
      top: 35px;
      z-index: 90;
    }
    .header-inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
    }
    .logo {
      display: flex;
      align-items: center;
      gap: 10px;
      text-decoration: none;
      color: var(--primary-dark);
      flex-shrink: 0;
    }
    .logo-badge {
      width: 42px;
      height: 42px;
      background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 20px;
      box-shadow: 0 4px 12px rgba(159, 18, 57, 0.25);
      flex-shrink: 0;
    }
    .logo-text {
      font-size: 22px;
      font-weight: 800;
      letter-spacing: -0.5px;
      line-height: 1.1;
      font-family: 'Outfit', sans-serif;
    }
    .logo-text span {
      color: var(--accent);
    }
    .logo-sub {
      font-size: 11.5px;
      color: var(--text-muted);
      font-weight: 500;
      display: block;
      font-family: 'Hind Siliguri', sans-serif;
      line-height: 1.2;
    }
    .header-actions {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-shrink: 0;
    }
    .call-btn-header {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: #fdf2f4;
      color: #9f1239;
      border: 1px solid #fecdd3;
      padding: 7px 14px;
      border-radius: var(--radius-full);
      font-weight: 700;
      text-decoration: none;
      font-size: 14px;
      transition: all 0.3s ease;
      white-space: nowrap;
    }
    .call-btn-header:hover {
      background: #9f1239;
      color: #fff;
    }
    .header-order-btn {
      padding: 8px 18px !important;
      font-size: 15px !important;
      white-space: nowrap;
    }

    /* Mobile Header Responsive Rules */
    @media (max-width: 767px) {
      .top-bar {
        font-size: 12px;
        padding: 6px 10px;
        gap: 6px;
      }
      .top-bar-sep {
        display: none;
      }
      .header {
        padding: 8px 0;
      }
      .logo {
        gap: 8px;
      }
      .logo-badge {
        width: 36px;
        height: 36px;
        font-size: 17px;
        border-radius: 9px;
      }
      .logo-text {
        font-size: 18px;
      }
      .logo-sub {
        font-size: 10.5px;
      }
      .header-actions {
        gap: 8px;
      }
      .call-btn-header {
        padding: 6px 10px;
        font-size: 13px;
      }
      .header-order-btn {
        padding: 7px 14px !important;
        font-size: 13.5px !important;
      }
    }

    @media (max-width: 480px) {
      .top-bar {
        font-size: 11px;
        line-height: 1.35;
        padding: 5px 8px;
      }
      .top-bar-text {
        display: inline-block;
      }
      .logo-badge {
        width: 32px;
        height: 32px;
        font-size: 15px;
        border-radius: 8px;
      }
      .logo-text {
        font-size: 16px;
      }
      .logo-sub {
        display: none; /* Keeps mobile header ultra clean and single-line */
      }
      .call-btn-header .call-btn-text {
        display: none; /* Show phone icon on small mobile screens */
      }
      .call-btn-header {
        width: 34px;
        height: 34px;
        padding: 0;
        justify-content: center;
        border-radius: 50%;
      }
      .header-order-btn {
        padding: 6px 12px !important;
        font-size: 13px !important;
      }
    }

    /* Buttons */
    .btn-primary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
      color: #ffffff;
      font-size: 18px;
      font-weight: 700;
      padding: 14px 28px;
      border-radius: var(--radius-full);
      text-decoration: none;
      border: none;
      cursor: pointer;
      box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      position: relative;
      overflow: hidden;
    }
    .btn-primary:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 25px rgba(245, 158, 11, 0.55);
      color: #ffffff;
    }
    .btn-pulse {
      animation: pulse-shadow 2s infinite;
    }
    .btn-call-large {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      background: linear-gradient(135deg, #9f1239 0%, #701a75 100%);
      color: #ffffff;
      font-size: 17px;
      font-weight: 700;
      padding: 13px 26px;
      border-radius: var(--radius-full);
      text-decoration: none;
      box-shadow: 0 4px 16px rgba(159, 18, 57, 0.35);
      transition: all 0.3s ease;
    }
    .btn-call-large:hover {
      background: linear-gradient(135deg, #701a75 0%, #4a044e 100%);
      transform: translateY(-2px);
    }

    @keyframes pulse-shadow {
      0% {
        box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.7);
      }
      70% {
        box-shadow: 0 0 0 16px rgba(245, 158, 11, 0);
      }
      100% {
        box-shadow: 0 0 0 0 rgba(245, 158, 11, 0);
      }
    }

    /* Hero Section */
    .hero-section {
      background: radial-gradient(circle at top left, #fff1f2 0%, #ffffff 60%, #fef3c7 100%);
      padding: 40px 0 60px;
      position: relative;
    }
    .hero-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 36px;
      align-items: center;
    }
    @media (min-width: 992px) {
      .hero-grid {
        grid-template-columns: 1.15fr 0.85fr;
        gap: 48px;
      }
    }

    .hero-badge-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: #fdf2f4;
      color: #9f1239;
      border: 1px solid #fecdd3;
      padding: 6px 16px;
      border-radius: var(--radius-full);
      font-size: 15px;
      font-weight: 600;
      margin-bottom: 18px;
    }

    .hero-title {
      font-size: 30px;
      line-height: 1.3;
      font-weight: 800;
      color: #0f172a;
      margin-bottom: 16px;
    }
    .hero-title span {
      background: linear-gradient(120deg, #9f1239, #e11d48);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    @media (min-width: 768px) {
      .hero-title {
        font-size: 40px;
      }
    }

    .hero-subtitle {
      font-size: 18px;
      color: #334155;
      font-weight: 600;
      margin-bottom: 24px;
      border-left: 4px solid var(--primary);
      padding-left: 14px;
    }

    /* Quick Highlight Points */
    .hero-highlights {
      list-style: none;
      margin-bottom: 28px;
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
    }
    @media (min-width: 576px) {
      .hero-highlights {
        grid-template-columns: 1fr 1fr;
      }
    }
    .hero-highlights li {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 15px;
      font-weight: 600;
      color: #1e293b;
      background: #ffffff;
      padding: 10px 14px;
      border-radius: var(--radius-md);
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
      border: 1px solid #fce7f3;
    }
    .hero-highlights li i {
      color: #9f1239;
      font-size: 16px;
      flex-shrink: 0;
    }

    /* Price Tag & Timer in Hero */
    .hero-pricing-box {
      background: #ffffff;
      border: 2px dashed #f59e0b;
      border-radius: var(--radius-lg);
      padding: 20px;
      margin-bottom: 28px;
      box-shadow: var(--shadow-sm);
    }
    .price-flex {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 14px;
      margin-bottom: 12px;
    }
    .offer-tag {
      background: #ef4444;
      color: #ffffff;
      font-size: 13px;
      font-weight: 700;
      padding: 3px 10px;
      border-radius: var(--radius-full);
      text-transform: uppercase;
    }
    .current-price {
      font-size: 34px;
      font-weight: 800;
      color: var(--primary-dark);
      line-height: 1;
    }
    .old-price {
      font-size: 20px;
      text-decoration: line-through;
      color: #94a3b8;
      font-weight: 600;
    }
    .delivery-note {
      font-size: 14px;
      color: #64748b;
      font-weight: 500;
    }

    /* Countdown Timer */
    .timer-container {
      display: flex;
      align-items: center;
      gap: 10px;
      background: #fffbeb;
      padding: 10px 14px;
      border-radius: var(--radius-md);
      font-size: 14px;
      font-weight: 600;
      color: #92400e;
    }
    .timer-boxes {
      display: flex;
      gap: 6px;
      font-family: 'Outfit', sans-serif;
    }
    .timer-box {
      background: #d97706;
      color: #ffffff;
      padding: 3px 8px;
      border-radius: 6px;
      font-weight: 700;
      font-size: 15px;
      min-width: 32px;
      text-align: center;
    }

    .hero-cta-group {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
    }

    /* Hero Auto Slider Styling */
    .hero-slider-wrap {
      position: relative;
      background: #ffffff;
      border-radius: var(--radius-lg);
      padding: 16px;
      box-shadow: var(--shadow-lg);
      border: 1px solid var(--border-color);
    }
    .hero-slider {
      position: relative;
      width: 100%;
      aspect-ratio: 1/1;
      border-radius: var(--radius-md);
      overflow: hidden;
      background: #fff1f2;
    }
    .slider-track {
      display: flex;
      width: 100%;
      height: 100%;
      transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    }
    .slide-item {
      min-width: 100%;
      height: 100%;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fff1f2;
    }
    .slide-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      user-select: none;
    }

    /* Slider Controls */
    .slider-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.92);
      color: var(--primary-dark);
      border: 1px solid rgba(0, 0, 0, 0.08);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      cursor: pointer;
      z-index: 10;
      transition: all 0.3s ease;
      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    }
    .slider-btn:hover {
      background: var(--primary);
      color: #ffffff;
      transform: translateY(-50%) scale(1.1);
    }
    .slider-btn.prev {
      left: 12px;
    }
    .slider-btn.next {
      right: 12px;
    }

    /* Discount Badge */
    .discount-badge-circle {
      position: absolute;
      top: 14px;
      right: 14px;
      width: 70px;
      height: 70px;
      background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
      color: #ffffff;
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      font-size: 12px;
      box-shadow: 0 6px 16px rgba(239, 68, 68, 0.45);
      border: 2px solid #ffffff;
      line-height: 1.1;
      text-align: center;
      z-index: 5;
    }
    .discount-badge-circle strong {
      font-size: 17px;
      font-family: 'Outfit', sans-serif;
    }

    /* Slider Dots */
    .slider-dots {
      position: absolute;
      bottom: 12px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 7px;
      z-index: 10;
    }
    .slider-dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.7);
      border: 1px solid rgba(0, 0, 0, 0.2);
      cursor: pointer;
      transition: all 0.3s ease;
    }
    .slider-dot.active {
      background: var(--primary);
      width: 24px;
      border-radius: 6px;
      border-color: var(--primary);
    }

    /* Gallery Thumbnails */
    .slider-thumbs {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
      margin-top: 14px;
    }
    .slider-thumb {
      aspect-ratio: 1.2/1;
      border-radius: var(--radius-sm);
      overflow: hidden;
      cursor: pointer;
      border: 2px solid transparent;
      transition: all 0.2s ease;
      background: #fdf2f4;
    }
    .slider-thumb.active {
      border-color: var(--primary);
      box-shadow: 0 0 0 2px rgba(159, 18, 57, 0.25);
      transform: scale(0.97);
    }
    .slider-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* Section Headers */
    .section-title-wrap {
      text-align: center;
      max-width: 720px;
      margin: 0 auto 40px;
    }
    .section-pill {
      display: inline-block;
      background: #fdf2f4;
      color: #9f1239;
      font-weight: 700;
      font-size: 14px;
      padding: 4px 14px;
      border-radius: var(--radius-full);
      margin-bottom: 10px;
      border: 1px solid #fecdd3;
    }
    .section-heading {
      font-size: 28px;
      font-weight: 800;
      color: #0f172a;
      line-height: 1.35;
      margin-bottom: 12px;
    }
    @media (min-width: 768px) {
      .section-heading {
        font-size: 36px;
      }
    }
    .section-desc {
      font-size: 16px;
      color: #64748b;
      font-weight: 500;
    }

    /* Benefits Grid Section */
    .benefits-section {
      padding: 60px 0;
      background: #ffffff;
    }
    .benefits-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
    }
    @media (min-width: 768px) {
      .benefits-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (min-width: 992px) {
      .benefits-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }
    .benefit-card {
      background: #fdf8f9;
      border: 1px solid var(--border-color);
      border-radius: var(--radius-lg);
      padding: 26px 20px;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }
    .benefit-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 4px;
      background: linear-gradient(90deg, var(--primary), var(--accent));
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    .benefit-card:hover {
      transform: translateY(-5px);
      box-shadow: var(--shadow-md);
      background: #ffffff;
      border-color: #f472b6;
    }
    .benefit-card:hover::before {
      opacity: 1;
    }
    .benefit-icon-box {
      width: 58px;
      height: 58px;
      border-radius: 16px;
      background: linear-gradient(135deg, #ffe4e6 0%, #fecdd3 100%);
      color: #9f1239;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      margin-bottom: 18px;
      box-shadow: 0 4px 12px rgba(159, 18, 57, 0.15);
    }
    .benefit-title {
      font-size: 19px;
      font-weight: 700;
      color: #0f172a;
      margin-bottom: 8px;
      line-height: 1.4;
    }
    .benefit-desc {
      font-size: 15px;
      color: #64748b;
      line-height: 1.6;
    }

    /* Usage Rule Section */
    .usage-section {
      padding: 60px 0;
      background: linear-gradient(180deg, #fff1f2 0%, #fdf8f9 100%);
    }
    .usage-card {
      background: #ffffff;
      border-radius: var(--radius-lg);
      padding: 36px 24px;
      box-shadow: var(--shadow-md);
      border: 1px solid #fecdd3;
      display: grid;
      grid-template-columns: 1fr;
      gap: 30px;
      align-items: center;
    }
    @media (min-width: 992px) {
      .usage-card {
        grid-template-columns: 1fr 1fr;
        padding: 44px 36px;
      }
    }
    .usage-steps {
      display: flex;
      flex-direction: column;
      gap: 18px;
    }
    .step-item {
      display: flex;
      gap: 16px;
      align-items: flex-start;
    }
    .step-num {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: var(--primary);
      color: #ffffff;
      font-size: 16px;
      font-weight: 800;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-family: 'Outfit', sans-serif;
      box-shadow: 0 4px 10px rgba(159, 18, 57, 0.3);
    }
    .step-content h4 {
      font-size: 17px;
      font-weight: 700;
      color: #0f172a;
      margin-bottom: 4px;
    }
    .step-content p {
      font-size: 14px;
      color: #64748b;
    }
    .usage-badge-box {
      background: linear-gradient(135deg, #4c0519 0%, #9f1239 100%);
      color: #ffffff;
      padding: 30px;
      border-radius: var(--radius-lg);
      text-align: center;
    }
    .usage-badge-box i {
      font-size: 44px;
      color: var(--accent);
      margin-bottom: 14px;
    }
    .usage-badge-box h3 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 10px;
    }
    .usage-badge-box p {
      font-size: 15px;
      color: #ffe4e6;
    }

    /* Why Choose Us Section */
    .why-choose-section {
      padding: 60px 0;
      background: #ffffff;
    }
    .features-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
    }
    @media (min-width: 576px) {
      .features-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (min-width: 992px) {
      .features-grid {
        grid-template-columns: repeat(4, 1fr);
      }
    }
    .feature-box {
      background: #fdf8f9;
      border: 1px solid var(--border-color);
      border-radius: var(--radius-lg);
      padding: 24px 18px;
      text-align: center;
      transition: all 0.3s ease;
    }
    .feature-box:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-sm);
      border-color: #f472b6;
      background: #ffffff;
    }
    .feature-icon-wrap {
      width: 64px;
      height: 64px;
      margin: 0 auto 16px;
      border-radius: 50%;
      background: #fef3c7;
      color: #d97706;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
      box-shadow: 0 4px 12px rgba(217, 119, 6, 0.15);
    }
    .feature-box h4 {
      font-size: 17px;
      font-weight: 700;
      color: #0f172a;
      margin-bottom: 6px;
    }
    .feature-box p {
      font-size: 14px;
      color: #64748b;
    }

    /* Packages Selection */
    .pricing-section {
      padding: 60px 0;
      background: #fdf8f9;
    }
    .package-cards-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 24px;
      max-width: 980px;
      margin: 0 auto 40px;
    }
    @media (min-width: 768px) {
      .package-cards-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }
    .package-card {
      background: #ffffff;
      border: 2px solid #fce7f3;
      border-radius: var(--radius-lg);
      padding: 26px 20px;
      text-align: center;
      position: relative;
      cursor: pointer;
      transition: all 0.3s ease;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .package-card:hover {
      border-color: var(--primary);
      transform: translateY(-4px);
      box-shadow: var(--shadow-md);
    }
    .package-card.selected {
      border-color: var(--primary);
      background: #fff1f2;
      box-shadow: 0 8px 24px rgba(159, 18, 57, 0.15);
    }
    .popular-tag {
      position: absolute;
      top: -14px;
      left: 50%;
      transform: translateX(-50%);
      background: linear-gradient(135deg, #f59e0b, #d97706);
      color: #ffffff;
      font-size: 12px;
      font-weight: 700;
      padding: 3px 14px;
      border-radius: var(--radius-full);
      box-shadow: 0 3px 10px rgba(245, 158, 11, 0.4);
      white-space: nowrap;
    }
    .pkg-title {
      font-size: 19px;
      font-weight: 700;
      color: #0f172a;
      margin-top: 8px;
      margin-bottom: 8px;
    }
    .pkg-price {
      font-size: 32px;
      font-weight: 800;
      color: var(--primary-dark);
      margin-bottom: 6px;
    }
    .pkg-old {
      font-size: 16px;
      color: #94a3b8;
      text-decoration: line-through;
      margin-bottom: 12px;
    }
    .pkg-features {
      list-style: none;
      font-size: 14px;
      color: #475569;
      margin-bottom: 20px;
      text-align: left;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .pkg-features li {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .pkg-features li i {
      color: #10b981;
    }
    .pkg-select-btn {
      width: 100%;
      padding: 10px;
      border-radius: var(--radius-md);
      font-weight: 700;
      font-size: 15px;
      border: 1px solid var(--border-color);
      background: #ffffff;
      color: var(--primary-dark);
      cursor: pointer;
      transition: all 0.2s ease;
    }
    .package-card.selected .pkg-select-btn {
      background: var(--primary);
      color: #ffffff;
      border-color: var(--primary);
    }

    /* Checkout / Order Form Section */
    .order-section {
      padding: 60px 0;
      background: radial-gradient(circle at center, #4c0519 0%, #29020d 100%);
      color: #ffffff;
      position: relative;
    }
    .order-card-container {
      max-width: 820px;
      margin: 0 auto;
      background: #ffffff;
      color: var(--text-main);
      border-radius: var(--radius-lg);
      padding: 32px 24px;
      box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
    }
    @media (min-width: 768px) {
      .order-card-container {
        padding: 44px 38px;
      }
    }
    .order-header {
      text-align: center;
      margin-bottom: 30px;
      border-bottom: 2px solid #f1f5f9;
      padding-bottom: 20px;
    }
    .order-header h2 {
      font-size: 26px;
      font-weight: 800;
      color: #0f172a;
      margin-bottom: 8px;
    }
    @media (min-width: 768px) {
      .order-header h2 {
        font-size: 32px;
      }
    }
    .order-header p {
      font-size: 15px;
      color: #64748b;
    }

    .form-group {
      margin-bottom: 20px;
    }
    .form-label {
      display: block;
      font-size: 15px;
      font-weight: 700;
      color: #1e293b;
      margin-bottom: 8px;
    }
    .form-label span {
      color: #ef4444;
    }
    .form-control {
      width: 100%;
      padding: 13px 16px;
      font-size: 15px;
      border: 1.5px solid #cbd5e1;
      border-radius: var(--radius-md);
      font-family: inherit;
      transition: all 0.2s ease;
      background: #f8fafc;
    }
    .form-control:focus {
      outline: none;
      border-color: var(--primary);
      background: #ffffff;
      box-shadow: 0 0 0 3px rgba(159, 18, 57, 0.15);
    }
    textarea.form-control {
      resize: vertical;
      min-height: 80px;
    }

    /* Radio Group for Shipping & Packages */
    .radio-card-group {
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
    }
    @media (min-width: 576px) {
      .radio-card-group {
        grid-template-columns: 1fr 1fr;
      }
    }
    .radio-card {
      display: flex;
      align-items: center;
      gap: 12px;
      background: #fdf8f9;
      border: 1.5px solid #fce7f3;
      padding: 12px 16px;
      border-radius: var(--radius-md);
      cursor: pointer;
      transition: all 0.2s ease;
    }
    .radio-card:hover {
      border-color: #f472b6;
      background: #ffffff;
    }
    .radio-card input[type="radio"] {
      accent-color: var(--primary);
      width: 18px;
      height: 18px;
    }
    .radio-card.active {
      border-color: var(--primary);
      background: #fff1f2;
    }

    /* Order Summary Box */
    .order-summary-table {
      background: #fdf8f9;
      border: 1px solid #fce7f3;
      border-radius: var(--radius-md);
      padding: 18px;
      margin: 24px 0;
    }
    .summary-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 8px 0;
      font-size: 15px;
      color: #475569;
      border-bottom: 1px dashed #cbd5e1;
    }
    .summary-row:last-child {
      border-bottom: none;
      padding-top: 12px;
      font-size: 18px;
      font-weight: 800;
      color: #0f172a;
    }
    .summary-row.total-row span:last-child {
      color: var(--primary-dark);
      font-size: 22px;
    }

    .order-submit-btn {
      width: 100%;
      background: linear-gradient(135deg, #10b981 0%, #059669 100%);
      color: #ffffff;
      font-size: 20px;
      font-weight: 800;
      padding: 16px 20px;
      border-radius: var(--radius-full);
      border: none;
      cursor: pointer;
      box-shadow: 0 6px 20px rgba(16, 185, 129, 0.45);
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
    }
    .order-submit-btn:hover {
      background: linear-gradient(135deg, #059669 0%, #047857 100%);
      transform: translateY(-2px);
      box-shadow: 0 10px 25px rgba(16, 185, 129, 0.55);
    }

    /* Reviews Section */
    .reviews-section {
      padding: 60px 0;
      background: #ffffff;
    }
    .reviews-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
    }
    @media (min-width: 768px) {
      .reviews-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }
    .review-card {
      background: #fdf8f9;
      border: 1px solid var(--border-color);
      border-radius: var(--radius-lg);
      padding: 22px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .review-stars {
      color: #f59e0b;
      margin-bottom: 12px;
      font-size: 15px;
    }
    .review-text {
      font-size: 15px;
      color: #334155;
      font-style: italic;
      margin-bottom: 16px;
      line-height: 1.5;
    }
    .reviewer-meta {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .reviewer-avatar {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: #ffe4e6;
      color: var(--primary);
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 17px;
    }
    .reviewer-info h5 {
      font-size: 15px;
      font-weight: 700;
      color: #0f172a;
    }
    .reviewer-info span {
      font-size: 12px;
      color: #10b981;
      display: flex;
      align-items: center;
      gap: 4px;
      font-weight: 600;
    }

    /* FAQ Section */
    .faq-section {
      padding: 60px 0;
      background: #fdf8f9;
    }
    .faq-list {
      max-width: 780px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 14px;
    }
    .faq-item {
      background: #ffffff;
      border: 1px solid var(--border-color);
      border-radius: var(--radius-md);
      overflow: hidden;
      transition: all 0.2s ease;
    }
    .faq-item.active {
      border-color: var(--primary);
    }
    .faq-question {
      padding: 16px 20px;
      font-size: 17px;
      font-weight: 700;
      color: #0f172a;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      user-select: none;
    }
    .faq-question i {
      color: var(--primary);
      transition: transform 0.3s ease;
    }
    .faq-item.active .faq-question i {
      transform: rotate(180deg);
    }
    .faq-answer {
      padding: 0 20px 16px;
      font-size: 15px;
      color: #64748b;
      display: none;
      line-height: 1.6;
    }
    .faq-item.active .faq-answer {
      display: block;
    }

    /* Footer */
    .footer {
      background: #29020d;
      color: #94a3b8;
      padding: 40px 0 24px;
      font-size: 14px;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    .footer-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 30px;
      margin-bottom: 30px;
    }
    @media (min-width: 768px) {
      .footer-grid {
        grid-template-columns: 1.5fr 1fr 1fr;
      }
    }
    .footer-logo {
      color: #ffffff;
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 12px;
      font-family: 'Outfit', sans-serif;
    }
    .footer-logo span {
      color: var(--accent);
    }
    .footer-contact-item {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
      color: #cbd5e1;
    }
    .footer-contact-item i {
      color: var(--accent);
    }
    .footer-bottom {
      text-align: center;
      padding-top: 20px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      font-size: 13px;
    }

    /* Floating WhatsApp & Call Buttons */
    .floating-buttons {
      position: fixed;
      bottom: 85px;
      right: 20px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      z-index: 99;
    }
    @media (min-width: 768px) {
      .floating-buttons {
        bottom: 24px;
        right: 24px;
      }
    }
    .float-btn {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      font-size: 24px;
      text-decoration: none;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
      transition: transform 0.3s ease;
    }
    .float-btn:hover {
      transform: scale(1.1);
      color: #ffffff;
    }
    .float-wa {
      background: #25d366;
    }
    .float-call {
      background: #9f1239;
    }

    /* Mobile Sticky Bottom CTA */
    .mobile-sticky-bar {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background: #ffffff;
      padding: 10px 16px;
      display: flex;
      gap: 10px;
      box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);
      z-index: 1000;
      border-top: 1px solid var(--border-color);
    }
    @media (min-width: 768px) {
      .mobile-sticky-bar {
        display: none;
      }
    }
    .mobile-bar-call {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      background: #fdf2f4;
      color: #9f1239;
      border: 1px solid #fecdd3;
      border-radius: var(--radius-full);
      font-weight: 700;
      font-size: 15px;
      text-decoration: none;
      padding: 10px;
    }
    .mobile-bar-order {
      flex: 1.5;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
      color: #ffffff;
      border-radius: var(--radius-full);
      font-weight: 700;
      font-size: 16px;
      text-decoration: none;
      padding: 10px;
      box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);
    }

    /* Success Modal */
    .modal-overlay {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.65);
      backdrop-filter: blur(4px);
      z-index: 2000;
      align-items: center;
      justify-content: center;
      padding: 16px;
    }
    .modal-overlay.open {
      display: flex;
    }
    .modal-card {
      background: #ffffff;
      border-radius: var(--radius-lg);
      max-width: 480px;
      width: 100%;
      padding: 32px 24px;
      text-align: center;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
      animation: modalPop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    @keyframes modalPop {
      0% {
        opacity: 0;
        transform: scale(0.85);
      }
      100% {
        opacity: 1;
        transform: scale(1);
      }
    }
    .modal-icon {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background: #ecfdf5;
      color: #10b981;
      font-size: 34px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 18px;
    }
    .modal-title {
      font-size: 24px;
      font-weight: 800;
      color: #0f172a;
      margin-bottom: 8px;
    }
    .modal-desc {
      font-size: 15px;
      color: #64748b;
      margin-bottom: 20px;
    }
    .modal-details-box {
      background: #fdf8f9;
      border: 1px solid var(--border-color);
      border-radius: var(--radius-md);
      padding: 16px;
      margin-bottom: 24px;
      text-align: left;
      font-size: 14px;
    }
    .modal-details-row {
      display: flex;
      justify-content: space-between;
      margin-bottom: 6px;
    }
    .modal-details-row:last-child {
      margin-bottom: 0;
      font-weight: 700;
      color: #0f172a;
    }
    .modal-close-btn {
      background: var(--primary);
      color: #ffffff;
      border: none;
      padding: 12px 28px;
      border-radius: var(--radius-full);
      font-size: 16px;
      font-weight: 700;
      cursor: pointer;
      width: 100%;
    }/* End custom CSS */