/* LaGreen COD — frontend styles. */
.lg-cod-form-wrap{margin-top:12px;font-family:inherit;width:100%;box-sizing:border-box}
.lg-cod-main{width:100%}

.lg-offers{
  margin-top:8px;
  padding:14px;
  background:linear-gradient(180deg,#fbfff9 0%,#f4faf6 100%);
  border:1px solid #dfe8e2;
  border-radius:16px;
  box-shadow:0 5px 18px rgba(25,55,35,.06);
}
.lg-cod-form .lg-offers{margin-top:0}

.lg-offer{
  position:relative;
  display:block;
  margin:10px 0;
  padding:14px 16px 14px 42px;
  border:2px solid #e5e8e5;
  border-radius:18px;
  background:#fff;
  box-shadow:0 3px 10px rgba(0,0,0,.05);
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease;
}
.lg-offer:first-child{margin-top:0}
.lg-offer:last-child{margin-bottom:0}
.lg-offer:hover{box-shadow:0 5px 14px rgba(0,0,0,.08)}
.lg-cod-form-wrap .lg-offer.selected{
  border-color:var(--lg-offer-selected-border,var(--lg-p-border,#15803d)) !important;
  background:var(--lg-offer-selected-bg,var(--lg-p-bg2,#f0fdf4)) !important;
  box-shadow:0 5px 15px color-mix(in srgb,var(--lg-offer-selected-border,var(--lg-p-border,#15803d)) 15%,transparent) !important;
}
.lg-offer input{
  position:absolute;
  left:17px;
  top:50%;
  transform:translateY(-50%);
  width:16px;
  height:16px;
  margin:0;
  accent-color:var(--lg-offer-selected-primary,var(--lg-p-primary,#19b928)) !important;
  cursor:pointer;
}
.lg-offer-main{min-width:0}
.lg-offer-title{font-weight:900;color:#304d6b;font-size:1rem;line-height:1.55}
.lg-offer-price{font-weight:900;font-size:1.2rem;margin-top:6px}
.lg-offer:nth-child(1) .lg-offer-price{color:#ff8a00}
.lg-offer:nth-child(2) .lg-offer-price{color:#159b16}
.lg-offer:nth-child(3) .lg-offer-price{color:#1976d2}
.lg-offer-label{
  display:inline-block;
  margin-top:5px;
  padding:4px 9px;
  border-radius:12px;
  background:#19c52b;
  color:#fff;
  font-size:.72rem;
  font-weight:900;
  box-shadow:0 2px 5px rgba(25,197,43,.18);
}

.lg-cod-form{margin-top:18px}
.lg-cod-form h3{font-size:1.05rem;line-height:1.5;margin:0 0 11px;font-weight:900}
.lg-cod-fields{display:grid;gap:10px}
.lg-cod-field{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  min-height:52px;
  height:52px;
  border:1px solid #dce4de;
  border-radius:13px;
  background:#fff;
  box-shadow:0 3px 12px rgba(20,50,35,.07);
  transition:.15s ease;
}
.lg-cod-field:focus-within{border-color:#176b4d;box-shadow:0 4px 16px rgba(23,107,77,.13)}
.lg-cod-field .lg-field-icon{width:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;font-size:19px}
.lg-cod-field input,.lg-cod-field select,.lg-cod-field textarea{
  flex:1;
  min-width:0;
  width:100%;
  min-height:52px !important;
  height:52px !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:9px 10px 9px 12px !important;
  color:#24384a;
  font-family:inherit;
  font-size:16px !important;
  line-height:1.35 !important;
  box-sizing:border-box !important;
}
.lg-cod-field input::placeholder{color:#8a9690;opacity:1}
.lg-cod-field select{cursor:pointer;appearance:auto}
.lg-cod-form input[name="customer_name"],
.lg-cod-form input[name="customer_phone"],
.lg-cod-form input[name="customer_address"],
.lg-cod-form select{
  text-align:right;
  direction:rtl;
}
.lg-cod-form input[name="customer_phone"]::placeholder{direction:rtl;text-align:right;white-space:pre}

.lg-field-help{font-size:.78rem;color:#718078;margin:-4px 4px 0}
.lg-field-error{
  display:none;
  color:#c62828;
  font-size:.8rem;
  font-weight:700;
  margin:-4px 4px 0;
  line-height:1.45;
}
.lg-phone-field.invalid{border-color:#d32f2f}
.lg-phone-field.valid{border-color:#1a9c38}
.lg-cod-form .lg-field-help,
.lg-cod-form .lg-field-icon{display:none !important}

.lg-cod-field.lg-phone-field{position:relative}
.lg-cod-field.lg-phone-field .lg-phone-side-label{
  position:absolute;
  right:14px !important;
  left:auto !important;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  pointer-events:none;
  color:#9aa0a6;
  font-size:14px !important;
  line-height:1;
  direction:rtl;
  white-space:nowrap;
}
.lg-cod-field.lg-phone-field input{
  direction:ltr !important;
  unicode-bidi:plaintext !important;
  text-align:left !important;
  padding-left:14px !important;
  padding-right:95px !important;
  letter-spacing:.02em;
  white-space:nowrap !important;
}
.lg-cod-field.lg-phone-field input::placeholder{
  direction:ltr !important;
  unicode-bidi:plaintext !important;
  text-align:left !important;
  white-space:nowrap !important;
  font-size:16px !important;
}

.lg-cod-submit{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
  min-height:53px;
  margin-top:12px;
  padding:10px 16px;
  border:0;
  border-radius:13px;
  background:linear-gradient(90deg,var(--lg-submit-button1,#16d94b),var(--lg-submit-button2,#d9f000));
  color:#fff;
  font-family:inherit;
  font-weight:900;
  font-size:1.04rem;
  cursor:pointer;
  box-shadow:0 4px 10px rgba(22,145,48,.22);
  transition:.15s ease;
}
.lg-cod-submit:hover{filter:brightness(.97);box-shadow:0 5px 13px color-mix(in srgb,var(--lg-submit-button1,#16d94b) 28%,transparent)}
.lg-cod-submit:active{transform:translateY(1px)}
.lg-cod-submit:disabled{opacity:.65;cursor:wait}
.lg-submit-icon{font-size:18px}
.lg-submit-price{font-weight:950}
.lg-cod-submit.loading .lg-submit-icon{animation:lg-spin .8s linear infinite}
@keyframes lg-spin{to{transform:rotate(360deg)}}

.lg-payment-note{text-align:center;color:#66736c;font-size:.8rem;margin-top:8px}
.lg-cod-success{
  margin-top:18px;
  text-align:center;
  padding:30px 20px;
  background:#f5fff7;
  border:1px solid #bfe6c7;
  border-radius:18px;
  box-shadow:0 5px 20px rgba(20,60,30,.08);
}
.lg-cod-success[hidden]{display:none !important}
.lg-success-icon{
  width:64px;
  height:64px;
  margin:0 auto 12px;
  border-radius:50%;
  background:#19b943;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px;
  font-weight:900;
}
.lg-cod-success h3{margin:0 0 8px;color:#13752c;font-size:1.25rem}
.lg-cod-success p{margin:0 0 10px;color:#53625a}
.lg-cod-success strong{color:#13752c}
.lg-success-total{display:block;margin-top:9px;color:#159b16;font-size:1rem}
.lg-cod-error{
  display:none;
  margin-top:10px;
  padding:10px;
  border-radius:10px;
  background:#fff2f2;
  color:#b3261e;
  font-weight:700;
}
.lg-cod-error.show{display:block}
.lg-whatsapp-fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin-top:10px;
  padding:10px 14px;
  box-sizing:border-box;
  border-radius:10px;
  background:#25D366;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800;
  font-size:.9rem;
}
.lg-whatsapp-fallback:hover{filter:brightness(.96);text-decoration:none !important}
.lg-whatsapp-message{margin-top:6px;text-align:center;font-size:.78rem;font-weight:600;color:#4b5b52}
.lg-whatsapp-fallback-wrap{display:block}
.lg-429-countdown-message{margin-bottom:8px}

.lg-mobile-sticky-cta{display:none}
@keyframes lg-sticky-gradient-flow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@media(max-width:767px){
  .lg-mobile-sticky-cta{
    position:fixed;
    left:12px;
    right:12px;
    bottom:12px;
    z-index:9999;
    display:block;
    padding:14px 18px;
    border-radius:999px;
    background:linear-gradient(
      110deg,
      var(--lg-sticky-color-1,#16d94b) 0%,
      var(--lg-sticky-color-1,#16d94b) 28%,
      var(--lg-sticky-color-2,#d9f000) 52%,
      var(--lg-sticky-color-1,#16d94b) 76%,
      var(--lg-sticky-color-1,#16d94b) 100%
    );
    background-size:240% 100%;
    box-shadow:0 6px 20px color-mix(in srgb,var(--lg-sticky-color-1,#16d94b) 28%,transparent);
    color:#fff;
    font-family:inherit;
    font-size:19px;
    font-weight:900;
    line-height:1.2;
    text-align:center;
    text-decoration:none;
    animation:lg-sticky-gradient-flow 5.5s cubic-bezier(.45,0,.55,1) infinite;
    transition:transform .15s ease,opacity .25s ease,visibility .25s ease;
  }
  .lg-mobile-sticky-cta:hover{color:#fff;text-decoration:none}
  .lg-mobile-sticky-cta:active{transform:scale(.985)}
  .lg-mobile-sticky-cta.is-hidden{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(calc(100% + 16px));
  }
  .lg-product-page{padding-bottom:90px}
}
@media(max-width:380px){.lg-mobile-sticky-cta{font-size:18px}}
@media(prefers-reduced-motion:reduce){.lg-mobile-sticky-cta{animation:none}}

@media(max-width:520px){
  .lg-offer-title{font-size:.9rem}
  .lg-offer{padding:12px 12px 12px 40px}
  .lg-cod-fields{gap:9px}
}

@media(max-width:640px){
  .lg-cod-field.lg-phone-field .lg-phone-side-label{right:12px !important;left:auto !important;font-size:12px !important}
  .lg-cod-field.lg-phone-field input{padding-left:12px !important;padding-right:76px !important}
}