/* ===== Меню: новая тема (светлые карточки, острые углы) ===== */
body .menu-hero{text-align:left !important;padding:clamp(28px,5vw,64px) 0 clamp(18px,3vw,32px) !important}
body .menu-hero::before{display:none !important}
body .menu-hero h1{font-family:var(--f-serif) !important;font-weight:600 !important;font-size:clamp(2.6rem,6.4vw,5rem) !important;line-height:1.02 !important;letter-spacing:-.02em !important;text-transform:none !important;text-shadow:none !important;color:#fff !important;max-width:14ch}
body .menu-hero p{margin-top:14px !important;font-size:clamp(1.05rem,1.5vw,1.25rem) !important;color:#effffc !important;max-width:36rem;text-align:left !important}
body .mx-count{margin-top:20px !important;background:#fff !important;color:var(--teal-700) !important;border:0 !important;border-radius:999px !important;padding:9px 18px !important}

/* скидка */
body .discount-selector-box{background:var(--card-cream) !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:clamp(20px,3vw,32px) !important;margin:0 0 28px !important;max-width:none !important;text-align:left !important}
body .discount-selector-title{color:var(--ink) !important;font-family:var(--f-sans) !important;font-size:1.02rem !important;font-weight:700 !important;letter-spacing:0 !important;text-transform:none !important;margin-bottom:14px !important;text-align:left !important}
body .discount-buttons{justify-content:flex-start !important}
body .discount-btn{background:#fff !important;color:var(--teal-700) !important;border:1.5px solid var(--teal-700) !important;border-radius:999px !important;font-weight:600 !important;box-shadow:none !important;transform:none !important}
body .discount-btn:hover{background:var(--card-mint) !important}
body .discount-btn.active{background:var(--teal-700) !important;color:#fff !important}
body .inline-loader-text{color:var(--ink-2) !important}

/* поиск и категории */
body .category-select-wrapper{max-width:none !important;padding:0 !important;margin:0 0 28px !important}
body .mx-search{max-width:520px !important;margin:0 0 18px !important}
body .mx-search input{background:#fff !important;color:var(--ink) !important;border:1.5px solid #fff !important;border-radius:999px !important;box-shadow:none !important;font-family:var(--f-sans) !important}
body .mx-search input::placeholder{color:#6d8481 !important}
body .mx-search input:focus{border-color:var(--teal-800) !important;background:#fff !important;box-shadow:none !important}
body .mx-search svg{stroke:var(--teal-700) !important}
body .mx-search button{background:var(--card-mint) !important;color:var(--teal-700) !important}
body .mx-chips{justify-content:flex-start !important;padding-inline:0 !important}
body .mx-chip{background:rgba(255,255,255,.14) !important;color:#fff !important;border:1.5px solid rgba(255,255,255,.55) !important;border-radius:999px !important;font-weight:600 !important;transform:none !important}
body .mx-chip:hover{background:rgba(255,255,255,.28) !important}
body .mx-chip.active{background:#fff !important;color:var(--teal-700) !important;border-color:#fff !important}

/* карточки: пастельные, острые углы, цена внизу */
body .menu-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr)) !important;gap:clamp(14px,2vw,24px) !important}
body .menu-card{border-radius:0 !important;border:0 !important;box-shadow:none !important;background:var(--card-grey) !important;color:var(--ink) !important;min-height:250px !important;padding:24px 24px 22px !important;transform:none !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important}
body .menu-card:nth-child(4n+2){background:var(--card-cream) !important}
body .menu-card:nth-child(4n+3){background:var(--card-mint) !important}
body .menu-card:nth-child(4n+4){background:var(--card-sky) !important}
body .menu-card::before,body .menu-card::after{display:none !important}
body .menu-card:hover{box-shadow:0 0 0 3px #fff !important;transform:none !important;border:0 !important}
body .menu-card .card-badge{align-self:flex-start;background:transparent !important;border:0 !important;padding:0 !important;margin:0 0 12px !important;color:var(--teal-700) !important;font-family:var(--f-sans) !important;font-size:.74rem !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important}
body .card-title{font-family:var(--f-serif) !important;font-weight:600 !important;font-size:1.45rem !important;line-height:1.2 !important;color:var(--ink) !important;letter-spacing:0 !important}
body .card-subtext{color:var(--ink-2) !important;opacity:1 !important;margin-top:8px !important;font-size:.95rem !important}
body .menu-card .card-price,body .menu-card [class*=price]{color:var(--teal-700) !important}
body .menu-card .old-price{color:#8a9c99 !important}
body .menu-card>div:last-child{border-top:1px solid rgba(16,48,46,.16) !important;padding-top:14px !important}

/* страницы */
body .pagination-container{justify-content:flex-start !important;margin-top:36px !important}
body .page-btn{background:#fff !important;color:var(--teal-700) !important;border:1.5px solid #fff !important;box-shadow:none !important}
body .page-btn:hover{background:var(--card-mint) !important;color:var(--teal-700) !important}
body .page-btn.active{background:var(--teal-800) !important;color:#fff !important;border-color:var(--teal-800) !important}

/* ===== правки: контраст текста карточек, шапка страницы ===== */
body .menu-card .card-title{color:var(--ink) !important;text-shadow:none !important;font-size:1.45rem !important}
body .menu-card .card-subtext{color:var(--ink-2) !important}
body .menu-card .final-price,body .menu-card .card-price{color:var(--teal-700) !important}
body .menu-card .old-price{color:#8a9c99 !important}
body .menu-card .card-bottom{border-top:1px solid rgba(16,48,46,.16) !important}
body .menu-hero{background:var(--card-grey);text-align:center !important;padding:clamp(36px,6vw,72px) 22px !important;margin-bottom:clamp(18px,3vw,32px);display:flex;flex-direction:column;align-items:center}
body .menu-hero h1{color:var(--teal-700) !important;max-width:none !important}
body .menu-hero p{color:var(--ink-2) !important;text-align:center !important}

/* ===== Панель поиска и категорий: аккуратная сетка ===== */
body .category-select-wrapper{background:var(--card-grey);padding:clamp(18px,3vw,30px) !important;margin:0 0 clamp(18px,3vw,30px) !important}
body .mx-search{max-width:none !important;margin:0 0 18px !important}
body .mx-search input{height:56px;padding-block:0 !important;border:2px solid #d9e4e2 !important;border-radius:0 !important;font-size:1.02rem !important}
body .mx-search input:focus{border-color:var(--teal-600) !important}
body .mx-chips{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:10px !important;overflow:visible !important;padding:0 !important;-webkit-mask-image:none !important;mask-image:none !important;justify-content:stretch !important}
body .mx-chip{justify-content:flex-start;gap:10px !important;height:50px;padding:0 16px !important;background:#fff !important;color:var(--ink) !important;border:2px solid transparent !important;border-radius:0 !important;font-size:.92rem !important;font-weight:600 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .25s,color .25s,border-color .25s,transform .25s !important}
body .mx-chip:hover{background:var(--card-mint) !important;transform:translateY(-2px) !important}
body .mx-chip.active{background:var(--teal-700) !important;color:#fff !important;border-color:var(--teal-700) !important;box-shadow:none !important}
body .mx-chip .dot{box-shadow:0 0 0 2px #fff !important}
body .mx-chip.active .dot{background:#fff !important;box-shadow:none !important}
@media(max-width:560px){body .mx-chips{grid-template-columns:repeat(2,minmax(0,1fr))}body .mx-chip{padding:0 12px !important;font-size:.86rem !important}}
body .mx-search button::after{content:'';position:absolute;inset:-12px}
@media(max-width:400px){body .mx-chip{height:auto !important;min-height:48px;padding:8px 10px !important;line-height:1.15}body .mx-chip span{white-space:normal !important;overflow-wrap:anywhere;text-align:left}}

/* ---------- шапка меню с фото ---------- */
body .menu-hero{background-image:linear-gradient(180deg,rgba(242,240,235,.80),rgba(242,240,235,.92)),url(../images/home/menu-hero.jpg);background-size:cover;background-position:center 30%}

/* ---------- выбор скидки: стеклянный блок ---------- */
body .discount-selector-box.dsc{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.1)),rgba(0,70,68,.26) !important;-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.42) !important;border-radius:26px !important;box-shadow:0 14px 40px rgba(0,50,50,.22),inset 0 1px 0 rgba(255,255,255,.5) !important;padding:clamp(14px,2vw,20px) !important}
.dsc-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.dsc-main{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:10px 24px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(255,255,255,.92);color:var(--teal-700);font:700 1rem/1.25 var(--f-sans);cursor:pointer;text-align:left;transition:background .25s,color .25s,transform .25s,box-shadow .25s;box-shadow:0 6px 18px rgba(0,50,50,.18)}
.dsc-main:hover{background:#fff;transform:translateY(-2px)}
.dsc-main svg{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.dsc.has .dsc-main{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.6);box-shadow:none}
.dsc.has .dsc-main:hover{background:rgba(255,255,255,.3)}
.dsc-state{display:inline-flex;align-items:center;gap:8px;color:#fff;font:600 1rem var(--f-sans)}
.dsc-state[hidden]{display:none}
.dsc-state b{font-family:var(--f-serif);font-size:1.6rem;line-height:1;padding:.1em .5em .16em;border-radius:14px;background:linear-gradient(135deg,#14c9b8,#7ff7e8);color:#03302d}
.dsc-state.pop b{animation:dsc-pop .7s cubic-bezier(.34,1.56,.64,1)}
.dsc-state.pop{animation:dsc-in .5s ease}
@keyframes dsc-pop{0%{transform:scale(.3) rotate(-8deg);opacity:0;box-shadow:0 0 0 0 rgba(127,247,232,.8)}60%{transform:scale(1.18) rotate(2deg);opacity:1}100%{transform:none;box-shadow:0 0 0 18px rgba(127,247,232,0)}}
@keyframes dsc-in{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
.dsc-change{margin-left:4px;height:34px;padding:0 14px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:transparent;color:#fff;font:600 .85rem var(--f-sans);cursor:pointer}
.dsc-change:hover{background:rgba(255,255,255,.22)}
.dsc-panel{overflow:hidden;max-height:0;opacity:0;margin-top:0;transform:translateY(-8px);transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .35s ease,margin .35s ease,transform .45s cubic-bezier(.34,1.3,.64,1)}
.dsc-panel[hidden]{display:none}
.dsc-panel.open{max-height:220px;opacity:1;margin-top:16px;transform:none}
.dsc-panel-title{color:#fff;font:700 .95rem var(--f-sans);letter-spacing:.04em;margin-bottom:12px;text-shadow:0 1px 8px rgba(0,50,50,.3)}
.dsc-chips{display:flex;flex-wrap:wrap;gap:10px}
.dsc-chip{min-width:72px;height:50px;padding:0 20px;border:1px solid rgba(255,255,255,.5);border-radius:16px;background:rgba(255,255,255,.18);color:#fff;font:700 1.15rem var(--f-serif);cursor:pointer;opacity:0;transform:translateY(10px) scale(.9);transition:background .2s,color .2s,transform .25s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.dsc-panel.open .dsc-chip{animation:dsc-chip .45s cubic-bezier(.34,1.56,.64,1) forwards}
.dsc-panel.open .dsc-chip:nth-child(1){animation-delay:.05s}.dsc-panel.open .dsc-chip:nth-child(2){animation-delay:.1s}.dsc-panel.open .dsc-chip:nth-child(3){animation-delay:.15s}.dsc-panel.open .dsc-chip:nth-child(4){animation-delay:.2s}.dsc-panel.open .dsc-chip:nth-child(5){animation-delay:.25s}.dsc-panel.open .dsc-chip:nth-child(6){animation-delay:.3s}
@keyframes dsc-chip{to{opacity:1;transform:none}}
.dsc-chip:hover{background:rgba(255,255,255,.4);transform:translateY(-3px)}
.dsc-chip.on,.dsc-chip.picked{background:linear-gradient(135deg,#14c9b8,#7ff7e8);color:#03302d;border-color:#fff}
.dsc-chip.picked{transform:scale(1.12)}
@media(max-width:520px){.dsc-main{width:100%;justify-content:center;text-align:center}.dsc-chip{flex:1 1 28%}}

/* ---------- анимация применения скидки ---------- */
body .inline-discount-loader{flex-direction:row !important;gap:22px;justify-content:center !important;padding:14px 22px !important;overflow:hidden;border-radius:26px;
  background:linear-gradient(135deg,rgba(0,96,94,.88),rgba(0,58,58,.94)) !important;-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);transition:opacity .35s ease !important}
body .inline-discount-loader::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);pointer-events:none}
body .inline-discount-loader.run::after{animation:dl-sweep 1.1s ease-in-out infinite}
@keyframes dl-sweep{from{left:-40%}to{left:130%}}
.dl-ring{position:relative;flex:none;width:76px;height:76px;display:grid;place-items:center}
.dl-ring svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.dl-ring circle{fill:none;stroke-width:5;stroke-linecap:round;transform:rotate(-90deg);transform-origin:36px 36px}
.dl-track{stroke:rgba(255,255,255,.18)}
.dl-arc{stroke:#7ff7e8;stroke-dasharray:195;stroke-dashoffset:195;filter:drop-shadow(0 0 6px rgba(127,247,232,.8))}
.inline-discount-loader.run .dl-arc{animation:dl-arc 1.3s cubic-bezier(.4,0,.2,1) forwards}
@keyframes dl-arc{to{stroke-dashoffset:0}}
.dl-ring b{position:relative;font:700 1.35rem var(--f-serif);color:#fff;transition:opacity .25s,transform .35s}
.dl-check{fill:none;stroke:#7ff7e8;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60}
.inline-discount-loader.done .dl-check{animation:dl-check .45s ease forwards}
.inline-discount-loader.done .dl-ring b{opacity:0;transform:scale(.6)}
.inline-discount-loader.done .dl-ring{animation:dl-pulse .6s ease}
@keyframes dl-check{to{stroke-dashoffset:0}}
@keyframes dl-pulse{0%{transform:scale(1)}40%{transform:scale(1.16)}100%{transform:scale(1)}}
.dl-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}
body .inline-loader-text{font:700 1.2rem/1.2 var(--f-serif) !important;color:#fff !important;margin:0 0 2px !important;animation:dl-rise .5s ease both}
.dl-sub{font:500 .85rem var(--f-sans);letter-spacing:.06em;text-transform:uppercase;color:#bff3ec;margin-bottom:12px;animation:dl-rise .5s .1s ease both}
@keyframes dl-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
body .inline-progress-bar{width:min(260px,60vw) !important;height:6px !important;background:rgba(255,255,255,.16) !important;border-radius:6px !important}
body .inline-progress-bar span{width:0 !important;left:0 !important;background:linear-gradient(90deg,#14c9b8,#bffcf4) !important;box-shadow:0 0 10px rgba(127,247,232,.8)}
body .inline-discount-loader.run .inline-progress-bar span{animation:dl-bar 1.3s cubic-bezier(.4,0,.2,1) forwards !important}
@keyframes dl-bar{to{width:100%}}
.dl-spark{position:absolute;bottom:-8px;width:7px;height:7px;border-radius:50%;background:#bffcf4;box-shadow:0 0 8px #7ff7e8;opacity:0}
.inline-discount-loader.run .dl-spark{animation:dl-spark 1.6s ease-out infinite}
.dl-spark:nth-of-type(1){left:12%;animation-delay:.1s !important}.dl-spark:nth-of-type(2){left:26%;animation-delay:.5s !important}.dl-spark:nth-of-type(3){left:44%;animation-delay:.3s !important}.dl-spark:nth-of-type(4){left:62%;animation-delay:.8s !important}.dl-spark:nth-of-type(5){left:78%;animation-delay:.2s !important}.dl-spark:nth-of-type(6){left:90%;animation-delay:.6s !important}
@keyframes dl-spark{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1}100%{opacity:0;transform:translateY(-90px) scale(1.1)}}
@media(max-width:520px){body .inline-discount-loader{gap:14px;padding:12px 14px !important}.dl-ring{width:60px;height:60px}.dl-ring b{font-size:1.1rem}body .inline-loader-text{font-size:1rem !important}.dl-sub{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){body .inline-discount-loader::after,.dl-spark{display:none}}

/* пока идёт применение, старые кнопки скрыты */
.dsc.busy .dsc-row,.dsc.busy .dsc-panel{visibility:hidden}

/* ===== Окно напитка: фирменная бирюзовая тема Zebra Coffee ===== */
body .modal-sheet{--gold:#007a7a;--gold2:#006663;--cream:#10302e;background:linear-gradient(180deg,#f6fcfb,#e6f5f2) !important;border:1px solid rgba(0,122,122,.28) !important;color:#10302e !important;box-shadow:0 40px 100px rgba(0,50,50,.5) !important}
body .modal-header{background:linear-gradient(155deg,#14b5ae,#006663) !important}
body .modal-header::before{background:rgba(255,255,255,.5)}
body .modal-header h3{color:#fff !important;text-shadow:none !important}
body .mx-msub{color:rgba(255,255,255,.92) !important}
body .modal-close-icon{border-color:rgba(255,255,255,.55) !important;background:rgba(255,255,255,.2) !important;color:#fff !important}
body .modal-close-icon:hover{background:#fff !important;color:#006663 !important}
body .modal-body{color:#10302e}
body .modal-body>div{background:#fff !important;border:1px solid rgba(0,122,122,.16) !important;box-shadow:0 6px 18px rgba(0,80,80,.08) !important}
body .mod-group-title{color:#007a7a !important}
body .mod-extra-note,body .mod-extra-count{color:#55706d !important}
body .sz-cup .cb{fill:rgba(0,122,122,.08);stroke:#5d9a96}
body .sz-cup .cl{fill:#8cc9c3}
body .sz-cup .cs-bg{fill:rgba(0,122,122,.18)}
body .modal-size-option.active .sz-cup{filter:drop-shadow(0 6px 10px rgba(0,122,122,.45))}
body .modal-size-option.active .sz-cup .cb{fill:#14b5ae;stroke:#006663}
body .modal-size-option.active .sz-cup .cl{fill:#e9fffb}
body .modal-size-volume{color:#55706d !important}
body .modal-size-price,body .modal-size-option .sz-l{color:#10302e !important}
body .modal-size-option.active .sz-l,body .modal-size-option.active .modal-size-price{color:#006663 !important;text-shadow:none !important}
body .mx-sg-n{color:#007a7a;text-shadow:none}
body .mx-sg-t{color:#3d5a57}
body .mx-cube .ft,body .mx-cube .fl,body .mx-cube .fr{fill:rgba(0,122,122,.05);stroke:#9ccac6}
body .mx-cube.on{filter:drop-shadow(0 4px 8px rgba(0,122,122,.45))}
body .mx-cube.on .ft{fill:#bff3ec;stroke:#006663}
body .mx-cube.on .fl{fill:#5ed3c8;stroke:#006663}
body .mx-cube.on .fr{fill:#14b5ae;stroke:#006663}
body .mx-tile{border:1px solid rgba(0,122,122,.22) !important;background:#f3fbfa !important;color:#10302e !important}
body .mx-tile:hover{background:#e3f6f3 !important}
body .mx-tile .ti{background:rgba(0,122,122,.1);color:#006663}
body .mx-tile .tp{color:#007a7a}
body .mx-tile.active{background:#dcf3ef !important;border-color:#007a7a !important;box-shadow:0 0 0 1px #007a7a,0 8px 22px rgba(0,122,122,.25) !important}
body .mx-tile.active .ti{background:#007a7a;color:#fff;box-shadow:0 6px 14px rgba(0,122,122,.45)}
body .mx-seg{background:rgba(0,122,122,.08) !important;border-color:rgba(0,122,122,.2) !important}
body .mx-seg .mod-opt-btn{color:#3d5a57 !important}
body .mx-seg .mod-opt-btn.active{color:#fff !important}
body .mx-seg-th{background:linear-gradient(135deg,#14b5ae,#007a7a) !important;box-shadow:0 6px 14px rgba(0,122,122,.35) !important}
body .mod-opt-btn{border:1px solid rgba(0,122,122,.28) !important;background:#fff !important;color:#006663 !important}
body .mod-opt-btn.active{background:linear-gradient(135deg,#14b5ae,#007a7a) !important;color:#fff !important;border-color:#007a7a !important;box-shadow:0 6px 16px rgba(0,122,122,.35) !important}
body .mx-seg .mod-opt-btn,body .mx-seg .mod-opt-btn.active{background:transparent !important;box-shadow:none !important;border:none !important}
body .mod-extra-option{border-bottom:1px solid rgba(0,122,122,.12) !important;color:#10302e !important}
body .mod-extra-option.selected{background:rgba(20,181,174,.1) !important}
body .mod-extra-option input{border-color:rgba(0,122,122,.5) !important}
body .mod-extra-option input:checked{background:#007a7a !important;border-color:#007a7a !important;box-shadow:0 0 10px rgba(0,122,122,.45) !important}
body .mod-extra-option input:checked::after{border-color:#fff}
body .mod-extra-price{color:#007a7a !important}
body .modal-selected-product{background:#eef8f7 !important;border:1px solid rgba(0,122,122,.18) !important;color:#10302e !important}
body .modal-footer.mx-foot{background:#fff !important;border-top:1px solid rgba(0,122,122,.15) !important}
body .mx-tl{color:#55706d}
body .mx-tot b{color:#006663;text-shadow:none}
body .mx-close{background:linear-gradient(135deg,#14b5ae,#007a7a);color:#fff;box-shadow:0 14px 30px -12px rgba(0,122,122,.6)}

/* ===== Категории: фото-фон + заметная кнопка скидки ===== */
body .discount-selector-box.dsc{margin:0 0 clamp(18px,3vw,30px) !important;padding:clamp(12px,1.6vw,16px) !important}
body .dsc-row{justify-content:center}
body .dsc-main{position:relative;overflow:hidden;min-height:58px;padding:12px 30px;background:linear-gradient(135deg,#ffffff,#d9fffa);color:#006663;border:2px solid #fff;font-size:1.05rem;animation:dsc-glow 2.2s ease-in-out infinite}
body .dsc-main::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(20,201,184,.45),transparent);transform:skewX(-18deg);animation:dsc-shine 3.2s ease-in-out infinite}
body .dsc-main svg{animation:dsc-tag 2.2s ease-in-out infinite}
body .dsc.has .dsc-main{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.7);animation:none}
body .dsc.has .dsc-main::after,body .dsc.has .dsc-main svg{animation:none;display:none}
@keyframes dsc-glow{0%,100%{box-shadow:0 6px 18px rgba(0,50,50,.25),0 0 0 0 rgba(127,247,232,.75)}50%{box-shadow:0 8px 26px rgba(20,201,184,.55),0 0 0 12px rgba(127,247,232,0)}}
@keyframes dsc-shine{0%,55%{left:-60%}100%{left:130%}}
@keyframes dsc-tag{0%,100%{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(10deg)}}
@media(prefers-reduced-motion:reduce){body .dsc-main,body .dsc-main::after,body .dsc-main svg{animation:none}}
@media(max-width:520px){body .dsc-main{padding:12px 16px;font-size:.98rem}}

/* Категории: без картинки, стеклянный фон */
body .category-select-wrapper{background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.1)),rgba(0,70,68,.22) !important;background-image:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.1)) !important;-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.45);border-radius:26px;box-shadow:0 14px 40px rgba(0,50,50,.22),inset 0 1px 0 rgba(255,255,255,.5)}

body .mx-chip{border-radius:16px !important}
body .mx-search input{border-radius:16px !important}

/* Кнопка скидки — часть окна категорий (общая рамка) */
body .category-select-wrapper{display:flex !important;flex-direction:column}
body .category-select-wrapper .discount-selector-box.dsc{order:10;position:relative;background:none !important;-webkit-backdrop-filter:none;backdrop-filter:none;border:0 !important;border-radius:0 !important;box-shadow:none !important;margin:clamp(16px,2.4vw,24px) 0 0 !important;padding:clamp(16px,2.4vw,24px) 0 0 !important}
body .category-select-wrapper .discount-selector-box.dsc::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent)}

/* Категории: фото возвращено, стекло поверх него */
body .category-select-wrapper .mx-chip{background:rgba(255,255,255,.88) !important}
body .category-select-wrapper .mx-chip.active{background:var(--teal-700) !important;color:#fff !important}

/* Без фото: стекло; кнопка скидки — в своём поле внутри окна */
body .category-select-wrapper{background-image:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.1)) !important;-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5)}
body .category-select-wrapper .mx-chip{background:#fff !important}
body .category-select-wrapper .mx-chip.active{background:var(--teal-700) !important}
body .category-select-wrapper .discount-selector-box.dsc{background:rgba(255,255,255,.14) !important;border:1px solid rgba(255,255,255,.45) !important;border-radius:20px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4) !important;margin:clamp(14px,2vw,20px) 0 0 !important;padding:clamp(12px,1.6vw,16px) !important}
body .category-select-wrapper .discount-selector-box.dsc::before{display:none}

/* Углы анимации скидки совпадают со скруглением поля */
body .inline-discount-loader{border-radius:20px !important}