/* PODDON UI v1 — tokens and interaction components */
:root{
  --p-bg:#080808;--p-surface:#121212;--p-surface-raised:#191919;--p-line:#343434;
  --p-text:#f5f7fa;--p-muted:#9aa1aa;--p-cyan:#62eaff;--p-pink:#ff57ca;--p-gold:#ffd23f;
  --p-gradient:linear-gradient(105deg,var(--p-cyan),var(--p-pink) 56%,var(--p-gold));
  --p-radius:9px;--p-radius-sm:7px;--p-focus:0 0 0 3px rgba(98,234,255,.28);
}
/* Primary purchase controls */
.pod-action{min-height:51px;border-radius:var(--p-radius);font:800 12px Montserrat,Arial,sans-serif;letter-spacing:.015em;transition:transform .15s,filter .15s,border-color .15s;cursor:pointer}
.pod-action:focus-visible,.pod-contact:focus-visible,.thumb:focus-visible,.size:focus-visible{outline:0;box-shadow:var(--p-focus)}
.pod-action:active,.pod-contact:active{transform:translateY(1px)}
.pod-action--buy{border:0;background:var(--p-gradient);color:#080808}
.pod-action--buy:hover{filter:brightness(1.08)}
.pod-action--cart{border:1px solid #585858;background:var(--p-surface);color:var(--p-text)}
.pod-action--cart:hover{border-color:var(--p-cyan);color:var(--p-cyan)}
.pod-action[disabled]{cursor:not-allowed;opacity:.46;filter:grayscale(1)}
/* Messaging controls */
.pod-contacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}
.pod-contact{display:flex;min-height:39px;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--p-radius-sm);color:#fff;text-decoration:none;font:800 10px Montserrat,Arial;transition:transform .15s,filter .15s,border-color .15s}
.pod-contact:hover{filter:brightness(1.12)}
.pod-contact--max{background:#171717;border:1px solid #5a5a5a}.pod-contact--whatsapp{background:#159447}.pod-contact--vk{background:#2688eb}.pod-contact--tg{padding:0;background:#000}.pod-contact--tg img{width:100%;height:100%;object-fit:fill}
/* Gallery */
.pod-gallery{display:flex;flex-direction:column;gap:10px}.pod-gallery-main{order:1}.pod-gallery-thumbs{order:2;display:flex;gap:8px;overflow-x:auto;padding:1px 0 2px}.pod-gallery-thumb{flex:0 0 76px;height:76px;padding:0;border:1px solid #484848;border-radius:var(--p-radius-sm);background:#171717;overflow:hidden;cursor:pointer}.pod-gallery-thumb.is-active{border-color:var(--p-cyan);box-shadow:0 0 0 1px rgba(98,234,255,.25)}.pod-gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.pod-action{min-height:45px;font-size:11px}.pod-contacts{gap:6px}.pod-contact{min-height:36px;font-size:9px}.pod-gallery{gap:8px}.pod-gallery-thumb{flex-basis:62px;height:62px}}