/* Подборка точек (корзина): кнопки «+», плашка снизу слева, боковая панель */
.lnk{background:none;border:0;padding:0;color:var(--gold);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.btn--sm{min-height:40px;padding:0 18px;font-size:14px}

/* «+» на карточках точек */
.vcardw,.prem__w{position:relative}
.prem__w .prem__c{height:280px}
.cadd{position:absolute;z-index:3;top:12px;right:12px;width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:rgba(24,25,34,.6);backdrop-filter:blur(6px);cursor:pointer;transition:transform .2s,background .2s}
.cadd::before,.cadd::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;background:#fff;border-radius:2px;transform:translate(-50%,-50%)}
.cadd::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .25s}
.cadd:hover{transform:scale(1.08);background:var(--accent)}
.cadd.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 18px rgba(214,63,210,.6)}
/* выбранная точка — галочка */
.cadd.on::before{width:8px;transform:translate(-90%,-10%) rotate(45deg)}
.cadd.on::after{width:15px;transform:translate(-35%,-60%) rotate(-50deg)}
.btn--cart::before{content:"+";font-size:22px;margin-right:8px;line-height:1}
.btn--cart.on{background:transparent;border:2px solid var(--accent);box-shadow:none}
.btn--cart.on::before{content:"\2713";font-size:16px}
.tvenues__sub{color:var(--ink2);margin:-8px 0 22px}
.res__own{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px;font-size:14px}

