.elementor-17939 .elementor-element.elementor-element-eddc1c6{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-3886c47 *//* ==== Mobile polish (<= 600px) ==== */
@media (max-width: 600px) {
  /* Page container & spacing */
  .pay-wrap{padding:0 12px;}
  .pay-grid{grid-template-columns:1fr; gap:12px;}
  .card.p16{padding:14px;}

  /* Main title */
  .pay-title{
    font-size:26px;          /* was large */
    line-height:1.15;
    letter-spacing:.2px;
    margin:12px 0 16px;
    text-align:center;
  }

  /* Product header: stack vertically & center */
  .prod-head{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:10px;
  }
  .prod-img{
    width:140px;             /* smaller image */
    max-width:60vw;
    aspect-ratio:1/1;
  }
  .prod-title{
    font-size:20px;          /* reduce size */
    margin:6px 0 2px;
    line-height:1.2;
    word-break:break-word;   /* avoid overflow on long names */
  }

  /* Capacity dropdown: full width & comfy tap target */
  .var-select{
    max-width:none;
    width:100%;
    padding:12px;
    font-size:16px;
  }
  label[for="variant"]{
    font-size:14px;
    margin-bottom:6px!important;
    display:block;
  }

  /* Specs */
  .specs-title{margin:12px 0 6px; font-size:15px;}
  .specs li{margin:4px 0; font-size:15px;}

  /* Order summary card */
  .sum h3{font-size:16px; margin-bottom:10px;}
  .sum .row{margin:6px 0;}
  .sum .label{font-size:14px;}
  .sum .val{font-size:15px;}
  .total .label, .total .val{font-size:16px;}

  /* Quantity field */
  .qty-wrap input{
    width:100%;
    max-width:120px;
    padding:10px;
    font-size:16px;
  }

  /* Pay button: full-width for thumb reach */
  .pay-btn{
    width:100%;
    padding:14px 16px;
    font-size:16px;
    border-radius:10px;
  }
}

/* Slightly tighten big phones (<= 380px) */
@media (max-width: 380px){
  .prod-img{width:120px;}
  .prod-title{font-size:18px;}
  .pay-title{font-size:24px;}
}/* End custom CSS */
/* Start custom CSS *//* Hide Elementor header/footer for clean Razorpay checkout page */
header, footer, .elementor-location-header, .elementor-location-footer {
  display: none !important;
}
body {
  background:#f8f9fb !important;
}/* End custom CSS */