/* Panou nativ dialog: top layer, focus limitat automat, fără dependențe. */
html.hc-open{overflow:hidden;scrollbar-gutter:stable}
.hc-drawer{box-sizing:border-box;position:fixed;inset:0 0 0 auto;width:min(480px,100%);max-width:100%;height:100%;height:100dvh;max-height:100%;margin:0;padding:0;border:0;border-radius:24px 0 0 24px;background:#fcf8f1;color:#1e1a20;box-shadow:-20px 0 70px #0003;font:400 16px/1.5 var(--font-body, sans-serif);overflow:auto;overscroll-behavior:contain}
.hc-drawer:not([open]){display:none}
.hc-drawer[open]{display:flex;flex-direction:column;animation:hc-enter .28s ease-out}
.hc-drawer::backdrop{background:rgb(11 27 22 / .6);backdrop-filter:blur(3px)}
.hc-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:28px 26px 24px;background:#153c30;color:#fff3e3;flex:none}
.hc-head p{margin:0 0 6px;color:#e7c88c;font-size:12px;letter-spacing:.06em}
.hc-head h2{margin:0;font:700 36px/1.05 var(--font-display,sans-serif);letter-spacing:-.035em;color:inherit}
.hc-drawer .hc-close{display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #ffffff50;border-radius:50%;background:transparent;color:inherit;font:400 30px/1 sans-serif;cursor:pointer}
.hc-status{margin:0;padding:16px 26px 0;color:#1f5b4a;font-size:14px;font-weight:600}
.hc-status:empty{display:none}
.hc-content{padding:22px 26px;flex:1}
.hc-items{display:grid;gap:22px;list-style:none;margin:0;padding:0}
.hc-item{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;padding:0 0 22px;border-bottom:1px solid #e8dfd2}
.hc-item__image img{display:block;width:84px;height:100px;object-fit:cover;border-radius:12px;background:#f0e8de}
.hc-item h3{margin:0;font:700 21px/1.2 var(--font-display,sans-serif);color:inherit;letter-spacing:-.02em}
.hc-item p{margin:5px 0 0}
.hc-item__recipient{color:#1f5b4a;font-weight:650;overflow-wrap:anywhere}
.hc-item .hc-item__meta{color:#6c646c;font-size:13px;line-height:1.45}
.hc-item .hc-item__price{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;margin:13px 0 0;font-size:14px}
.hc-item__price strong{font-size:17px;white-space:nowrap}
.hc-item__edit{display:inline-block;padding:8px 0;color:#a91f3c;text-underline-offset:4px;font-size:14px}
.hc-details{grid-column:1/-1;min-width:0;font-size:14px}
.hc-details summary{width:fit-content;cursor:pointer;padding:8px 0;font-weight:600;color:#594e4f;list-style:disclosure-closed}
.hc-details[open] summary{list-style:disclosure-open}
.hc-drawer dl.variation{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6px 14px;margin:10px 0 0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.hc-drawer dl.variation dt,.hc-drawer dl.variation dd{float:none;clear:none;margin:0;padding:0;font-weight:400}
.hc-drawer dl.variation dt{color:#746a6e}
.hc-drawer dl.variation p{margin:0;white-space:pre-line}
.hc-total{padding-top:22px}
.hc-total>p{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:0 0 6px;font-size:17px}
.hc-total>p strong{font-size:23px;font-family:var(--font-display,sans-serif)}
.hc-total small{display:block;color:#6c646c;font-size:12px;line-height:1.5}
.hc-drawer .hc-primary{display:flex;align-items:center;justify-content:center;min-height:54px;padding:12px 20px;margin-top:20px;border:0;border-radius:999px;background:#c92a48;color:#fff;text-decoration:none;font-size:17px;font-weight:700;line-height:1.3;text-align:center;box-sizing:border-box}
.hc-primary:hover{background:#ab203b}
.hc-footer{display:grid;gap:2px;padding:16px 26px max(18px,env(safe-area-inset-bottom));border-top:1px solid #e8dfd2;text-align:center;background:#fcf8f1}
.hc-footer a{padding:9px;color:#a91f3c;font-weight:600;text-underline-offset:4px}
.hc-drawer .hc-footer button{min-height:44px;padding:8px;border:0;background:transparent;color:#6c646c;font:inherit;font-size:14px;cursor:pointer}
.hc-drawer .hc-retry{min-height:44px;padding:10px 16px;border:1px solid #1f5b4a;border-radius:10px;background:#fff;color:#1f5b4a;font:600 15px var(--font-body,sans-serif);cursor:pointer}
.hc-empty{padding:22px 0;text-align:center}
.hc-empty__title{font:700 29px/1.2 var(--font-display,sans-serif)}
.hc-empty p{margin:0 0 14px}
.hc-drawer :focus-visible{outline:3px solid #b57a1a;outline-offset:4px}
@keyframes hc-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:520px){.hc-drawer{border-radius:0}.hc-head{padding:24px 20px 20px}.hc-status{padding-inline:20px}.hc-content{padding:20px}.hc-footer{padding-inline:20px}.hc-head h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.hc-drawer[open]{animation:none}.hc-drawer::backdrop{backdrop-filter:none}}

/* 23.10.2026, Adrian: coșul lateral mai comasat, iar butonul de plată se vede mereu: lista se derulează în interior,
   totalul și butonul stau lipite jos; antetul e mai scund */
.hc-drawer{overflow:hidden}
.hc-drawer .hc-head{padding:16px 20px 14px}
.hc-drawer .hc-head p{margin:0 0 2px;font-size:11.5px}
.hc-drawer .hc-head h2{font-size:26px}
.hc-drawer .hc-close{width:40px;height:40px;min-height:40px;font-size:26px}
.hc-drawer .hc-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px 20px 0}
.hc-drawer .hc-items{gap:12px}
.hc-drawer .hc-item{grid-template-columns:60px minmax(0,1fr);gap:4px 12px;padding:0 0 12px}
.hc-drawer .hc-item__image img,.hc-drawer .hc-item__ic{width:60px;height:68px;border-radius:10px}
.hc-drawer .hc-item__ic{display:grid;place-items:center;background:#f3ebe0;color:#c92a48}
.hc-drawer .hc-item__ic svg{width:26px;height:26px}
.hc-drawer .hc-item h3{font-size:16.5px;line-height:1.25}
.hc-drawer .hc-item p{margin:2px 0 0}
.hc-drawer .hc-item__recipient{font-size:14px}
.hc-drawer .hc-item .hc-item__meta{font-size:12px;line-height:1.4}
.hc-drawer .hc-item .hc-item__price{margin:4px 0 0;font-size:13px}
.hc-drawer .hc-item__price strong{font-size:15.5px}
.hc-drawer .hc-item__edit{padding:2px 0;font-size:12.5px}
.hc-drawer .hc-details{grid-column:2}
.hc-drawer .hc-details summary{padding:2px 0;font-size:12px;font-weight:500;color:#7a7280;list-style:none;text-decoration:underline;text-underline-offset:2px}
.hc-drawer .hc-details summary::-webkit-details-marker{display:none}
.hc-drawer .hc-total{position:sticky;bottom:0;z-index:2;margin:0 -20px;padding:12px 20px 14px;background:#fcf8f1;box-shadow:0 -10px 18px -12px rgba(35,27,32,.22);border-top:1px solid #e8dfd2}
.hc-drawer .hc-total>p{margin:0 0 2px;font-size:15px}
.hc-drawer .hc-total>p strong{font-size:20px}
.hc-drawer .hc-total small{font-size:11.5px}
.hc-drawer .hc-total .hc-primary{min-height:50px;margin-top:10px;font-size:16px}
.hc-drawer .hc-footer{flex:none}
.hc-drawer .hc-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 14px max(8px,env(safe-area-inset-bottom))}
.hc-drawer .hc-footer a,.hc-drawer .hc-footer button{min-height:40px;padding:6px;font-size:13px}
/* prețul urcă pe rândul titlului, ca fiecare cadou să ocupe mai puțin */
.hc-drawer .hc-item__info{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-content:start}
.hc-drawer .hc-item__info>*{grid-column:1}
.hc-drawer .hc-item .hc-item__price{grid-column:2;grid-row:1;align-self:start;margin:1px 0 0;flex-direction:column;align-items:flex-end;gap:0}
.hc-drawer .hc-item__price span:empty{display:none}
/* cu puține cadouri, totalul și butonul stau tot jos, deasupra linkurilor, ca butonul să fie mereu în același loc */
.hc-drawer .hc-content{display:flex;flex-direction:column}
.hc-drawer .hc-content>.hc-items{flex:none}
.hc-drawer .hc-content>.hc-total{margin-top:auto}