*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f5f8f1;color:#123d24;font-family:Arial,"Noto Sans Devanagari",sans-serif}
.site-shell{width:100%;background:#fff}
/* ===== Main Hindi navigation ===== */
.main-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #e1eadf;box-shadow:0 4px 18px rgba(18,61,36,.08);backdrop-filter:blur(8px)}
.nav-inner{max-width:1450px;margin:auto;min-height:68px;padding:8px 3%;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:900;color:#08752f;text-decoration:none;letter-spacing:.5px;white-space:nowrap}.brand-logo{width:44px;height:44px;object-fit:contain;border-radius:8px;display:block}
.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex:1;flex-wrap:wrap}
.nav-links a{color:#214b30;text-decoration:none;font-weight:800;padding:10px 12px;border-radius:10px;transition:.2s ease;white-space:nowrap}
.nav-links a:hover,.nav-links a:focus-visible{background:#e7f4e1;color:#075f29;outline:none}
.nav-links a:active{transform:translateY(1px)}
.contact-details{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 8px;max-width:900px}
.contact-details div{background:#eef6e9;border:1px solid #dce9d8;border-radius:14px;padding:16px}
.contact-details b,.contact-details span{display:block}
.contact-details b{color:#176536;margin-bottom:7px}
.contact-details span{color:#496451;line-height:1.5}
@media(max-width:1000px){.nav-inner{align-items:flex-start;flex-direction:column;padding:10px 5%}.nav-links{justify-content:flex-start;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.nav-links a{font-size:14px}.contact-details{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.brand{font-size:25px}.brand-logo{width:38px;height:38px}.nav-inner{gap:8px}.nav-links{gap:2px}.nav-links a{padding:8px 9px;font-size:13px}.contact-details{grid-template-columns:1fr}}

.design{position:relative;width:100%;line-height:0;overflow:hidden}
.home-image{display:block;width:100%;height:auto}
.hotspot{position:absolute;display:block;border:0;background:transparent;cursor:pointer;padding:0;z-index:5;text-decoration:none}
.hotspot:focus-visible{outline:3px solid #ffbd21;outline-offset:2px;border-radius:8px}
/* Positions are percentages based on the supplied 1536×1024 design. */
.home-link{left:28.2%;top:2.0%;width:3.5%;height:4.5%}
.about-link{left:33.6%;top:2.0%;width:7.2%;height:4.5%}
.features-link{left:42.3%;top:2.0%;width:7.0%;height:4.5%}
.market-link{left:49.7%;top:2.0%;width:5.2%;height:4.5%}
.info-link{left:55.0%;top:2.0%;width:7.0%;height:4.5%}
.contact-link{left:62.0%;top:2.0%;width:6.0%;height:4.5%}
.language-link{left:66.8%;top:1.4%;width:7.7%;height:5.8%}
.login-link{left:76.0%;top:1.4%;width:8.0%;height:5.8%}
.register-link{left:85.0%;top:1.4%;width:11.0%;height:5.8%}
.start-link{left:4.0%;top:39.5%;width:13.5%;height:6.2%}
.video-link{left:18.6%;top:39.5%;width:13.4%;height:6.2%}
.mandi-link{left:73.2%;top:45.3%;width:21.2%;height:6.2%}
.process1-link{left:13.7%;top:69.0%;width:15.0%;height:11.0%}
.process2-link{left:31.8%;top:69.0%;width:15.0%;height:11.0%}
.process3-link{left:50.2%;top:69.0%;width:15.0%;height:11.0%}
.process4-link{left:68.4%;top:69.0%;width:15.0%;height:11.0%}
.bottom-cta{left:44.5%;top:91.0%;width:13.5%;height:5.0%}

.panel{padding:80px 7%;background:#fff}
.panel.alt{background:#eef6e9}
.panel-inner{max-width:1100px;margin:auto}
.eyebrow{display:inline-block;padding:7px 14px;border-radius:30px;background:#e0f2d5;color:#176536;font-weight:700}
h2{font-size:clamp(28px,4vw,48px);margin:14px 0;color:#075b2b}
p{font-size:18px;line-height:1.7;color:#385744}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.cards article,.info-grid>div{background:#fff;border-radius:18px;padding:25px;box-shadow:0 8px 25px #173f1b14}
.cards b{display:block;font-size:21px;margin-bottom:8px}.cards span{line-height:1.6;color:#55705d}
.market-table{max-width:800px;margin-top:25px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 35px #173f1b14}
.market-table div{display:grid;grid-template-columns:1.5fr 1fr 1fr;align-items:center;padding:17px 22px;border-bottom:1px solid #e7eee5;font-size:18px}
.market-table em{font-style:normal;color:#198a3d;font-weight:700}.market-table .down{color:#df4d36}
.updated{font-size:14px!important;color:#6a786d!important}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}
.info-grid h3{font-size:22px;margin-top:0}
.booking-section{background:#f7fbf4}
.booking-card{max-width:900px;margin-top:28px;background:#fff;border-radius:22px;padding:28px;box-shadow:0 12px 35px #173f1b14;border:1px solid #e4eee1;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.booking-step{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #e1eae0;border-radius:16px;background:#fbfdfb}
.booking-step>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#dff1d5;color:#176536;font-weight:800;flex:0 0 auto}
.booking-step div{width:100%}.booking-step b{display:block;margin-bottom:9px;color:#174c2c}.booking-step select,.booking-step input{width:100%;padding:13px;border:1px solid #cddacb;border-radius:10px;background:#fff;font:inherit;color:#294936}
.booking-button{grid-column:1/-1;background:#08752f;color:#fff;border:0;border-radius:12px;padding:15px 22px;font-weight:800;font-size:16px;cursor:pointer}
.booking-button:hover{background:#075f27}.booking-result{grid-column:1/-1;min-height:0;color:#176536;font-weight:700;line-height:1.6}
.contact-form{max-width:700px;display:grid;gap:14px;margin-top:25px}
.contact-form input,.contact-form textarea{width:100%;padding:16px;border:1px solid #cddacb;border-radius:12px;font-size:16px;font-family:inherit}
.contact-form textarea{min-height:140px;resize:vertical}
.contact-form button{width:max-content;background:#08752f;color:#fff;border:0;padding:15px 25px;border-radius:12px;font-weight:700;cursor:pointer}
.modal-backdrop{display:none;position:fixed;inset:0;background:#062b1590;z-index:100;align-items:center;justify-content:center;padding:20px}
.modal-backdrop.show{display:flex}
.modal{position:relative;background:#fff;width:min(480px,100%);border-radius:24px;padding:34px;box-shadow:0 30px 80px #0005}
.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:30px;cursor:pointer;color:#31513b}
.modal h2{font-size:32px;margin-top:0}.modal form{display:grid;gap:13px}
.modal input,.modal select{padding:14px;border:1px solid #ccd9ce;border-radius:10px;font-size:16px}
.modal button.primary{background:#08752f;color:#fff;border:0;border-radius:10px;padding:14px;font-weight:700;cursor:pointer}
.modal small{display:block;margin-top:12px;color:#6b776e;line-height:1.5}
footer{display:flex;justify-content:space-between;gap:20px;padding:28px 7%;background:#063d20;color:#fff;font-size:14px}

@media(max-width:900px){
  .booking-card{grid-template-columns:1fr}.booking-button,.booking-result{grid-column:auto}
  .cards{grid-template-columns:repeat(2,1fr)}
  .info-grid{grid-template-columns:1fr}
  .panel{padding:55px 5%}
}
@media(max-width:600px){
  .cards{grid-template-columns:1fr}
  .market-table div{grid-template-columns:1.2fr .9fr .9fr;font-size:14px;padding:14px}
  p{font-size:16px}
  footer{flex-direction:column}
}

.market-controls{display:flex;gap:10px;align-items:center;margin-top:20px;flex-wrap:wrap}
.market-controls select,.market-controls button{padding:12px 15px;border:1px solid #cddacb;border-radius:10px;background:#fff;font:inherit}
.market-controls button{background:#08752f;color:#fff;border:0;font-weight:700;cursor:pointer}
.market-note{font-size:13px!important;color:#6a786d!important}
.location-button{display:block;margin:0 0 9px;padding:10px 12px;border:0;border-radius:9px;background:#e0f2d5;color:#176536;font-weight:700;cursor:pointer}
.location-status{display:block;color:#6a786d;font-size:12px;line-height:1.4}

/* ===== Logged-in profile pill (frontend-only) ===== */
.profile-hotspot{position:absolute;right:1.8%;top:1.15%;z-index:8;line-height:normal}
.profile-button{display:flex;align-items:center;gap:7px;padding:7px 10px;border:0;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 4px 16px rgba(0,0,0,.18);color:#123d24;cursor:pointer;font-weight:800;font-size:14px;max-width:190px}
.profile-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#08752f;color:#fff;flex:0 0 auto}
.profile-name{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-arrow{font-size:16px;line-height:1}
.profile-menu{display:none;position:absolute;right:0;top:48px;min-width:170px;background:#fff;border-radius:14px;padding:12px;box-shadow:0 14px 35px rgba(0,0,0,.2);border:1px solid #e1e9df}
.profile-menu.show{display:block}
.profile-menu-name{font-weight:800;color:#174c2c;padding:8px 9px 10px;border-bottom:1px solid #e7eee5;margin-bottom:7px}
.profile-menu button{width:100%;border:0;background:#f4f8f2;color:#b33b2b;padding:10px;border-radius:9px;font-weight:800;cursor:pointer}
.profile-menu button:hover{background:#fdecea}
@media(max-width:600px){.profile-name{display:none}.profile-button{padding:5px}.profile-hotspot{right:1%;top:.9%}}


/* ===== Top-right Login / Register ===== */
.top-auth{position:absolute;right:1.8%;top:1.15%;z-index:8;display:flex;gap:8px;align-items:center;line-height:normal}
.auth-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:10px;text-decoration:none;font-weight:800;font-size:14px;box-shadow:0 4px 14px rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.7)}
.login-btn{background:rgba(255,255,255,.96);color:#08752f}.register-btn{background:#08752f;color:#fff}
.profile-menu a{display:block;text-decoration:none;color:#174c2c;padding:10px 9px;border-radius:9px;font-weight:700}.profile-menu a:hover{background:#eef6e9}
@media(max-width:600px){.top-auth{right:1%;top:.7%;gap:4px}.auth-btn{padding:7px 9px;font-size:11px}.profile-hotspot{right:1%;top:.7%}}


/* ===== Weather forecast ===== */
.weather-info-card{position:relative}
.weather-card-button{margin-top:12px;padding:10px 14px;border:0;border-radius:10px;background:#08752f;color:#fff;font-weight:800;cursor:pointer}
.weather-card-button:hover{background:#075f27}
.weather-forecast{margin-top:28px;background:#fff;border:1px solid #dfe9dc;border-radius:22px;padding:24px;box-shadow:0 10px 30px rgba(23,63,27,.08)}
.weather-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.weather-head h3{margin:8px 0 0;color:#075b2b;font-size:26px}
.weather-actions{display:flex;gap:9px;flex-wrap:wrap}
.weather-actions select,.weather-actions button{padding:11px 13px;border:1px solid #cddacb;border-radius:10px;background:#fff;font:inherit;color:#294936}
.weather-actions button{background:#08752f;color:#fff;border:0;font-weight:800;cursor:pointer}
.weather-today{display:flex;align-items:center;gap:20px;background:#eef7e9;border-radius:18px;padding:20px;margin-top:15px}
.weather-current-icon{font-size:58px;line-height:1}
.weather-temp{font-size:40px;font-weight:900;color:#075b2b;line-height:1}
.weather-meta{margin-top:7px;color:#55705d;font-size:14px;line-height:1.6}
.weather-days{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:14px}
.weather-day{display:flex;flex-direction:column;gap:7px;background:#fbfdfb;border:1px solid #e2ebe0;border-radius:15px;padding:13px;min-height:175px}
.weather-day-icon{font-size:31px}.weather-day strong{font-size:15px;color:#174c2c}.weather-day span{font-size:13px;color:#496451;line-height:1.4}.weather-day em{font-style:normal;font-size:12px;color:#176536}.weather-day small{color:#6a786d;font-size:12px;margin-top:auto}.weather-source{display:block;color:#78847b;margin-top:13px}.weather-error{padding:16px;background:#fff3f0;border-radius:12px;color:#a53a2c}
@media(max-width:1100px){.weather-days{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.weather-head{flex-direction:column}.weather-actions{width:100%}.weather-actions select,.weather-actions button{width:100%}.weather-days{grid-template-columns:repeat(2,1fr)}.weather-today{align-items:flex-start}.weather-current-icon{font-size:45px}.weather-temp{font-size:32px}}
@media(max-width:450px){.weather-days{grid-template-columns:1fr}.weather-forecast{padding:17px}}


/* ===== Weather menu + floating weather popup ===== */
.weather-menu-section{padding-top:48px;padding-bottom:48px}
.weather-menu-section .panel-inner{background:linear-gradient(135deg,#f0f8eb,#ffffff);border:1px solid #dfe9dc;border-radius:22px;padding:30px;box-shadow:0 10px 30px rgba(23,63,27,.06)}
.floating-weather{position:fixed;right:22px;bottom:22px;z-index:80;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:10px 14px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(0,0,0,.18);color:#174c2c;cursor:pointer;min-width:170px;text-align:left;backdrop-filter:blur(8px)}
.floating-weather:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.22)}
.floating-weather-icon{font-size:32px;line-height:1}
.floating-weather-text{display:flex;flex-direction:column;gap:1px;min-width:0}
.floating-weather-text b{font-size:12px;color:#68766c}
.floating-weather-text strong{font-size:19px;color:#075b2b}
.floating-weather-text small{font-size:11px;color:#607064;max-width:115px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:600px){.floating-weather{right:10px;bottom:10px;min-width:145px;padding:8px 10px}.floating-weather-icon{font-size:27px}.floating-weather-text strong{font-size:16px}.weather-menu-section .panel-inner{padding:22px}}


/* ===== Clickable information cards ===== */
.info-card-link,.feature-link{display:block;text-decoration:none;color:inherit}
.info-card-link > div,.feature-link article{height:100%}
.info-card-link > div{transition:transform .2s ease,box-shadow .2s ease}
.info-card-link:hover > div{transform:translateY(-3px);box-shadow:0 12px 28px rgba(23,63,27,.12)}
.info-card-link strong{display:inline-block;margin-top:12px;color:#08752f}
.feature-link:hover article{transform:translateY(-3px)}


/* ===== Eye-catching green information centre cards ===== */
.green-info-grid .info-card-link > div,.green-info-grid .green-info-card{background:linear-gradient(135deg,#08752f,#16a34a);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:24px;box-shadow:0 10px 28px rgba(8,117,47,.22);position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;}
.green-info-grid .info-card-link > div:before,.green-info-grid .green-info-card:before{content:"";position:absolute;right:-35px;top:-45px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.12);}
.green-info-grid .info-card-link:hover > div,.green-info-grid .green-info-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(8,117,47,.32);}
.green-info-grid h3{color:#fff;margin-top:0;position:relative;}
.green-info-grid p{color:rgba(255,255,255,.94);position:relative;}
.green-info-grid strong{color:#fff;background:rgba(255,255,255,.14);padding:8px 12px;border-radius:10px;position:relative;}
.green-info-grid .weather-card-button{background:#fff;color:#08752f;position:relative;}
.green-info-grid .weather-card-button:hover{background:#f0fff4;color:#075f27;}
@media(max-width:700px){.green-info-grid .info-card-link > div,.green-info-grid .green-info-card{padding:20px;}}


/* ===== हमारी सुविधाएँ: फोटो के ठीक नीचे ===== */
.services-first-section {
  background: #fbfcf7;
  padding-top: 54px;
  padding-bottom: 64px;
}

.services-first-section .panel-inner {
  max-width: 1220px;
}

.services-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #087b3d;
  font-weight: 700;
  letter-spacing: .2px;
}

.services-first-section h2 {
  margin: 8px 0 10px;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.15;
  color: #083b25;
}

.services-intro {
  max-width: 760px;
  margin: 0 0 28px;
  color: #52645a;
  font-size: 17px;
  line-height: 1.65;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.service-card {
  display: block;
  min-height: 225px;
  padding: 25px 24px 22px;
  border: 1px solid #dfe8dc;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 10px 26px rgba(15, 75, 42, .08);
  text-decoration: none;
  color: #183b29;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.service-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 34px rgba(15, 75, 42, .14);
  border-color: #a9cfae;
}

.service-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  border-radius: 50%;
  background: #eaf6d8;
  font-size: 29px;
}

.service-card h3 {
  margin: 0 0 10px;
  color: #073c26;
  font-size: 22px;
}

.service-card p {
  margin: 0 0 17px;
  color: #66716b;
  font-size: 16px;
  line-height: 1.5;
}

.service-card strong {
  color: #087b3d;
  font-size: 15px;
}

.service-card-price .service-icon { background: #e7f5d2; }
.service-card-buyer .service-icon { background: #e8f5d2; }
.service-card-order .service-icon { background: #e8f5d2; }
.service-card-delivery .service-icon { background: #e8f5d2; }

@media (max-width: 1000px) {
  .services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .services-first-section {
    padding-top: 38px;
    padding-bottom: 45px;
  }

  .services-grid {
    grid-template-columns: 1fr;
  }

  .service-card {
    min-height: auto;
  }
}


/* ===== बस 4 आसान कदम: हमारी सुविधाओं के ठीक नीचे ===== */
.four-steps-section {
  background: #f1f8e9;
  padding: 58px 0 64px;
}

.four-steps-inner {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 28px;
  display: grid;
  grid-template-columns: 330px 1fr;
  gap: 42px;
  align-items: center;
}

.steps-heading {
  text-align: left;
}

.steps-eyebrow {
  display: inline-flex;
  align-items: center;
  color: #087b3d;
  font-weight: 700;
  margin-bottom: 10px;
}

.steps-heading h2 {
  margin: 0 0 18px;
  color: #073c26;
  font-size: clamp(34px, 4vw, 50px);
  line-height: 1.12;
}

.steps-heading p {
  margin: 0;
  color: #66716b;
  font-size: 17px;
  line-height: 1.6;
}

.steps-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.step-card {
  min-height: 205px;
  padding: 20px 15px 18px;
  border: 1px solid #dce8d9;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 7px 20px rgba(15, 75, 42, .07);
  text-align: center;
  text-decoration: none;
  color: #173c29;
  transition: transform .22s ease, box-shadow .22s ease;
}

.step-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 28px rgba(15, 75, 42, .13);
}

.step-number {
  width: 36px;
  height: 36px;
  margin: 0 auto 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #087b3d;
  color: #fff;
  font-weight: 800;
  font-size: 17px;
}

.step-card h3 {
  margin: 0 0 14px;
  color: #073c26;
  font-size: 19px;
  line-height: 1.3;
}

.step-card p {
  margin: 0;
  color: #66716b;
  font-size: 15px;
  line-height: 1.5;
}

@media (max-width: 1050px) {
  .four-steps-inner {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .steps-heading {
    text-align: center;
  }

  .steps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .four-steps-section {
    padding: 42px 0 48px;
  }

  .four-steps-inner {
    padding: 0 18px;
  }

  .steps-grid {
    grid-template-columns: 1fr;
  }

  .step-card {
    min-height: auto;
  }
}


/* ===== अंतिम CTA: footer के ठीक ऊपर ===== */
.final-cta-section {
  background: linear-gradient(135deg, #045a2a, #087b3d);
  padding: 76px 24px 72px;
  color: #fff;
  text-align: center;
}
.final-cta-inner {
  max-width: 900px;
  margin: 0 auto;
}
.final-cta-inner h2 {
  margin: 0 0 22px;
  font-size: clamp(34px, 5vw, 52px);
  line-height: 1.18;
  color: #fff;
}
.final-cta-inner p {
  margin: 0 0 26px;
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
}
.final-cta-button {
  border: 0;
  border-radius: 12px;
  padding: 14px 28px;
  background: #f6c744;
  color: #073c26;
  font-size: 17px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
  transition: transform .2s ease, box-shadow .2s ease;
}
.final-cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgba(0,0,0,.18);
}
@media (max-width: 600px) {
  .final-cta-section { padding: 54px 18px 52px; }
  .final-cta-inner h2 { font-size: 34px; }
  .final-cta-inner p { font-size: 16px; }
}


/* ===== Main photo पर green clickable मंडी भाव card ===== */
.mandi-price-card{
  position:absolute;right:3.2%;bottom:4.5%;z-index:7;width:360px;
  padding:20px;border-radius:18px;text-decoration:none;color:#fff;
  background:linear-gradient(145deg,#0b7a3b,#07552b);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 16px 36px rgba(0,55,25,.32);
  transition:transform .22s ease,box-shadow .22s ease;
}
.mandi-price-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(0,55,25,.42)}
.mandi-card-title{display:flex;align-items:center;gap:13px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.22)}
.mandi-card-title>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.16);font-size:25px}
.mandi-card-title strong{display:block;font-size:23px;line-height:1.15}
.mandi-card-title small{display:block;margin-top:3px;color:rgba(255,255,255,.78);font-size:12px}
.mandi-card-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px 11px;padding:14px 0}
.mandi-card-prices div{display:flex;justify-content:space-between;gap:5px;padding:9px 10px;border-radius:9px;background:rgba(255,255,255,.11);font-size:13px}
.mandi-card-prices b{color:#eaffc9;font-size:13px;white-space:nowrap}
.mandi-card-link{padding-top:11px;border-top:1px solid rgba(255,255,255,.22);font-size:13px;font-weight:700;color:#eaffc9}
@media(max-width:700px){
  .mandi-price-card{right:3%;bottom:4%;width:205px;padding:11px 12px;gap:9px}
  .mandi-price-icon{width:48px;height:48px;flex-basis:39px;font-size:20px}
  .mandi-price-content strong{font-size:14px}
  .mandi-price-content small{font-size:12px}
  .mandi-price-content b{font-size:12px}
}

@media(max-width:700px){
  .mandi-price-card{right:3%;bottom:4%;width:285px;padding:15px}
  .mandi-card-title strong{font-size:18px}.mandi-card-title small{font-size:11px}
  .mandi-card-prices{gap:6px 8px}.mandi-card-prices div{font-size:11px;padding:7px}
  .mandi-card-prices b{font-size:9px}.mandi-card-link{font-size:12px}
}
/* ===== Mobile responsive: main photo + mandi card only ===== */
@media (max-width: 700px){
  .design{width:100%;overflow:hidden;}
  .home-image{display:block;width:100%;height:auto;max-width:none;object-fit:contain;}

  .mandi-price-card{
    right:3%;
    bottom:3.5%;
    width:min(330px,calc(100% - 24px));
    box-sizing:border-box;
    padding:14px;
    border-radius:16px;
  }
  .mandi-card-title{gap:10px;padding-bottom:10px;}
  .mandi-card-title>span{width:40px;height:40px;font-size:21px;flex:0 0 40px;}
  .mandi-card-title strong{font-size:18px;}
  .mandi-card-title small{font-size:10.5px;}
  .mandi-card-prices{grid-template-columns:1fr 1fr;gap:6px 7px;padding:11px 0;}
  .mandi-card-prices div{font-size:11px;padding:8px 7px;min-width:0;}
  .mandi-card-prices b{font-size:11px;}
  .mandi-card-link{padding-top:9px;font-size:11px;}
}

@media (max-width:380px){
  .mandi-price-card{right:3%;bottom:3%;width:calc(100% - 18px);padding:12px;}
  .mandi-card-title strong{font-size:16px;}
  .mandi-card-title small{font-size:9.5px;}
  .mandi-card-prices div{font-size:10px;padding:7px 6px;}
  .mandi-card-prices b{font-size:10px;}
  .mandi-card-link{font-size:10px;}
}