/* ==========================================================
   PaniWala Theme — Global CSS (navy + aqua premium branding)
   ========================================================== */
:root{
  --pw-navy:#0b2447;
  --pw-navy-2:#12386f;
  --pw-blue:#19589f;
  --pw-aqua:#22d3ee;
  --pw-aqua-2:#0891b2;
  --pw-ink:#0f172a;
  --pw-slate:#475569;
  --pw-soft:#f8fafc;
  --pw-border:#e2e8f0;
  --pw-danger:#dc2626;
  --pw-danger-2:#f97316;
  --pw-success:#10b981;
  --pw-warning:#f59e0b;
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:"Manrope","Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--pw-ink);
  background:#f8fafc;
  -webkit-font-smoothing:antialiased;
  line-height:1.55;
}
a{color:var(--pw-blue);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{color:var(--pw-navy);letter-spacing:-0.01em;line-height:1.15;margin:0 0 .5rem}
h1{font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800}
h2{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:800}
h3{font-size:1.25rem;font-weight:700}
p{margin:0 0 1rem}
.pw-container{max-width:1200px;margin:0 auto;padding:0 1rem}
@media (min-width:768px){.pw-container{padding:0 1.5rem}}

/* --- Header --- */
.pw-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--pw-border)}
.pw-header-inner{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.pw-brand{display:flex;align-items:center;gap:.6rem;color:var(--pw-navy);text-decoration:none}
.pw-brand-mark{width:2.25rem;height:2.25rem;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#19589f,#0891b2)}
.pw-brand-text{display:flex;flex-direction:column;line-height:1}
.pw-brand-name{font-weight:800;letter-spacing:-.01em;font-size:1.05rem}
.pw-brand-tag{font-size:.65rem;color:var(--pw-slate);margin-top:.15rem}
.pw-nav-list{display:flex;gap:.25rem;list-style:none;margin:0;padding:0}
.pw-nav-list a{color:var(--pw-ink);font-weight:600;font-size:.9rem;padding:.5rem .75rem;border-radius:10px}
.pw-nav-list a:hover{background:#eef2f7;text-decoration:none}
.pw-nav-list .pw-nav-danger{color:var(--pw-danger)}
.pw-nav-toggle{display:none;background:none;border:0;flex-direction:column;gap:4px;padding:6px}
.pw-nav-toggle span{width:22px;height:2px;background:var(--pw-ink);display:block}
@media (max-width:860px){
  .pw-nav{position:absolute;top:100%;left:0;right:0;background:white;border-bottom:1px solid var(--pw-border);display:none;padding:.5rem 1rem}
  .pw-nav.open{display:block}
  .pw-nav-list{flex-direction:column;gap:.25rem}
  .pw-nav-toggle{display:inline-flex}
}

/* --- Hero --- */
.pw-hero{color:white;padding:3.5rem 0 4rem}
.pw-hero-navy{background:
  radial-gradient(1200px 500px at 80% -20%,rgba(34,211,238,.28),transparent 60%),
  radial-gradient(800px 400px at 0% 20%,rgba(56,189,248,.18),transparent 60%),
  linear-gradient(160deg,#0b2447 0%,#12386f 60%,#19589f 100%)}
.pw-hero-inner{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}
@media(min-width:900px){.pw-hero-inner{grid-template-columns:1.1fr .9fr}}
.pw-hero-title{color:white;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800}
.pw-accent{color:#67e8f9}
.pw-hero-sub{color:#e0f2fe;max-width:34rem;font-size:1.05rem;margin-top:.75rem}
.pw-hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.pw-hero-trust{display:flex;flex-wrap:wrap;gap:1.2rem;color:#cffafe;font-size:.9rem;margin-top:1.5rem}
.pw-hero-cards{background:rgba(255,255,255,.1);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:1rem}
.pw-hero-cards .pw-jar-card{background:white;color:var(--pw-ink);border-radius:16px;padding:1rem;margin-bottom:.75rem}
.pw-hero-cards .pw-jar-card:last-of-type{margin-bottom:0}
.pw-jar-icon{width:2.5rem;height:2.5rem;border-radius:10px;display:grid;place-items:center;font-size:1.25rem}
.pw-jar-name{font-weight:700;margin-top:.5rem}
.pw-jar-desc{font-size:.8rem;color:var(--pw-slate)}
.pw-jar-price{font-size:1.5rem;font-weight:800;color:var(--pw-navy);margin-top:.5rem}
.pw-jar-price span{font-weight:500;color:var(--pw-slate);font-size:.9rem}
.pw-jar-emergency{color:var(--pw-danger);font-size:.72rem;font-weight:700;margin-top:.15rem}
.pw-hero-note{color:#cffafe;font-size:.72rem;margin-top:.5rem;padding:0 .5rem}
@media(min-width:640px){.pw-hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.pw-hero-cards .pw-jar-card{margin-bottom:0}.pw-hero-note{grid-column:1/-1;margin:0}}

/* Emergency hero */
.pw-hero-emergency{background:
  radial-gradient(1000px 400px at 100% 0%,rgba(249,115,22,.35),transparent 60%),
  radial-gradient(700px 300px at 0% 100%,rgba(220,38,38,.35),transparent 60%),
  linear-gradient(140deg,#7c1d1d 0%,#b91c1c 45%,#ea580c 100%)}

/* Wave BG */
.pw-wave-bg{background:
  radial-gradient(1200px 400px at 90% -10%,rgba(34,211,238,.15),transparent 60%),
  radial-gradient(900px 400px at -10% 10%,rgba(25,88,159,.15),transparent 60%),
  linear-gradient(180deg,#f0f9ff 0%,#ffffff 60%)}

/* Buttons */
.pw-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:12px;font-weight:700;border:0;cursor:pointer;transition:transform .15s ease,filter .15s ease,background .15s ease;font-size:.95rem;text-decoration:none;line-height:1}
.pw-btn:hover{text-decoration:none;transform:translateY(-1px);filter:brightness(1.06)}
.pw-btn-primary{background:linear-gradient(135deg,#19589f 0%,#0891b2 100%);color:white}
.pw-btn-emergency{background:linear-gradient(135deg,#dc2626 0%,#f97316 100%);color:white;box-shadow:0 6px 20px -6px rgba(220,38,38,.45)}
.pw-btn-outline{border:1px solid #cbd5e1;background:white;color:var(--pw-ink)}
.pw-btn-outline:hover{background:#f1f5f9}
.pw-btn-ghost{background:transparent;color:var(--pw-ink)}
.pw-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}

/* Pills */
.pw-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:700;background:#dbeafe;color:#1e40af}
.pw-pill-glass{background:rgba(255,255,255,.15);color:#cffafe;backdrop-filter:blur(6px)}
.pw-pill-new{background:#dbeafe;color:#1e40af}
.pw-pill-accepted{background:#dcfce7;color:#166534}
.pw-pill-preparing{background:#fef3c7;color:#92400e}
.pw-pill-out{background:#e0e7ff;color:#3730a3}
.pw-pill-delivered{background:#d1fae5;color:#065f46}
.pw-pill-cancelled{background:#f1f5f9;color:#334155}
.pw-pill-rejected{background:#fee2e2;color:#991b1b}
.pw-pill-emergency{background:#fecaca;color:#7f1d1d}
.pw-pill-normal{background:#bae6fd;color:#075985}
.pw-pill-pending{background:#fef3c7;color:#92400e}
.pw-pill-approved{background:#d1fae5;color:#065f46}

/* Cards */
.pw-card{background:white;border:1px solid var(--pw-border);border-radius:16px;padding:1.25rem;box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px -6px rgba(15,23,42,.08);transition:transform .2s ease,box-shadow .2s ease}
.pw-card:hover{box-shadow:0 6px 24px -8px rgba(15,23,42,.15)}
.pw-card.pw-emergency{border:2px solid #fecaca}
.pw-card-title{font-weight:800;color:var(--pw-navy);margin:0 0 .5rem}

/* Stat card */
.pw-stat-card{background:white;border:1px solid var(--pw-border);border-radius:16px;padding:1.1rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;transition:transform .2s ease,box-shadow .2s ease}
.pw-stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(15,23,42,.15)}
.pw-stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;font-weight:700;color:var(--pw-slate)}
.pw-stat-value{font-size:1.5rem;font-weight:800;color:var(--pw-navy);margin-top:.25rem}
.pw-stat-sub{font-size:.75rem;color:var(--pw-slate);margin-top:.15rem}
.pw-stat-bar{width:.4rem;height:2.5rem;border-radius:9999px}
.pw-stat-bar.blue{background:linear-gradient(to bottom,#3b82f6,#06b6d4)}
.pw-stat-bar.green{background:linear-gradient(to bottom,#10b981,#0d9488)}
.pw-stat-bar.orange{background:linear-gradient(to bottom,#f97316,#dc2626)}
.pw-stat-bar.purple{background:linear-gradient(to bottom,#6366f1,#a855f7)}
.pw-stat-bar.slate{background:linear-gradient(to bottom,#475569,#0f172a)}

/* Forms */
.pw-label{font-size:.8rem;font-weight:700;color:#334155;margin-bottom:.35rem;display:block}
.pw-input,.pw-select,.pw-textarea{width:100%;border:1px solid #cbd5e1;background:white;border-radius:10px;padding:.6rem .75rem;font-size:.95rem;outline:none;transition:border .15s ease,box-shadow .15s ease;font:inherit;color:var(--pw-ink)}
.pw-input:focus,.pw-select:focus,.pw-textarea:focus{border-color:#19589f;box-shadow:0 0 0 3px rgba(25,88,159,.15)}
.pw-textarea{min-height:80px}
.pw-form-row{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:640px){.pw-form-row{grid-template-columns:1fr 1fr}}
.pw-form-row .full{grid-column:1/-1}

/* Tables */
.pw-table-wrap{background:white;border:1px solid var(--pw-border);border-radius:14px;overflow-x:auto}
.pw-table{width:100%;border-collapse:collapse;font-size:.9rem}
.pw-table th{text-align:left;padding:.75rem .9rem;background:#f8fafc;color:#334155;font-weight:700;border-bottom:1px solid var(--pw-border);white-space:nowrap}
.pw-table td{padding:.75rem .9rem;border-bottom:1px solid #f1f5f9;vertical-align:top}
.pw-table tr:last-child td{border-bottom:0}

/* Tabs */
.pw-tabs{display:flex;gap:.25rem;overflow-x:auto;padding-bottom:.25rem;margin-bottom:1.25rem}
.pw-tab{padding:.55rem .9rem;border-radius:10px;font-weight:700;font-size:.85rem;color:#475569;white-space:nowrap;border:0;background:transparent;cursor:pointer;text-decoration:none}
.pw-tab.active{background:var(--pw-navy);color:white}
.pw-tab:hover:not(.active){background:#e2e8f0;text-decoration:none}

/* Sections */
.pw-section{padding:3rem 0}
.pw-white{background:white;border-top:1px solid #f1f5f9}
.pw-section-title{color:var(--pw-navy);font-weight:800;font-size:clamp(1.75rem,3vw,2.25rem)}
.pw-section-sub{color:var(--pw-slate)}
.pw-mt-2{margin-top:.5rem}.pw-mt-3{margin-top:.75rem}.pw-mt-4{margin-top:1rem}.pw-mt-6{margin-top:1.5rem}.pw-mt-8{margin-top:2rem}
.pw-flex{display:flex;gap:.75rem;flex-wrap:wrap}
.pw-grid-2{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.pw-grid-2{grid-template-columns:1fr 1fr}}
.pw-grid-3{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:900px){.pw-grid-3{grid-template-columns:repeat(3,1fr)}}
.pw-grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:768px){.pw-grid-4{grid-template-columns:repeat(4,1fr)}}
.pw-grid-5{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:900px){.pw-grid-5{grid-template-columns:repeat(5,1fr)}}

/* Feature block */
.pw-features{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:640px){.pw-features{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.pw-features{grid-template-columns:repeat(4,1fr)}}
.pw-feature-ic{width:2.5rem;height:2.5rem;border-radius:10px;background:#eff6ff;display:grid;place-items:center;color:#19589f;font-size:1.15rem}
.pw-feature-title{font-weight:800;color:var(--pw-navy);margin-top:.5rem}
.pw-feature-desc{color:var(--pw-slate);font-size:.9rem;margin-top:.2rem}

/* Page/wrappers */
.pw-page{padding:2.5rem 0}
.pw-page-title{font-size:clamp(1.75rem,3vw,2.5rem);color:var(--pw-navy);font-weight:800}
.pw-content > *:last-child{margin-bottom:0}
.pw-single{background:white;border-radius:16px;padding:1.5rem;border:1px solid var(--pw-border)}

/* 404 */
.pw-404{min-height:60vh;display:grid;place-items:center}
.pw-404-card{text-align:center;max-width:24rem}
.pw-404-code{font-size:5rem;font-weight:800;color:var(--pw-navy);letter-spacing:-.02em}

/* Footer */
.pw-footer{background:var(--pw-navy);color:#cffafe;padding:2.5rem 0 0;margin-top:3rem}
.pw-footer-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding-bottom:2rem}
@media(min-width:768px){.pw-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.pw-footer-brand{font-weight:800;color:white;font-size:1.15rem}
.pw-footer-text{font-size:.9rem;color:#c7e5f0;margin-top:.5rem}
.pw-footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}
.pw-footer-links a{color:#c7e5f0}
.footer-widget-title{color:white;font-weight:700;margin:0 0 .5rem}
.pw-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:1rem 0;font-size:.8rem;color:#95c0d1}

/* Emergency status pulse (no map, just indicator) */
@keyframes pwPulse{
  0%{box-shadow:0 0 0 0 rgba(220,38,38,.5)}
  70%{box-shadow:0 0 0 12px rgba(220,38,38,0)}
  100%{box-shadow:0 0 0 0 rgba(220,38,38,0)}
}
.pw-pulse{animation:pwPulse 1.6s infinite;border-radius:9999px;padding:.2rem;display:inline-flex}

/* Order status timeline (replaces tracking) */
.pw-status-timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}
.pw-status-timeline li{display:flex;align-items:center;gap:.65rem;font-size:.9rem}
.pw-status-dot{width:.65rem;height:.65rem;border-radius:9999px;background:#cbd5e1;flex-shrink:0}
.pw-status-timeline li.done .pw-status-dot{background:var(--pw-success)}
.pw-status-timeline li.current .pw-status-dot{background:var(--pw-blue);box-shadow:0 0 0 4px rgba(25,88,159,.15)}
.pw-status-timeline li .pw-status-time{color:var(--pw-slate);font-size:.8rem;margin-left:auto}

/* Toast/alerts */
.pw-alert{border-radius:12px;padding:.75rem 1rem;font-size:.9rem;margin:.5rem 0}
.pw-alert-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.pw-alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.pw-alert-warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}
.pw-alert-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}

/* Toggle switch */
.pw-toggle{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}
.pw-toggle input{display:none}
.pw-toggle-track{width:2.75rem;height:1.55rem;border-radius:9999px;background:#cbd5e1;position:relative;transition:background .15s ease}
.pw-toggle-track::after{content:"";width:1.15rem;height:1.15rem;background:white;border-radius:9999px;position:absolute;top:.2rem;left:.2rem;transition:left .15s ease;box-shadow:0 1px 2px rgba(0,0,0,.15)}
.pw-toggle input:checked + .pw-toggle-track{background:var(--pw-blue)}
.pw-toggle input:checked + .pw-toggle-track::after{left:1.4rem}

/* Dashboard shell */
.pw-dashboard-shell{padding:1.5rem 0}
.pw-dashboard-head h1{font-size:clamp(1.5rem,2.5vw,2rem)}
.pw-dashboard-head .pw-sub{color:var(--pw-slate)}
.pw-order-card{border:1px solid var(--pw-border);border-radius:14px;padding:1rem;background:white;margin-bottom:.75rem}
.pw-order-card.pw-emergency{border:2px solid #fecaca;background:#fff}
.pw-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* Utility: hide on mobile / show on mobile */
.pw-hide-mobile{display:none}@media(min-width:860px){.pw-hide-mobile{display:initial}}
.pw-show-mobile{display:initial}@media(min-width:860px){.pw-show-mobile{display:none}}

/* ===== PaniWala 2.0 attractive English storefront ===== */
.paniwala-home{background:#fff}.pw-home-hero{overflow:hidden;background:radial-gradient(circle at 80% 30%,#dff5ff 0,transparent 32%),linear-gradient(110deg,#f7fbff 0%,#eef9ff 55%,#fff 100%);border-bottom:1px solid #dceefe}
.pw-home-hero-grid{min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:2rem;padding-top:3rem;padding-bottom:3rem}.pw-home-kicker,.pw-eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.06em;color:#0879df}.pw-home-copy h1{font-size:clamp(2.7rem,5vw,4.6rem);color:#0b2b5c;margin:.7rem 0 1rem}.pw-home-copy h1 span{color:#087bea}.pw-home-copy>p{max-width:620px;color:#4b617a;font-size:1.08rem}.pw-home-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.7rem 0}.pw-home-btn{padding:.9rem 1.3rem;border-radius:10px}.pw-home-emergency{background:white;color:#e64b37;border:1px solid #ffb6ac;box-shadow:0 8px 24px rgba(18,74,122,.08)}.pw-home-trust{display:flex;gap:1.4rem;flex-wrap:wrap;color:#35516f;font-size:.86rem;font-weight:700}.pw-home-visual{min-height:430px;display:grid;place-items:center}.pw-people-art{width:min(100%,530px);height:390px;border-radius:42% 58% 20% 30%/45% 35% 35% 30%;background:linear-gradient(145deg,#dff5ff,#c6ecff);position:relative;box-shadow:inset 0 0 0 1px #c6e6fa,0 25px 60px rgba(15,91,160,.12)}.pw-person-card{position:absolute;background:#fff;border-radius:28px;padding:1.1rem;box-shadow:0 15px 35px rgba(21,75,126,.14);font-size:3rem;text-align:center}.pw-person-card small{display:block;font-size:.75rem;color:#41627e;font-weight:800}.pw-person-card.kids{left:1rem;bottom:2.5rem}.pw-person-card.young{right:.6rem;top:2.2rem}.pw-big-jar{position:absolute;left:50%;top:50%;transform:translate(-50%,-42%);width:170px;height:225px;border-radius:42px 42px 34px 34px;background:linear-gradient(90deg,#c6ecff,#effbff,#bde8ff);border:5px solid rgba(255,255,255,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#087bea;font-size:4rem;box-shadow:0 22px 40px rgba(5,101,184,.18)}.pw-big-jar strong{font-size:1rem;background:#087bea;color:white;padding:.35rem .7rem;border-radius:7px}.pw-big-jar small{font-size:.72rem;margin-top:.3rem}.pw-bubble{position:absolute;color:#0b8cf2;font-size:2rem}.pw-bubble.b1{left:20%;top:12%}.pw-bubble.b2{right:20%;bottom:12%}
.pw-home-order{background:#fff}.pw-home-section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.5rem}.pw-home-section-head p{color:#64748b;margin:0}.pw-product-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pw-water-product{position:relative;text-align:center;border:1px solid #d8e8f7;border-radius:20px;padding:1.4rem;background:linear-gradient(180deg,#fff,#f8fcff);box-shadow:0 10px 30px rgba(20,74,120,.06)}.pw-size-badge{position:absolute;right:1rem;top:1rem;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#147df0;color:#fff;font-weight:800}.pw-bottle-art{margin:.5rem auto;width:74px;height:130px;border-radius:20px;background:linear-gradient(90deg,#e5f8ff,#bceaff,#f2fcff);border:2px solid #b9e3f8;display:grid;place-items:center;font-size:2.2rem}.pw-bottle-art.jar{width:105px;height:125px;border-radius:28px}.pw-water-product h3{font-size:1.05rem}.pw-water-product strong,.pw-water-product small{display:block}.pw-water-product small{color:#64748b;margin:.25rem 0 .8rem}.pw-mini-order{font-weight:800;font-size:.85rem}
.pw-home-nearby{background:#f5fbff}.pw-nearby-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:1rem}.pw-ro-demo,.pw-lifestyle-panel{position:relative;background:#fff;border:1px solid #dceaf6;border-radius:18px;padding:1rem;overflow:hidden}.pw-shop-photo{height:120px;border-radius:12px;background:linear-gradient(135deg,#e5f4ff,#cdeaff);display:grid;place-items:center;font-size:3.5rem}.pw-open{display:inline-block;background:#dcfce7;color:#168044;border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:800;margin-top:.8rem}.pw-ro-demo p{font-size:.85rem;color:#64748b;margin:.3rem 0}.pw-sizes{color:#087bea;font-weight:800;font-size:.85rem;margin:.7rem 0}.pw-lifestyle-panel{background:linear-gradient(135deg,#e8f8ff,#f5efff);display:flex;flex-direction:column;justify-content:center;padding:2rem}.pw-life-icons{font-size:3rem;margin-bottom:1rem}.pw-lifestyle-panel p{color:#52677d}.pw-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pw-benefit-grid>div{background:#f8fcff;border:1px solid #deedf8;border-radius:16px;padding:1.2rem;font-size:1.5rem}.pw-benefit-grid strong,.pw-benefit-grid span{display:block;font-size:.9rem;margin-top:.35rem}.pw-benefit-grid span{font-size:.78rem;color:#64748b}.pw-order-embed{background:linear-gradient(180deg,#fff,#f5fbff)}
@media(max-width:900px){.pw-home-hero-grid{grid-template-columns:1fr}.pw-home-visual{min-height:350px}.pw-people-art{height:330px}.pw-product-showcase{grid-template-columns:repeat(2,1fr)}.pw-nearby-grid{grid-template-columns:1fr 1fr}.pw-lifestyle-panel{grid-column:1/-1}.pw-benefit-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pw-home-hero-grid{padding-top:2rem}.pw-home-copy h1{font-size:2.55rem}.pw-home-visual{min-height:300px}.pw-people-art{height:280px}.pw-person-card{font-size:2rem}.pw-big-jar{width:125px;height:175px;font-size:3rem}.pw-product-showcase,.pw-nearby-grid,.pw-benefit-grid{grid-template-columns:1fr}.pw-lifestyle-panel{grid-column:auto}.pw-home-section-head{align-items:flex-start;flex-direction:column}}
:root{--pw-blue:#1769ee;--pw-cyan:#16b8e8;--pw-navy:#102b59}.pw2-wrap{max-width:1420px;margin:auto;padding-left:28px;padding-right:28px}.pw2-hero{background:linear-gradient(110deg,#f4fbff,#e9f7ff);border-bottom:1px solid #dcecff;overflow:hidden}.pw2-hero-grid{min-height:500px;display:grid;grid-template-columns:42% 58%;align-items:center}.pw2-copy{padding:54px 0}.pw2-copy h1{font-size:58px;line-height:1.08;color:var(--pw-navy);margin:0 0 22px;font-weight:800;letter-spacing:-2px}.pw2-copy p{font-size:20px;line-height:1.65;max-width:600px;color:#33465f}.pw2-actions{display:flex;gap:18px;margin:30px 0}.pw2-primary,.pw2-secondary{padding:15px 28px;border-radius:10px;font-weight:800;text-decoration:none}.pw2-primary{background:linear-gradient(90deg,var(--pw-blue),var(--pw-cyan));color:#fff}.pw2-secondary{border:1.5px solid var(--pw-blue);background:#fff;color:var(--pw-navy)}.pw2-trust{display:flex;gap:30px;color:#173b70;font-weight:700;font-size:14px}.pw2-family{height:500px;display:flex;align-items:flex-end}.pw2-family img{width:100%;height:100%;object-fit:cover;object-position:center right;mix-blend-mode:multiply}.pw2-section{padding:26px 0}.pw2-section h2{color:var(--pw-navy);font-size:27px;margin:0 0 5px}.pw2-sub{margin:0 0 22px;color:#52667e}.pw2-order .pw2-wrap{background:linear-gradient(180deg,#fbfdff,#eef7ff);border:1px solid #bcd9ff;border-radius:20px;padding-top:25px;padding-bottom:25px}.pw2-products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.pw2-product{position:relative;background:#fff;border:1px solid #cbdff7;border-radius:16px;text-align:center;padding:20px;box-shadow:0 5px 18px rgba(21,75,135,.05)}.pw2-size{position:absolute;right:18px;top:18px;background:#2672ee;color:white;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800}.pw2-bottle{height:100px;display:grid;place-items:center;font-size:58px}.pw2-bottle.jar{font-size:72px}.pw2-product h3{margin:4px 0;color:#153464}.pw2-product strong{display:block;color:#173b70;font-size:18px}.pw2-product small{display:block;margin:7px 0 14px}.pw2-step{display:grid;grid-template-columns:42px 1fr 42px;border:1px solid #c8dbf5;border-radius:10px;overflow:hidden}.pw2-step button{border:0;background:#fff;font-size:20px;color:#1769ee}.pw2-step b{padding:9px;border-left:1px solid #d9e7f8;border-right:1px solid #d9e7f8}.pw2-center{text-align:center;margin-top:18px}.pw2-order-btn{display:inline-block;min-width:330px;padding:13px 30px;border-radius:9px;background:linear-gradient(90deg,#1769ee,#18b8e8);color:#fff;text-decoration:none;font-weight:800}.pw2-heading-row{display:flex;justify-content:space-between;align-items:center}.pw2-heading-row>a{border:1px solid #b8d4ff;padding:10px 18px;border-radius:9px;text-decoration:none}.pw2-shops{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.pw2-shop{border:1px solid #d4e3f5;border-radius:15px;overflow:hidden;background:#fff;padding-bottom:15px}.pw2-shop-photo{height:145px;background:linear-gradient(135deg,#dceeff,#b9d7f2);display:grid;place-items:center;font-size:64px;position:relative}.pw2-shop-photo span{position:absolute;left:12px;bottom:10px;background:#d9f8e6;color:#168544;padding:5px 10px;border-radius:8px;font-size:12px}.pw2-shop h3,.pw2-shop p,.pw2-rating,.pw2-sizes,.pw2-shop-bottom{margin-left:15px;margin-right:15px}.pw2-shop h3{margin-bottom:3px;color:#14345f}.pw2-shop p{margin-top:0;color:#60748d}.pw2-rating{color:#f3a300}.pw2-sizes{padding:12px 0;color:#1769ee;font-weight:800}.pw2-shop-bottom{display:flex;justify-content:space-between;align-items:center}.pw2-shop-bottom a{border:1px solid #6ca2ff;padding:7px 11px;border-radius:7px;text-decoration:none}.pw2-lifestyle{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pw2-lifestyle>div{min-height:170px;border-radius:17px;padding:22px;background:linear-gradient(135deg,#e9f7ff,#dff0ff)}.pw2-lifestyle>div:nth-child(2){background:linear-gradient(135deg,#eefcff,#dff9f7)}.pw2-lifestyle>div:nth-child(3){background:linear-gradient(135deg,#f7f0ff,#eee8ff)}.pw2-people{font-size:56px;float:left;margin-right:18px}.pw2-lifestyle h3{color:#14345f;font-size:21px;margin:15px 0 8px}.pw2-app{background:linear-gradient(90deg,#eef8ff,#e9f6ff);border:1px solid #c9e2ff;border-radius:18px;padding-top:20px;padding-bottom:20px;display:grid;grid-template-columns:190px 1fr 1.4fr;align-items:center;gap:25px}.pw2-phone{width:120px;height:190px;border:8px solid #18355f;border-radius:22px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:42px;color:#1769ee}.pw2-phone strong{font-size:15px}.pw2-store{display:inline-block;background:#111;color:#fff;padding:10px 14px;border-radius:7px}.pw2-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pw2-features span{background:#fff;border-radius:13px;padding:24px 10px;text-align:center;font-size:28px}.pw2-features b{display:block;font-size:13px;color:#173b70;margin-top:8px}@media(max-width:900px){.pw2-hero-grid{grid-template-columns:1fr}.pw2-copy h1{font-size:42px}.pw2-family{height:340px}.pw2-products,.pw2-shops{grid-template-columns:repeat(2,1fr)}.pw2-lifestyle{grid-template-columns:1fr}.pw2-app{grid-template-columns:1fr}.pw2-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.pw2-wrap{padding-left:16px;padding-right:16px}.pw2-copy h1{font-size:36px}.pw2-actions,.pw2-trust{flex-direction:column}.pw2-products,.pw2-shops{grid-template-columns:1fr}.pw2-order-btn{min-width:0;width:100%}}
