#pedir-app,.pd-hero,.pd-wrap{--pd-ink:oklch(25% .04 25);--pd-cream:oklch(97% .025 85);--pd-coral:oklch(63% .19 31);--pd-pink:oklch(65% .23 350);--pd-mari:oklch(83% .16 87);--pd-turq:oklch(87% .09 190);color:var(--pd-ink);font-family:var(--font-body,Karla,Arial,sans-serif)}
.pd-hero{background:var(--pd-ink);color:var(--pd-cream);padding:56px 20px 40px}
.pd-hero-in{max-width:1200px;margin:0 auto}
.pd-hero h1{font-family:var(--font-display,"Chango",sans-serif);font-size:clamp(40px,7vw,72px);line-height:1;letter-spacing:-.04em;margin:0}
.pd-hero p{max-width:640px;font-size:18px;line-height:1.5;margin:18px 0 0;opacity:.9}
.pd-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding:0;list-style:none}
.pd-benefits li{background:var(--pd-mari);color:var(--pd-ink);font-weight:700;border-radius:999px;padding:8px 16px;font-size:14px}
.pd-benefits li:first-child{background:var(--pd-coral);color:var(--pd-cream)}
.pd-wrap{background:var(--pd-cream);padding:28px 20px 80px}
.pd-layout{max-width:1200px;margin:0 auto;display:grid;gap:28px}
.pd-main{min-width:0}
@media(min-width:960px){.pd-layout{grid-template-columns:minmax(0,1fr) 340px}.pd-cart{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow:auto}}
.pd-controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.pd-seg{display:inline-flex;border:2px solid var(--pd-ink);border-radius:999px;overflow:hidden}
.pd-seg button{border:0;background:transparent;padding:10px 20px;font-weight:700;font-size:15px;cursor:pointer;color:var(--pd-ink);min-height:44px}
.pd-seg button[aria-selected=true]{background:var(--pd-ink);color:var(--pd-cream)}
.pd-when{font-weight:700;display:flex;align-items:center;gap:8px}
.pd-when select,.pd-opt{border:2px solid var(--pd-ink);border-radius:10px;padding:8px 10px;font:inherit;background:#fff;min-height:44px}
.pd-nav{display:flex;gap:8px;overflow-x:auto;padding:14px 0 6px;margin-top:8px;position:sticky;top:0;background:var(--pd-cream);z-index:2}
.pd-nav a{white-space:nowrap;border:1.5px solid var(--pd-ink);border-radius:999px;padding:7px 14px;font-weight:700;font-size:14px;color:var(--pd-ink);text-decoration:none}
.pd-nav a:first-child{background:var(--pd-coral);border-color:var(--pd-coral);color:#fff}
.pd-cat{scroll-margin-top:70px;margin-top:26px}
.pd-cat h2,.pd-cart h2,.pd-form h2{font-family:var(--font-display,"Chango",sans-serif);font-size:28px;letter-spacing:-.03em;margin:0 0 14px;font-weight:400}
.pd-cat-web{background:var(--pd-ink);color:var(--pd-cream);border-radius:22px;padding:22px}
.pd-cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.pd-card{background:#fff;color:var(--pd-ink);border:2px solid var(--pd-ink);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:6px}
.pd-card h3{margin:0;font-size:17px;font-weight:800;line-height:1.25}
.pd-card p{margin:0;font-size:14px;line-height:1.4;opacity:.75}
.pd-card-top{display:flex;gap:6px;min-height:0}
.pd-badge{background:var(--pd-coral);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-radius:6px;padding:3px 7px}
.pd-badge-18{background:var(--pd-ink)}
.pd-tags{display:flex;gap:4px;flex-wrap:wrap}
.pd-al{font-size:11px;font-weight:800;border:1.5px solid var(--pd-ink);border-radius:5px;padding:1px 5px}
.pd-v{background:#b3d139;border-color:#b3d139}
.pd-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:8px}
.pd-price{font-weight:800;font-size:18px}
.pd-add,.pd-cta{background:var(--pd-pink);color:#fff;border:0;border-radius:999px;font-weight:800;cursor:pointer;min-height:44px}
.pd-add{padding:8px 18px;font-size:14px}
.pd-add:disabled,.pd-cta:disabled{background:#c9c2b8;cursor:not-allowed}
.pd-cart{background:#fff;border:2px solid var(--pd-ink);border-radius:20px;padding:20px}
.pd-lines{list-style:none;padding:0;margin:0 0 10px}
.pd-lines li{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px dashed rgba(0,0,0,.2);font-size:14px}
.pd-lines small{display:block;opacity:.7}
.pd-qty{display:flex;align-items:center;gap:6px}
.pd-qty button{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--pd-ink);background:#fff;font-weight:800;cursor:pointer}
.pd-lp{font-weight:800;min-width:64px;text-align:end}
.pd-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-weight:700}
.pd-row small{font-weight:400;opacity:.7;text-align:end}
.pd-free{color:#3a8a2a}
.pd-cta{width:100%;padding:14px;font-size:16px;margin-top:10px}
.pd-warn{background:#fde4dc;border-radius:10px;padding:10px 12px;font-weight:700;font-size:14px;margin:8px 0}
.pd-hint{background:var(--pd-turq);border-radius:10px;padding:10px 12px;font-size:14px;margin:8px 0}
.pd-small{font-size:12.5px;opacity:.7;line-height:1.5;margin:10px 0 0}
.pd-empty{opacity:.6}
.pd-form{max-width:640px;display:grid;gap:12px}
.pd-back{background:none;border:0;font-weight:700;cursor:pointer;padding:0;justify-self:start;color:var(--pd-ink);min-height:44px}
.pd-grid2{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media(max-width:560px){.pd-grid2{grid-template-columns:1fr}}
.pd-f{display:grid;gap:4px;font-weight:700;font-size:14px}
.pd-f input,.pd-f textarea{border:2px solid var(--pd-ink);border-radius:10px;padding:10px 12px;font:inherit;font-weight:400;background:#fff}
.pd-check{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.pd-check input{width:20px;height:20px;margin-top:1px}
.pd-mobilebar{position:fixed;left:12px;right:12px;bottom:12px;z-index:20;display:flex;justify-content:space-between;align-items:center;background:var(--pd-pink);color:#fff;border-radius:999px;padding:14px 22px;font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.25)}
@media(min-width:960px){.pd-mobilebar{display:none}}
[dir=rtl] .pd-lp{text-align:start}

.pd-img{width:calc(100% + 32px);margin:-16px -16px 6px;aspect-ratio:4/3;object-fit:cover;border-radius:16px 16px 0 0;display:block}

.pd-return{max-width:1100px;margin:18px auto;padding:16px 20px;border-radius:16px;background:#e9f7ec;border:2px solid #2e7d32;color:#1b3d1f;font-size:17px;line-height:1.5}
/* accounts & points */
.pd-acct{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:var(--pd-mari);border-radius:14px;padding:10px 14px;margin:0 0 16px;font-size:14.5px}
.pd-acct-btn{background:var(--pd-ink);color:var(--pd-cream);border:0;border-radius:999px;padding:10px 18px;font-weight:800;cursor:pointer;min-height:44px;font:inherit;font-weight:800}
.pd-link{background:none;border:0;padding:6px 0;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;color:var(--pd-ink);min-height:36px;justify-self:start}
.pd-ok{background:#e9f7ec;border:2px solid #2e7d32;color:#1b3d1f;border-radius:10px;padding:10px 12px;font-weight:700;font-size:14px;margin:8px 0}
.pd-account{max-width:720px;display:grid;gap:16px}
.pd-account h2{font-family:var(--font-display,"Chango",sans-serif);font-size:28px;letter-spacing:-.03em;margin:0;font-weight:400}
.pd-account .pd-seg{justify-self:start}
.pd-acct-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.pd-box{background:#fff;border:2px solid var(--pd-ink);border-radius:16px;padding:16px 18px}
.pd-box h3{margin:0 0 10px;font-size:19px}
.pd-box h4{margin:14px 0 8px;font-size:15px}
.pd-points{background:var(--pd-ink);color:var(--pd-cream);border-color:var(--pd-ink)}
.pd-points .pd-small{opacity:.8}
.pd-big{font-family:var(--font-display,"Chango",sans-serif);font-size:44px;line-height:1;margin:0;color:var(--pd-mari)}
.pd-big small{font-size:18px}
.pd-rlist,.pd-alist,.pd-olist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pd-rlist li{display:grid;gap:6px}
.pd-rlist li div,.pd-alist li div,.pd-olist li div{display:flex;flex-direction:column}
.pd-rlist small,.pd-alist small,.pd-olist small{opacity:.75;font-size:13px}
.pd-bar{display:block;height:8px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden}
.pd-bar i{display:block;height:100%;background:var(--pd-coral);border-radius:99px}
.pd-alist li,.pd-olist li{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #eee3d3;padding-bottom:10px}
.pd-row-btns{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.pd-rewards{border:2px solid var(--pd-ink);border-radius:14px;padding:10px 14px;display:grid;gap:8px;margin:0}
.pd-rewards legend{font-weight:800;padding:0 6px}
.pd-reward{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14.5px;cursor:pointer}
.pd-reward input{width:20px;height:20px}
.pd-reward.pd-off{opacity:.55;cursor:default}
.pd-rpicks{display:flex;gap:8px;flex-wrap:wrap;width:100%;padding-inline-start:28px}
.pd-alist .pd-al{align-self:flex-start;margin-top:3px}
