/* PROMOKING — quote list + HEROPLAST COLLECTION view (loaded by quote-list.js and the catalogue pages) */
/* "+" on product cards */
.k10c .kc-grid .pItem .pAdd{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid rgba(16,17,20,.18);background:#fff;color:var(--k-ink,#101114);font:600 17px/1 var(--f-mono,monospace);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.k10c .kc-grid .pItem .pAdd:hover{border-color:var(--k-mg,#C4176F);color:var(--k-mg,#C4176F)}
.k10c .kc-grid .pItem .pAdd.is-on{background:var(--k-mg,#C4176F);border-color:var(--k-mg,#C4176F);color:#fff;font-size:14px}
.pAdd[hidden],.pd-add[hidden]{display:none!important}
.pAdd:focus-visible,.pd-add:focus-visible,.ql-pill:focus-visible,.kc-fchip:focus-visible{outline:2px solid var(--k-mg,#C4176F);outline-offset:3px}
/* product page */
.pd-add{cursor:pointer}
.pd-add.is-on{border-color:var(--mg,#C4176F);color:var(--mg-hi,#EE6BA8)}
/* floating link to the list */
.ql-pill{position:fixed;inset-inline-start:18px;bottom:18px;z-index:60;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border-radius:999px;
  background:#101114;color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px -18px rgba(0,0,0,.7);font:600 13px/1 var(--f-body,system-ui);text-decoration:none}
.ql-pill[hidden]{display:none}
.ql-pill__n{min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--mg,#C4176F);display:inline-flex;align-items:center;justify-content:center;font:600 12px/1 var(--f-mono,monospace)}
.ql-pill:hover{border-color:var(--mg-hi,#EE6BA8)}
@media (max-width:899px){.ql-pill{bottom:calc(84px + env(safe-area-inset-bottom));inset-inline-start:12px;min-height:42px;padding:0 14px}}
/* contact page list */
.ct-list{margin:0 0 18px;padding:18px 18px 14px;border:1px solid var(--line-l2,rgba(16,17,20,.14));border-radius:18px;background:#fff}
.ct-list[hidden]{display:none}
.ct-list__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.ct-list__head .k-idx{margin:0;color:var(--mg,#C4176F)}
.ct-list__n{font:600 12px/1 var(--f-mono,monospace);color:var(--titanium-d,#5C6068)}
.ct-list__ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:min(60vh,520px);overflow:auto}
.ct-list__li{display:grid;grid-template-columns:auto minmax(0,1fr) 110px auto;align-items:center;gap:10px 14px;padding:10px 12px;border-radius:12px;background:#F5F4F0}
.ct-list__code{font:600 11px/1.2 var(--f-mono,monospace);color:var(--mg,#C4176F);white-space:nowrap}
.ct-list__name{font-size:14px;line-height:1.35;color:var(--ink,#101114);min-width:0}
.ct-list__name a{color:inherit;text-decoration:underline;text-decoration-color:rgba(16,17,20,.25);text-underline-offset:3px}
.ct-list__name small{display:block;color:var(--titanium-d,#5C6068);font-size:12px}
.ct-list__q{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--titanium-d,#5C6068)}
.ct-list__q input{width:100%;min-height:36px;padding:0 10px;border:1px solid var(--line-l2,rgba(16,17,20,.2));border-radius:10px;font:inherit;font-size:14px;color:var(--ink,#101114);background:#fff}
.ct-list__note,.ct-list__wa{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:var(--titanium-d,#5C6068)}
.ct-list__wa{color:#8A4B00}
.ct-list__clear{margin-top:10px}
@media (max-width:620px){.ct-list__li{grid-template-columns:minmax(0,1fr) auto;}.ct-list__code{grid-column:1/-1}.ct-list__q{grid-column:1}}
/* collection badges, chips and filter */
.k10 .badge.coll{color:#F5F4F0;border-color:rgba(245,244,240,.35);background:rgba(245,244,240,.06);text-decoration:none}
.k10 .badge.coll::before{background:var(--mg-hi,#EE6BA8)}
.k10 .badge.coll small{font-weight:500;letter-spacing:.06em;text-transform:none;opacity:.8}
.k10 .badge.coll.is-sig{letter-spacing:.08em;text-transform:none}
.k-badge--coll{color:#F5F4F0;border-color:rgba(245,244,240,.32);background:rgba(245,244,240,.05);text-decoration:none;margin-inline-start:8px}
.k-badge--coll::before{background:var(--mg-hi,#EE6BA8)}
.k-badge--coll small{font-weight:500;text-transform:none;letter-spacing:.04em;opacity:.75}
[data-theme=light] .k-badge--coll{color:var(--ink,#101114);border-color:rgba(16,17,20,.25)}
.kc-chip--coll{border-color:rgba(238,107,168,.45)}
.kc-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.kc-filter[hidden]{display:none}
.kc-fchip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(16,17,20,.16);background:#fff;color:var(--k-ink,#101114);font:500 13px/1 var(--f-body,system-ui);cursor:pointer}
.kc-fchip b{font:600 10.5px/1 var(--f-mono,monospace);color:#6B717A}
.kc-fchip.is-on{background:var(--k-ink,#101114);border-color:var(--k-ink,#101114);color:#fff}
.kc-fchip.is-on b{color:#fff}
/* products overview: collection card */
.kc-coll__card{display:grid;gap:10px;padding:clamp(24px,4vw,44px);border-radius:24px;border:1px solid rgba(238,107,168,.35);
  background:radial-gradient(120% 140% at 100% 0%,rgba(196,23,111,.22),rgba(196,23,111,0) 55%),#121317;color:#F5F4F0;text-decoration:none;transition:border-color .25s}
.kc-coll__card:hover{border-color:var(--mg-hi,#EE6BA8)}
.kc-coll__k{color:var(--mg-hi,#EE6BA8);font-size:11px;letter-spacing:.16em}
.kc-coll__t{font:800 clamp(1.8rem,4.4vw,3.4rem)/1 var(--f-display,system-ui);letter-spacing:-.03em}
.kc-coll__t small{font:500 .32em/1 var(--f-body,system-ui);letter-spacing:.02em;color:#C9CCD1;margin-inline-start:.4em}
.kc-coll__l{max-width:60ch;color:#C9CCD1;line-height:1.55}
.kc-coll__n{font:600 13px/1 var(--f-mono,monospace);color:#F5F4F0}
.kc-coll__n em{font-style:normal;color:var(--mg-hi,#EE6BA8)}
/* collection hero */
.pHero--coll h1{letter-spacing:-.04em}
.ql-live{position:fixed;inset-inline-start:18px;bottom:74px;z-index:61;max-width:min(360px,calc(100vw - 36px));margin:0;padding:12px 16px;border-radius:14px;background:#101114;color:#fff;border:1px solid rgba(238,107,168,.5);font:500 13px/1.45 var(--f-body,system-ui);box-shadow:0 18px 40px -18px rgba(0,0,0,.7)}
.ql-live[hidden]{display:none}
@media (max-width:899px){.ql-live{bottom:calc(136px + env(safe-area-inset-bottom));inset-inline-start:12px}}