/* плашка «Подборка · N» */
.cpill{position:fixed;left:22px;bottom:22px;z-index:70;display:flex;align-items:center;gap:8px;padding:10px 18px 10px 12px;border-radius:999px;border:1px solid rgba(214,185,140,.6);background:rgba(24,25,34,.92);backdrop-filter:blur(8px);color:#fff;font:600 15px var(--f);cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.4);animation:fabin .4s ease-out}
.cpill[hidden]{display:none}
.cpill__i{width:28px;height:28px;background:url(/static/img/ic/pin.svg) center/contain no-repeat}
.cpill b{display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:999px;background:var(--accent);font-size:14px}
.cpill small{color:var(--ink2);font-weight:500}
.cpill.bump{animation:cbump .45s ease-out}
@keyframes cbump{40%{transform:scale(1.12)}}

/* панель */
.cdrawer{position:fixed;inset:0;z-index:90}
.cdrawer[hidden]{display:none}
.cdrawer__bg{position:absolute;inset:0;background:rgba(10,10,16,.65);backdrop-filter:blur(3px)}
.cdrawer__box{position:absolute;right:0;top:0;bottom:0;width:min(560px,100%);overflow-y:auto;padding:22px 24px 30px;background:#1d1e28;border-left:1px solid rgba(214,185,140,.3);box-shadow:-20px 0 60px rgba(0,0,0,.5);animation:cslide .3s ease-out}
@keyframes cslide{from{transform:translateX(40px);opacity:0}}
.ctabs{display:flex;gap:6px;padding:5px;margin:0 40px 18px 0;border-radius:999px;background:rgba(255,255,255,.06)}
.ctabs button{flex:1;border:0;background:none;color:var(--ink2);font:600 14px var(--f);padding:10px 12px;border-radius:999px;cursor:pointer}
.ctabs button.on{background:var(--accent);color:#fff}
.ctabs i{font-style:normal;display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:4px;border-radius:999px;background:rgba(255,255,255,.18);font-size:12px}

.cfilt{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.cfilt input[type=search]{grid-column:1/-1}
.cfilt input[type=search],.cfilt select{width:100%;min-height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:#15161e;color:#fff;font:500 14px var(--f)}
.cfilt__p{grid-column:1/-1;display:flex;gap:8px;align-items:center;font-size:14px;color:var(--ink2)}
.cfilt__p input{accent-color:var(--accent)}

.clist{display:grid;gap:8px}
.crow{display:grid;grid-template-columns:64px 1fr auto 38px;gap:12px;align-items:center;padding:8px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid transparent}
.crow.on{border-color:rgba(214,63,210,.55);background:rgba(184,44,180,.1)}
.crow img,.crow__ph{width:64px;height:48px;border-radius:9px;object-fit:cover;background:#2a2240}
.crow__t{color:#fff;text-decoration:none;min-width:0}
.crow__t b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crow__t small{display:block;font-size:12px;color:var(--ink3)}
.crow__p{text-align:right;font-weight:700;color:var(--gold);white-space:nowrap;font-size:15px}
.crow__p small{color:var(--ink3);font-weight:500}
.crow__p em{display:block;font:700 10px var(--f);letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.crow__b{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:none;color:#fff;font-size:20px;line-height:1;cursor:pointer}
.crow__b:hover,.crow.on .crow__b{background:var(--accent);border-color:var(--accent)}
.clist--cart .crow__b{background:none;border-color:rgba(255,255,255,.25);color:var(--ink2)}

.cempty{text-align:center;padding:40px 10px;color:var(--ink2)}
.cempty b{color:#fff;font-size:20px}
.cwarn{margin:12px 0 0;padding:10px 14px;border-radius:12px;background:rgba(214,185,140,.1);color:var(--gold);font-size:14px}
.cper{margin-top:20px}
.cper__t{font-weight:700;margin:0 0 8px}
.cdate{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:14px;color:var(--ink2)}
.cdate input{min-height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:#15161e;color:#fff;font:600 14px var(--f);color-scheme:dark}
.cdate__end{margin:6px 0 0;font-size:13px;color:var(--ink3)}

.cgift{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:14px 16px;border-radius:16px;background:linear-gradient(90deg,rgba(184,44,180,.25),rgba(214,185,140,.1));border:1px solid rgba(214,185,140,.4)}
.cgift__i{flex:none;width:48px;height:48px;background:url(/static/img/t/3d-gift.webp) center/contain no-repeat;animation:bob 3.2s ease-in-out infinite}
.cgift b{display:block;margin-bottom:4px}
.cgift span{display:block;font-size:13px;color:var(--ink2)}
.cgift .countdown{color:var(--gold);font-weight:700}
.cgift .btn{margin-top:10px}

.csum{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.csum div{padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.04)}
.csum span{display:block;font-size:12px;color:var(--ink3)}
.csum b{font-size:18px}
.csum__total{grid-column:1/-1;background:rgba(184,44,180,.14)!important}
.csum__total b{font-size:26px;color:var(--gold)}
.cform{display:grid;gap:10px;margin-top:18px}
.cform input[type=tel]{min-height:52px;padding:0 18px;border-radius:999px;border:0;font:500 16px var(--f)}
.cform .btn{width:100%}

@media (max-width:700px){
  .cpill{left:12px;bottom:76px}
  .cdrawer__box{padding:18px 14px 26px}
  .crow{grid-template-columns:52px 1fr 36px}
  .crow img,.crow__ph{width:52px;height:40px}
  .crow__p{grid-column:2;grid-row:2;text-align:left;font-size:14px}
  .crow__b{grid-row:1/3;grid-column:3}
  .cdate{flex-direction:column;align-items:stretch}
}
/* в самой подборке строки спокойные: выделение нужно только в каталоге */
.clist--cart .crow.on{border-color:transparent;background:rgba(255,255,255,.04)}
.clist--cart .crow.on .crow__b{background:none;border-color:rgba(255,255,255,.25);color:var(--ink2)}
.clist--cart .crow.on .crow__b:hover{background:rgba(255,255,255,.1);color:#fff}
/* главная цифра — «в месяц» (так считают бюджет), итог за срок — справочно */
.csum__month{grid-column:1/-1;background:rgba(184,44,180,.14)!important}
.csum__month b{font-size:26px;color:var(--gold)}
/* галочка «в подборке» — рисуем SVG, а не повёрнутыми полосками: так она ровная */
.cadd.on::before,.cadd.on::after{display:none}
.cadd.on{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat}

/* Итог внизу каталога — прилипает к низу панели (замечание коллеги 31.10) */
.cfoot{position:sticky;bottom:-30px;margin:14px -24px -30px;padding:14px 24px 18px;background:#191a23;border-top:1px solid rgba(214,185,140,.3);box-shadow:0 -12px 30px rgba(0,0,0,.35);display:grid;gap:10px;z-index:2}
.cfoot__acts{display:flex;flex-wrap:wrap;gap:8px}
.cfoot__acts:empty{display:none}
.cfoot__a{border:1px solid rgba(255,255,255,.22);background:none;color:#fff;font:600 13px var(--f);padding:8px 12px;border-radius:999px;cursor:pointer}
.cfoot__a:hover{background:rgba(255,255,255,.08)}
.cfoot__a[disabled]{opacity:.45;cursor:default}
.cfoot__sum{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;color:var(--ink2)}
.cfoot__sum b{color:#fff}
.cfoot__sum select{min-height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:#15161e;color:#fff;font:600 14px var(--f)}
.cfoot__tot{font-size:14px;color:var(--ink2)}
.cfoot__tot b{color:var(--gold,#d6b98c);font-size:17px}
.cfoot__go{width:100%}
.cfoot__hint{margin:0;font-size:13px;color:var(--ink2)}
@media (max-width:600px){.cfoot{bottom:-26px;margin:12px -14px -26px;padding:12px 14px 16px}}