/* ====== ROOT ====== */
    :root {
      --mp-green:    #16a87a;
      --mp-green-d:  #0d8a62;
      --mp-green-l:  #e8faf3;
      --mp-green-m:  #b2eed8;
      --mp-teal:     #0d9488;
      --mp-text:     #0f2620;
      --mp-muted:    #557365;
      --mp-white:    #ffffff;
      --mp-bg:       #f4fdf9;
      --mp-card-bg:  #ffffff;
      --mp-border:   #c6eed9;
      --mp-grad:     linear-gradient(135deg,#16a87a 0%,#0d9488 100%);
      --mp-grad2:    linear-gradient(160deg,#e8faf3 0%,#c6eed9 100%);
      --mp-shadow-s: 0 2px 12px rgba(22,168,122,.12);
      --mp-shadow-m: 0 6px 28px rgba(22,168,122,.18);
      --mp-shadow-l: 0 14px 48px rgba(22,168,122,.22);
      --mp-r:        1rem;
      --mp-t:        .32s cubic-bezier(.4,0,.2,1);
      --mp-sec-py:   3.5rem;     /* tighter section padding */
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {

      color: var(--mp-text);
      background: var(--mp-bg);
      overflow-x: hidden;
    }

    /* ====== KEYFRAMES ====== */
    @keyframes mpUp   { from{opacity:0;transform:translateY(32px)} to{opacity:1;transform:translateY(0)} }
    @keyframes mpLeft { from{opacity:0;transform:translateX(-32px)} to{opacity:1;transform:translateX(0)} }
    @keyframes mpRight{ from{opacity:0;transform:translateX(32px)} to{opacity:1;transform:translateX(0)} }
    @keyframes mpFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
    @keyframes mpPulse{ 0%{box-shadow:0 0 0 0 rgba(22,168,122,.45)} 70%{box-shadow:0 0 0 14px rgba(22,168,122,0)} 100%{box-shadow:0 0 0 0 rgba(22,168,122,0)} }
    @keyframes mpSpin { from{transform:rotate(0)} to{transform:rotate(360deg)} }
    @keyframes mpBounceX{ 0%,100%{transform:translateX(0)} 50%{transform:translateX(7px)} }
    @keyframes mpScale{ 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }
    @keyframes mpBubble1{ 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(12px,-18px) scale(1.08)} 66%{transform:translate(-8px,10px) scale(.94)} }
    @keyframes mpBubble2{ 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(-14px,12px) scale(.92)} 66%{transform:translate(10px,-8px) scale(1.06)} }
    @keyframes mpBubble3{ 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(8px,14px) scale(1.1)} }

    .mp-up    { animation: mpUp    .7s ease both; }
    .mp-left  { animation: mpLeft  .7s ease both; }
    .mp-right { animation: mpRight .7s ease both; }
    .d1{animation-delay:.08s} .d2{animation-delay:.18s} .d3{animation-delay:.3s}
    .d4{animation-delay:.44s} .d5{animation-delay:.58s}

    /* ====== NAVBAR ====== */
    .mp-nav {
      background: var(--mp-white);
      box-shadow: 0 2px 14px rgba(22,168,122,.1);
      position: sticky; top: 0; z-index: 1030;
      transition: box-shadow var(--mp-t);
    }
    .mp-nav.scrolled { box-shadow: 0 4px 24px rgba(22,168,122,.22); }
    .mp-brand {
      font-size: 1.45rem; font-weight: 900;
      color: var(--mp-green); letter-spacing:-.5px; text-decoration:none;
      transition: color var(--mp-t);
    }
    .mp-brand span { color: var(--mp-teal); }
    .mp-brand:hover { color: var(--mp-green-d); }
    .mp-nav .nav-link {
      font-weight: 600; font-size:.9rem;
      color: var(--mp-text); padding:.5rem 1rem !important;
      position:relative; transition: color var(--mp-t);
    }
    .mp-nav .nav-link::after {
      content:''; position:absolute; bottom:0; left:1rem; right:1rem;
      height:2px; background: var(--mp-green);
      transform:scaleX(0); border-radius:2px;
      transition: transform var(--mp-t);
    }
    .mp-nav .nav-link:hover,
    .mp-nav .nav-link.active { color: var(--mp-green); }
    .mp-nav .nav-link:hover::after,
    .mp-nav .nav-link.active::after { transform:scaleX(1); }
    .mp-nbtn {
      background: var(--mp-grad); color: var(--mp-white) !important;
      border-radius:50px; padding:.42rem 1.3rem !important;
      font-weight:700; transition: all var(--mp-t);
      box-shadow:0 2px 10px rgba(22,168,122,.3);
    }
    .mp-nbtn::after{ display:none !important; }
    .mp-nbtn:hover{ transform:translateY(-2px); box-shadow:0 6px 20px rgba(22,168,122,.45); }
    .mp-nbtn-outline {
      background:transparent; color:var(--mp-green) !important;
      border:2px solid var(--mp-green); border-radius:50px;
      padding:.38rem 1.2rem !important; font-weight:700;
      transition: all var(--mp-t);
    }
    .mp-nbtn-outline::after{ display:none !important; }
    .mp-nbtn-outline:hover{ background:var(--mp-green); color:var(--mp-white) !important; transform:translateY(-2px); }

    /* ====== BUTTONS ====== */
    .mpbtn {
      display:inline-flex; align-items:center; gap:.45rem;
      border:none; border-radius:50px; cursor:pointer;
      font-family:inherit; font-weight:700; text-decoration:none;
      transition: all var(--mp-t);
    }
    .mpbtn-primary {
      background:var(--mp-grad); color:var(--mp-white);
      padding:.58rem 1.7rem; font-size:.88rem;
      box-shadow:0 4px 14px rgba(22,168,122,.38);
      animation: mpPulse 2.6s infinite;
    }
    .mpbtn-primary:hover{ transform:translateY(-3px) scale(1.03); box-shadow:0 8px 24px rgba(22,168,122,.5); color:var(--mp-white); }
    .mpbtn-primary i { animation: mpBounceX 1.6s ease-in-out infinite; }
    .mpbtn-outline {
      background:transparent; color:var(--mp-green);
      border:2px solid var(--mp-green);
      padding:.54rem 1.5rem; font-size:.88rem;
    }
    .mpbtn-outline:hover{ background:var(--mp-green); color:var(--mp-white); transform:translateY(-2px); }
    .mpbtn-white {
      background:var(--mp-white); color:var(--mp-green);
      padding:.56rem 1.6rem; font-size:.88rem;
      box-shadow:0 4px 14px rgba(0,0,0,.12);
    }
    .mpbtn-white:hover{ transform:translateY(-2px); box-shadow:0 8px 22px rgba(0,0,0,.18); color:var(--mp-green-d); }
    .mpbtn-ghost {
      background:rgba(255,255,255,.18); color:var(--mp-white);
      border:2px solid rgba(255,255,255,.55);
      padding:.52rem 1.4rem; font-size:.86rem;
      backdrop-filter:blur(6px);
    }
    .mpbtn-ghost:hover{ background:var(--mp-white); color:var(--mp-green); transform:translateY(-2px); }

    /* ====== HERO BANNER (40vh pill) ====== */
    .mp-hero-wrap {
      padding: 2rem 0;
      background: linear-gradient(160deg,#f0fdf8 0%,#e0f8ef 100%);
    }
    .mp-hero-pill {
      min-height: 40vh;
      background: var(--mp-white);
      border-radius: 999px;
      border: 2.5px solid var(--mp-green);
      box-shadow: var(--mp-shadow-l);
      overflow: hidden;
      display: flex;
      align-items: stretch;
      position: relative;
      transition: box-shadow var(--mp-t);
    }
    .mp-hero-pill:hover{ box-shadow: 0 20px 60px rgba(22,168,122,.3); }

    /* LEFT: text + bubbles */
    .mp-hero-left {
      flex: 1;
      padding: 2.5rem 2.5rem 2.5rem 3.5rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: linear-gradient(135deg,#16a87a 0%,#0d9488 100%);;
      position: relative;
      overflow: hidden;
    }
    /* Decorative bubbles */
    .mp-bubble {
      position: absolute;
      border-radius: 50%;
      opacity: .18;
      pointer-events: none;
    }
    .mp-bubble-1 {
      width:180px; height:180px;
      background: #ffffff;
      top:-60px; right:-50px;
      animation: mpBubble1 7s ease-in-out infinite;
    }
    .mp-bubble-2 {
      width:110px; height:110px;
      background: #8fcdc8;
      bottom:-30px; right:60px;
      opacity:.14;
      animation: mpBubble2 9s ease-in-out infinite;
    }
    .mp-bubble-3 {
      width:70px; height:70px;
      background: var(--mp-green-m);
      top:30px; right:200px;
      opacity:.25;
      animation: mpBubble3 6s ease-in-out infinite;
    }
    .mp-bubble-4 {
      width:44px; height:44px;
      background: white;
      bottom:40px; right:170px;
      opacity:.2;
      animation: mpBubble1 8s ease-in-out infinite reverse;
    }
    .mp-bubble-5 {
      width:28px; height:28px;
      background: white;
      top:50%; right:280px;
      opacity:.22;
      animation: mpBubble2 5s ease-in-out infinite;
    }
    .mp-hero-badge {
      display:inline-flex; align-items:center; gap:.4rem;
      background:var(--mp-green); color:#fff;
      font-size:.68rem; font-weight:700; letter-spacing:.1em;
      text-transform:uppercase; padding:.22rem .85rem;
      border-radius:50px; margin-bottom:.8rem;
      width: fit-content;
    }
    .mp-hero-sub {
      font-size:.75rem; font-weight:700; letter-spacing:.09em;
      text-transform:uppercase; color:#3d3d3d;
      margin-bottom:.35rem;
    }
    .mp-hero-title {
      font-size:clamp(1.3rem,2.6vw,2rem);
      font-weight:900; line-height:1.18; color:white;
      margin-bottom:.5rem;
    }
    .tesla-cntct-hero__title em { font-style:normal; color:#002d1f; }
    .mp-hero-desc {
      font-size:16px; color:white;
      max-width:380px; line-height:1.7; margin-bottom:1.4rem;
    }
    .mp-hero-actions{ display:flex; flex-wrap:wrap; gap:.7rem; }
    .mp-hero-stats {
      display:flex; gap:1.6rem; margin-top:1.2rem;
      padding-top:1rem;
      border-top:1px solid var(--mp-border);
    }
    .mp-stat-n { font-size:1.25rem; font-weight:900; color:var(--mp-green); display:block; line-height:1; }
    .mp-stat-l { font-size:.7rem; color:var(--mp-muted); font-weight:600; }

    /* RIGHT: image side */
    .mp-hero-right {
     
      width: 42%;
      position: relative;
      border-radius: 0 999px 999px 0;
      overflow: hidden;
      background: linear-gradient(160deg,#9ee8cb 0%,#1aab7a 55%,#0d9488 100%);
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }
    /* Pharmacist illustration (SVG-based placeholder that looks realistic) */
    .mp-hero-right-img {
           background-image: url(https://i.pinimg.com/736x/a9/35/d2/a935d239c74a47fe9c8159c6628de360.jpg);
           background-size:cover;
      width:100%; height:100%;
      display:flex; flex-direction:column;
      align-items:center; justify-content:flex-end;
      padding-bottom:0;
      position: relative;
    }
    .mp-hero-right-img svg {
      height: 95%;
      width: auto;
      max-height: calc(40vh - 10px);
      filter: drop-shadow(-8px 0 24px rgba(0,0,0,.18));
      transition: transform .5s ease;
    }
    .mp-hero-right:hover .mp-hero-right-img svg { transform: scale(1.03) translateY(-4px); }
    /* floating pills decor on right */
    .mp-rdecor {
      position:absolute; border-radius:50%;
      background:rgba(255,255,255,.15);
    }
    .mp-rdecor-1{ width:100px;height:100px;top:-20px;right:-20px; }
    .mp-rdecor-2{ width:60px;height:60px;bottom:60px;left:10px; }
    .mp-rdecor-3{ width:36px;height:36px;top:40%;right:20px; }

    /* ====== SECTION GENERIC ====== */
    .mp-sec { padding: var(--mp-sec-py) 0; }
    .mp-sec-alt { background: var(--mp-green-l); }
    .mp-sec-dark { background: #0d1f18; }
    .mp-tag {
      display:inline-flex; align-items:center; gap:.4rem;
      color:var(--mp-green); font-size:.72rem; font-weight:700;
      letter-spacing:.12em; text-transform:uppercase; margin-bottom:.55rem;
    }
    .mp-tag::before{
      content:''; width:16px; height:3px;
      background:var(--mp-green); border-radius:2px; flex-shrink:0;
    }
    .mp-sec-title {
      font-size:clamp(1.4rem,2.8vw,2rem);
      font-weight:800; color:var(--mp-text); margin-bottom:.5rem;
    }
    .mp-divider {
      width:42px; height:4px;
      background:var(--mp-grad); border-radius:4px;
      margin:.7rem auto .9rem;
    }

    /* ====== RX SECTION ====== */
    .mp-rx-card {
      background:var(--mp-white); border:2px solid var(--mp-border);
      border-radius:var(--mp-r); padding:2.2rem;
      box-shadow:var(--mp-shadow-s); height:100%;
      transition: all var(--mp-t);
    }
    .mp-rx-card:hover{ border-color:var(--mp-green); box-shadow:var(--mp-shadow-m); transform:translateY(-4px); }
    .mp-rx-steps{ list-style:none; padding:0; margin-bottom:1.6rem; }
    .mp-rx-steps li{
      display:flex; align-items:flex-start; gap:.75rem;
      margin-bottom:.8rem; font-weight:500; font-size:.93rem;
    }
    .mp-step-n{
      flex-shrink:0; width:24px; height:24px;
      background:var(--mp-green); color:#fff;
      border-radius:50%; display:flex; align-items:center; justify-content:center;
      font-size:.75rem; font-weight:800;
      transition: transform var(--mp-t);
    }
    .mp-rx-steps li:hover .mp-step-n{ transform:scale(1.2) rotate(-8deg); }
    .mp-file-drop {
      border:2.5px dashed var(--mp-green); border-radius:var(--mp-r);
      padding:2.5rem 1.5rem; text-align:center;
      background:var(--mp-green-l); cursor:pointer;
      transition: all var(--mp-t);
      display:flex; flex-direction:column; align-items:center; gap:.7rem; height:100%;
      justify-content:center;
    }
    .mp-file-drop:hover{ background:#c2f0e0; border-color:var(--mp-green-d); transform:translateY(-3px); }
    .mp-drop-ico{ font-size:3rem; color:var(--mp-green); animation:mpFloat 3s ease-in-out infinite; }

    /* ====== ASSIST SECTION ====== */
    .mp-assist {
      background:var(--mp-grad); border-radius:1.2rem;
      overflow:hidden; display:flex; align-items:stretch;
      box-shadow:var(--mp-shadow-l); position:relative;
    }
    .mp-assist-body{
      flex:1; padding:2.5rem 2.5rem;
      color:var(--mp-white);
    }
    .mp-assist-tag{ font-size:.7rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; opacity:.8; margin-bottom:.5rem; }
    .mp-assist-title{ font-size:clamp(1.3rem,2.8vw,2rem); font-weight:900; line-height:1.15; margin-bottom:.5rem; }
    .mp-assist-desc{ opacity:.85; font-size:.9rem; margin-bottom:1.6rem; }
    .mp-assist-btns{ display:flex; flex-wrap:wrap; gap:.7rem; }
    .mp-assist-img{
      width:36%; position:relative; overflow:hidden;
      background:linear-gradient(160deg,#9ee8cb,#1aab7a);
    }
    .mp-assist-img-inner{
      width:100%; height:100%;
      display:flex; align-items:flex-end; justify-content:center;
    }
    .mp-assist-img svg {
      height:100%; width:auto;
      filter:drop-shadow(-4px 0 12px rgba(0,0,0,.15));
    }
    .mp-assist-overlay{
        background-image:url(https://i.pinimg.com/1200x/84/cf/e3/84cfe3cba06464af8af828d1f656b002.jpg);
        background-size: cover;
      position:absolute;inset:0;
      /* background:linear-gradient(90deg,rgba(22,168,122,.6) 0%,transparent 55%); */
    }

    /* ====== PRODUCT CARDS ====== */
    .mp-prod-card{
      border-radius:var(--mp-r); overflow:hidden;
      box-shadow:var(--mp-shadow-s); position:relative;
      /*cursor:pointer;*/
      transition: all var(--mp-t);
    }
    .mp-prod-card:hover{ transform:translateY(-6px); box-shadow:var(--mp-shadow-l); }
    .mp-prod-card-img{
      height:200px; display:flex; align-items:center; justify-content:center;
      position:relative; overflow:hidden;
    }
    .mp-prod-card-img i{
      font-size:5rem; opacity:.5; transition: transform .5s ease;
    }
    .mp-prod-card:hover .mp-prod-card-img i{ transform:scale(1.12); }
    .mp-prod-overlay{
      position:absolute;inset:0;
      background:linear-gradient(0deg,rgba(0,0,0,.55) 0%,transparent 60%);
      display:flex;flex-direction:column;justify-content:flex-end;padding:1.1rem;
    }
    .mp-prod-name{ color:#fff; font-weight:700; font-size:.95rem; margin-bottom:.15rem; }
    .mp-prod-sub{ color:rgba(255,255,255,.75); font-size:.78rem; }
    .mp-prod-badge{
      position:absolute; top:.7rem; left:.7rem;
      background:var(--mp-green); color:#fff;
      font-size:.68rem; font-weight:700; padding:.18rem .6rem; border-radius:50px;
    }

    /* ====== DELIVERY SECTION ====== */
    .mp-dform-card{
      background:var(--mp-white); border-radius:1.2rem;
      padding:2.2rem; box-shadow:var(--mp-shadow-m);
      border:1.5px solid var(--mp-border);
      transition: box-shadow var(--mp-t);
    }
    .mp-dform-card:hover{ box-shadow:var(--mp-shadow-l); }
    .mp-flabel{
      font-weight:600; font-size:.84rem;
      color:var(--mp-text); margin-bottom:.28rem;
      display:block;
    }
    .mp-finput{
      border:1.5px solid var(--mp-border); border-radius:.6rem;
      padding:.62rem 1rem .62rem 2.5rem;
      font-size:.88rem; width:100%;
      background:var(--mp-green-l);
      transition: all var(--mp-t);
      font-family:inherit; color:var(--mp-text);
      outline:none;
    }
    .mp-finput:focus{ border-color:var(--mp-green); box-shadow:0 0 0 3px rgba(22,168,122,.18); background:#fff; }
    .mp-finput::placeholder{ color:#94a3b8; font-size:.84rem; }
    .mp-finput-wrap{ position:relative; }
    .mp-finput-wrap .mp-fi{
      position:absolute; left:.85rem; top:50%; transform:translateY(-50%);
      color:var(--mp-green); font-size:.95rem; pointer-events:none;
    }
    .mp-finput-ta .mp-fi{ top:1rem; transform:none; }
    textarea.mp-finput{ padding-top:.62rem; resize:vertical; }

    /* ====== HOURS SECTION ====== */
    .mp-hcard{
        cursor:auto;
      background:var(--mp-white); border:2px solid var(--mp-border);
      border-radius:1.2rem; padding:1.8rem; height:100%;
      box-shadow:var(--mp-shadow-s); transition:all var(--mp-t);
      /*cursor:pointer;*/
    }
    .mp-hcard:hover{ border-color:var(--mp-green); box-shadow:var(--mp-shadow-m); transform:translateY(-4px); }
    .mp-hico{
      width:52px;height:52px; background:var(--mp-green-l);
      border-radius:50%; display:flex; align-items:center; justify-content:center;
      font-size:1.4rem; color:var(--mp-green); margin-bottom:.9rem;
      transition: all var(--mp-t);
    }
    .mp-hico h3{
       
        font-weight:700;
    }
    .mp-hcard:hover .mp-hico{ background:var(--mp-green); color:#fff; transform:rotate(12deg) scale(1.1); }
    .mp-hrow{
      display:flex; justify-content:space-between;
      font-size:.85rem; padding:.38rem .65rem; border-radius:.5rem;
      background:var(--mp-green-l); margin-bottom:.4rem;
      transition:background var(--mp-t);
    }
    .mp-hrow:hover{ background:var(--mp-green-m); }
    .mp-hrow .day{font-weight:600;} .mp-hrow .time{color:var(--mp-green);font-weight:600;}
    .mp-hrow.closed .time{color:#ef4444;}
    .mp-chip{
      display:inline-flex; align-items:center; gap:.3rem;
      background:var(--mp-green-l); color:var(--mp-green-d);
      border-radius:50px; padding:.28rem .8rem; font-size:.78rem; font-weight:600;
      transition:all var(--mp-t);
    }
    .mp-chip:hover{ background:var(--mp-green); color:#fff; }
    .mp-badge-24{
      display:inline-flex; align-items:center; gap:.4rem;
      background:var(--mp-grad); color:#fff; border-radius:50px;
      padding:.4rem 1.2rem; font-weight:800; font-size:.95rem; margin-bottom:.9rem;
    }
    .mp-badge-24 i{ animation:mpSpin 4s linear infinite; }
    .mp-open-pill{ background:#dcfce7;color:#15803d;border-radius:50px;padding:.14rem .65rem;font-size:.76rem;font-weight:700; }
    .mp-closed-pill{ background:#fee2e2;color:#dc2626;border-radius:50px;padding:.14rem .65rem;font-size:.76rem;font-weight:700; }

    /* ====== MODALS ====== */
    .mp-modal .modal-content{ border:none; border-radius:1.2rem; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.2); }
    .mp-modal .modal-header{ background:var(--mp-grad); color:#fff; border:none; padding:1.3rem 1.7rem; }
    .mp-modal .modal-title{ font-weight:800; font-size:1.15rem; display:flex; align-items:center; gap:.55rem; }
    .mp-modal .btn-close{ filter:invert(1) brightness(2); }
    .mp-modal .modal-body{ padding:1.8rem; }
    .mp-sched-table{ width:100%; border-collapse:separate; border-spacing:0 .35rem; }
    .mp-sched-table thead th{ background:var(--mp-green-l); color:var(--mp-green-d); font-weight:700; font-size:.8rem; text-transform:uppercase; letter-spacing:.06em; padding:.65rem .9rem; }
    .mp-sched-table thead th:first-child{border-radius:.5rem 0 0 .5rem;} .mp-sched-table thead th:last-child{border-radius:0 .5rem .5rem 0;}
    .mp-sched-table tbody tr{ background:#fff; transition:background var(--mp-t); }
    .mp-sched-table tbody tr:hover{ background:var(--mp-green-l); }
    .mp-sched-table tbody td{ padding:.65rem .9rem; font-size:.88rem; border-bottom:1px solid #f0fdf4; }
    .mp-sched-table tbody td:first-child{font-weight:600;}
    .mp-24grid{ display:grid; grid-template-columns:1fr 1fr; gap:.9rem; }
    .mp-24item{
      background:var(--mp-green-l); border-radius:.8rem; padding:1rem;
      display:flex; align-items:center; gap:.7rem; transition:all var(--mp-t);
    }
    .mp-24item:hover{ background:var(--mp-green); color:#fff; }
    .mp-24item i{ font-size:1.4rem; color:var(--mp-green); transition:color var(--mp-t); }
    .mp-24item:hover i{ color:#fff; }
    .mp-24item:hover .mp-24sub{ color:rgba(255,255,255,.8); }
    .mp-24label{font-weight:700;font-size:.9rem;} .mp-24sub{font-size:.78rem;color:var(--mp-muted);}

    /* ====== SCROLL TOP ====== */
    .mp-stbtn{
      position:fixed; bottom:1.8rem; right:1.8rem; width:42px; height:42px;
      background:var(--mp-grad); color:#fff; border:none; border-radius:50%;
      display:flex; align-items:center; justify-content:center; font-size:1rem;
      cursor:pointer; opacity:0; transform:translateY(18px);
      transition:all var(--mp-t); z-index:999;
      box-shadow:0 4px 16px rgba(22,168,122,.4);
    }
    .mp-stbtn.show{ opacity:1; transform:translateY(0); }
    .mp-stbtn:hover{ transform:translateY(-3px) scale(1.1); }

    /* ====== FOOTER ====== */
    .mp-footer{ background:#0a1f16; color:rgba(255,255,255,.72); padding:3.5rem 0 1.4rem; }
    .mp-fbrand{ font-size:1.4rem; font-weight:900; color:var(--mp-green); }
    .mp-fbrand span{ color:#fff; }
    .mp-fdesc{ font-size:.86rem; margin-top:.45rem; max-width:250px; line-height:1.7; }
    .mp-ftitle{ font-weight:700; color:#fff; margin-bottom:.9rem; font-size:.92rem; }
    .mp-flinks{ list-style:none; padding:0; }
    .mp-flinks li{ margin-bottom:.5rem; }
    .mp-flinks a{ color:rgba(255,255,255,.62); text-decoration:none; font-size:.86rem; transition:color var(--mp-t); }
    .mp-flinks a:hover{ color:var(--mp-green); }
    .mp-fsocial{ display:flex; gap:.7rem; margin-top:.9rem; }
    .mp-fsocbtn{
      width:36px;height:36px; background:rgba(255,255,255,.08);
      color:rgba(255,255,255,.72); border-radius:50%;
      display:flex;align-items:center;justify-content:center;
      text-decoration:none; font-size:.9rem; transition:all var(--mp-t);
    }
    .mp-fsocbtn:hover{ background:var(--mp-green); color:#fff; transform:translateY(-3px); }
    .mp-fbot{
      border-top:1px solid rgba(255,255,255,.08); margin-top:2.5rem;
      padding-top:1.3rem; font-size:.8rem;
      display:flex; flex-wrap:wrap; justify-content:space-between; gap:.5rem;
    }
    .mp-fbot a{ color:rgba(255,255,255,.45); text-decoration:none; margin-left:1.1rem; transition:color var(--mp-t); }
    .mp-fbot a:hover{ color:var(--mp-green); }

    /* ====== RESPONSIVE ====== */
    @media(max-width:991.98px){
      .mp-hero-pill{ border-radius:60px; flex-direction:column; }
      .mp-hero-left{ padding:2rem 2rem 1.5rem; }
      .mp-hero-right{ width:100%; height:220px; border-radius:0 0 60px 60px; }
      .mp-hero-right-img svg{ max-height:210px; }
      .mp-hero-wrap{ padding:1.5rem 0; }
      .mp-hero-pill{ min-height:auto; }
      .mp-assist{ flex-direction:column; }
      .mp-assist-img{ width:100%; height:200px; }
      .mp-24grid{ grid-template-columns:1fr; }
      :root{ --mp-sec-py: 2.5rem; }
    }
    @media(max-width:575.98px){
      .mp-hero-left{ padding:1.6rem 1.4rem; }
      .mp-hero-stats{ gap:1rem; }
      .mp-dform-card{ padding:1.4rem; }
      .mp-assist-body{ padding:1.8rem 1.4rem; }
      .mp-bubble-3,.mp-bubble-4,.mp-bubble-5{ display:none; }
    }
    .mp-free-delvery{
        
        background-image:url(https://i.pinimg.com/736x/0c/95/a3/0c95a3632312a1c4cb978aaaadb91f96.jpg);
        background-size:cover;
        
    }
    .mp-delivery-card  h3{
        font-weight:600;
        margin-bottom:20px;
 
    }