/* DAZRO — Update 184: product buy box, pay later, coupons, cart, charts. Manrope only. */

/* ---------------- product page: tighter, app-like buy box ---------------- */
.pdp-wrap .pdp-pricerow{align-items:baseline;gap:8px;margin-top:6px}
.pdp-wrap .pdp-pricerow .pdp-price{order:-1;font-size:1.55rem;font-weight:800;color:var(--ink,#0B1524);letter-spacing:-.01em}
.pdp-wrap .pdp-price-was{font-size:.95rem!important}
.pdp-wrap .pdp-disc{order:2;background:#E7F5EC;color:#1C7A4A!important;border-radius:6px;padding:3px 7px;font-size:.78rem!important;font-weight:800}
.pdp-wrap .pdp-disc svg{display:none}
.pdp-wrap .pdp-disc::after{content:" OFF"}
.pdp-wrap .pdp-deal{display:none}
.pdp-wrap .pdp-stock{font-size:.82rem;margin-top:6px}
.pdp-wrap .pdp-perks{display:flex;flex-direction:column;gap:2px;margin-top:8px}
.pdp-wrap .pdp-perk{font-size:.8rem}
.pdp-wrap .pdp-shortdesc{margin-top:10px}
.pd-bnpl{display:flex;align-items:center;gap:10px;margin-top:8px;padding:9px 11px;border:1px solid #E6EAF0;border-radius:12px;font-size:.8rem;line-height:1.35;color:var(--ink,#0B1524);background:#fff}
.pd-bnpl b{font-weight:800}
.pd-bnpl-logo{flex-shrink:0;font-weight:800;font-size:.82rem;letter-spacing:-.01em;padding:4px 8px;border-radius:7px;line-height:1}
.pd-bnpl--tabby .pd-bnpl-logo{background:#3BFFC1;color:#292929}
.pd-bnpl--tamara .pd-bnpl-logo{background:linear-gradient(90deg,#F3C8B8,#D4C3F1);color:#1d1d1d}
.pd-coupons{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.pd-coupons>b{flex-basis:100%;font-size:.8rem;color:var(--navy-deep,#071D35)}
.pd-coupon{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;border:1.5px dashed #1C7A4A;background:#F2FAF5;border-radius:10px;padding:6px 10px;font:inherit;cursor:pointer;text-align:left}
.pd-coupon span{font-weight:800;font-size:.82rem;color:#1C7A4A;letter-spacing:.04em}
.pd-coupon small{font-size:.7rem;color:#566374}
.pd-coupon.copied span::after{content:" · copied"}
.pd-ship{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 11px;border-radius:12px;background:#F5F7FA;font-size:.82rem;color:var(--navy-deep,#071D35);flex-wrap:wrap}
.pd-ship svg{color:var(--navy,#0E3A66);flex-shrink:0}
.pd-ship select{border:0;background:transparent;font:inherit;font-weight:800;color:var(--navy-deep,#071D35);padding:0;max-width:60%;cursor:pointer}
.pd-ship-eta{flex-basis:100%;padding-left:25px;color:#1C7A4A;font-weight:700;font-size:.78rem}
.pd-ship-eta.off{color:#b3261e}
@media (max-width:760px){
  .pdp-wrap{padding-top:0!important}
  .pdp-wrap .pdp-media{border-radius:0!important;border-left:0!important;border-right:0!important;margin:0 calc(var(--gut,20px) * -1)}
  .pdp-wrap .pdp{gap:10px!important}
  .pdp-wrap .pd-trust--row{margin-top:10px}
}

/* ---------------- cart ---------------- */
.ct{padding:14px 0 28px}
.ct-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}
.ct-head h1{font-size:clamp(1.35rem,3vw,1.8rem);margin:0;color:var(--navy-deep,#071D35);letter-spacing:-.015em}
.ct-head h1 small{font-size:.9rem;color:var(--muted,#566374);font-weight:600;margin-left:6px}
.ct-head a{font-size:.84rem;font-weight:700;color:var(--navy,#0E3A66);text-decoration:none}
.ct-grid{display:grid;gap:14px}
@media (min-width:900px){.ct-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.ct-sum{position:sticky;top:90px}}
.ct-card{background:#fff;border:1px solid #E6EAF0;border-radius:18px}
.ct-ship{padding:12px 14px;border-bottom:1px solid #F0F3F7}
.ct-ship p{margin:0 0 7px;font-size:.84rem;color:var(--ink,#0B1524)}
.ct-ship p b{color:#1C7A4A}
.ct-bar{height:6px;border-radius:6px;background:#EEF1F5;overflow:hidden}
.ct-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#0E3A66,#1C7A4A);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.ct-item{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;padding:14px;border-bottom:1px solid #F0F3F7;position:relative}
.ct-item:last-child{border-bottom:0}
.ct-img{width:78px;height:78px;border-radius:12px;background:#F5F7FA;object-fit:contain;padding:4px}
.ct-meta small{display:block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#566374);font-weight:700}
.ct-meta a{display:block;font-weight:700;font-size:.9rem;line-height:1.3;color:var(--navy-deep,#071D35);text-decoration:none;padding-right:26px}
.ct-unit{font-size:.76rem;color:var(--muted,#566374);margin-top:2px}
.ct-warn{font-size:.74rem;font-weight:700;color:#b3261e;margin-top:3px}
.ct-low{font-size:.74rem;font-weight:700;color:#8a5a1a;margin-top:3px}
.ct-row2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.ct-qty{display:inline-flex;align-items:center;border:1px solid #E1E6EE;border-radius:10px;overflow:hidden;height:34px}
.ct-qty button{width:34px;height:34px;border:0;background:#fff;font-size:1.05rem;color:var(--navy,#0E3A66);cursor:pointer}
.ct-qty button:disabled{opacity:.35;cursor:default}
.ct-qty span{min-width:28px;text-align:center;font-weight:800;font-size:.88rem}
.ct-line{font-weight:800;font-size:.95rem;color:var(--ink,#0B1524)}
.ct-acts{display:flex;gap:12px;margin-top:8px}
.ct-acts button{background:none;border:0;padding:0;font:inherit;font-size:.76rem;font-weight:700;color:var(--muted,#566374);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ct-x{position:absolute;top:12px;right:10px;width:28px;height:28px;border:0;background:none;color:#8a95a5;cursor:pointer;border-radius:8px}
.ct-x:hover{background:#F5F7FA;color:#b3261e}
.ct-sum{padding:16px}
.ct-sum h2{font-size:1rem;margin:0 0 10px;color:var(--navy-deep,#071D35)}
.ct-code{margin-bottom:10px}
.ct-code summary{list-style:none;cursor:pointer;font-size:.84rem;font-weight:700;color:var(--navy,#0E3A66);padding:4px 0}
.ct-code summary::-webkit-details-marker{display:none}
.ct-code-in{display:flex;gap:6px;margin-top:6px}
.ct-code-in input{flex:1;min-width:0;height:40px;border:1px solid #D9DEE8;border-radius:10px;padding:0 11px;font:inherit;font-size:.86rem;text-transform:uppercase}
.ct-code-in button{height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--navy,#0E3A66);background:#fff;color:var(--navy,#0E3A66);font:inherit;font-weight:700;cursor:pointer}
.ct-msg{font-size:.78rem;margin-top:5px}
.ct-msg.err{color:#b3261e}
.ct-l{display:flex;justify-content:space-between;font-size:.86rem;padding:5px 0;color:var(--ink,#0B1524)}
.ct-l.muted{color:var(--muted,#566374)}
.ct-l.disc{color:#1C7A4A}
.ct-l.disc button{background:none;border:0;padding:0 0 0 4px;font:inherit;font-size:.74rem;color:var(--muted,#566374);text-decoration:underline;cursor:pointer}
.ct-tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #EEF1F5;margin-top:6px;padding-top:10px;font-weight:800;font-size:1.1rem;color:var(--navy-deep,#071D35)}
.ct-tot small{font-size:.7rem;color:var(--muted,#566374);font-weight:600;display:block;text-align:right}
.ct-go{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;margin-top:12px;border-radius:14px;background:var(--navy,#0E3A66);color:#fff;font-weight:800;font-size:.98rem;text-decoration:none;border:0}
.ct-go[aria-disabled="true"]{opacity:.45;pointer-events:none}
.ct-pay{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}
.ct-pay span{font-size:.7rem;font-weight:800;border:1px solid #E6EAF0;border-radius:6px;padding:3px 7px;color:#334155}
.ct-trust{display:flex;justify-content:space-between;gap:6px;margin-top:12px;font-size:.72rem;color:var(--muted,#566374)}
.ct-trust span{display:flex;align-items:center;gap:4px}
.ct-trust svg{width:13px;height:13px;flex-shrink:0}
.ct-empty{text-align:center;padding:40px 16px}
.ct-empty svg{color:#C5CFDC}
.ct-empty h2{font-size:1.2rem;margin:10px 0 4px;color:var(--navy-deep,#071D35)}
.ct-empty p{color:var(--muted,#566374);margin:0 0 16px;font-size:.9rem}
.ct-empty a{display:inline-flex;height:44px;align-items:center;padding:0 20px;border-radius:12px;background:var(--navy,#0E3A66);color:#fff;font-weight:800;text-decoration:none}
.ct-sec{margin-top:22px}
.ct-sec h2{font-size:1.05rem;margin:0 0 10px;color:var(--navy-deep,#071D35)}
.ct-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,46%);gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.ct-rail::-webkit-scrollbar{display:none}
@media (min-width:760px){.ct-rail{grid-auto-columns:minmax(180px,23%)}}
.ct-saved .ct-item{grid-template-columns:60px minmax(0,1fr) auto;align-items:center}
.ct-saved .ct-img{width:60px;height:60px}
.ct-saved button.mv{height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--navy,#0E3A66);background:#fff;color:var(--navy,#0E3A66);font:inherit;font-weight:700;font-size:.78rem;cursor:pointer}
.ct-sticky{display:none}
@media (max-width:899px){
  .ct-sticky{display:flex;position:fixed;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom,0px));z-index:40;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #E6EAF0;padding:9px 14px;gap:10px;align-items:center}
  .ct-sticky div{flex:1}
  .ct-sticky small{display:block;font-size:.7rem;color:var(--muted,#566374)}
  .ct-sticky b{font-size:1.02rem;color:var(--navy-deep,#071D35)}
  .ct-sticky a{height:44px;padding:0 20px;display:flex;align-items:center;border-radius:12px;background:var(--navy,#0E3A66);color:#fff;font-weight:800;text-decoration:none}
  .ct{padding-bottom:90px}
}

/* ---------------- charts (admin) ---------------- */
.ch-wrap{position:relative}
.ch{width:100%;height:auto;display:block;overflow:visible}
.ch-grid{stroke:#EEF1F5;stroke-width:1}
.ch-zero{stroke:#C7D0DC;stroke-width:1}
.ch-ax{font:600 10px Manrope,system-ui,sans-serif;fill:#8A95A5}
.ch-fl{font:700 11px Manrope,system-ui,sans-serif;fill:#0B1524}
.ch-dn{font:800 18px Manrope,system-ui,sans-serif;fill:#071D35}
.ch-hit{fill:transparent;cursor:crosshair}
.ch-hitbar{cursor:pointer;transition:opacity .15s}
.ch-hitbar:hover{opacity:.8}
.ch-cross{stroke:#94A3B8;stroke-dasharray:3 3}
.ch-tip{position:absolute;z-index:5;pointer-events:none;background:#0B1524;color:#fff;font-size:.74rem;font-weight:600;padding:6px 9px;border-radius:8px;white-space:nowrap;transform:translate(-50%,-110%)}
.ch-leg{display:flex;flex-wrap:wrap;gap:12px;font-size:.76rem;color:#475569;margin-bottom:6px}
.ch-leg span{display:flex;align-items:center;gap:5px}
.ch-leg i{width:10px;height:10px;border-radius:3px}
.ch-empty{color:#8A95A5;font-size:.85rem;padding:24px 0;text-align:center;margin:0}
.ch-donut{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center}
.ch-donut .ch{max-width:150px}
.ch-dleg{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ch-dleg li{display:grid;grid-template-columns:10px 1fr auto;column-gap:8px;align-items:center;font-size:.8rem;color:#0B1524}
.ch-dleg i{width:10px;height:10px;border-radius:3px}
.ch-dleg b{font-weight:800}
.ch-dleg small{grid-column:2/4;color:#8A95A5;font-size:.72rem;margin-top:-3px}
.ch-hb{display:grid;gap:8px}
.ch-hb-row{display:grid;grid-template-columns:minmax(90px,38%) 1fr auto;gap:10px;align-items:center;font-size:.8rem}
.ch-hb-l{color:#0B1524;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-hb-bar{height:10px;background:#F1F4F8;border-radius:5px;overflow:hidden}
.ch-hb-bar i{display:block;height:100%;border-radius:5px}
.ch-hb-row b{font-weight:800;font-size:.78rem;color:#0B1524;white-space:nowrap}
.ch-spark{width:100%;height:28px;display:block;margin-top:6px}