/* ============================================================
   FunDaily (fdmc.pw) — PASTEL skin · Main shop page
   Loaded after style.css / style-responsive.css so it wins.
   Classic click-to-open buy modal · pastel recolor · hero.
   ============================================================ */

/* ===========================================================
   1) CLASSIC MODAL — product grid full width, buy panel opens
   as a centered modal on click (was a sticky right sidebar).
   =========================================================== */
.main > .donate .donate-shop{ display:block !important; }
.main > .donate .donate-products{ z-index:auto !important; }
.main > .donate .donate-products:after{ display:none !important; }
.main .donate .items > .item-list{ grid-template-columns:repeat(auto-fill, minmax(210px, 1fr)) !important; }

.main > .donate .donate-sidebar{
  position:fixed !important;
  top:0 !important; right:0 !important; bottom:0 !important; left:0 !important;
  width:auto !important; height:100vh !important; height:100dvh !important; min-height:100vh !important;
  box-sizing:border-box !important;
  z-index:50000 !important; display:none !important;
  align-items:center !important; justify-content:center !important;
  margin:0 !important; padding:26px 14px !important;
  background:rgba(18,12,28,0.72) !important;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  overflow:auto !important;
}
body.donate-open{ overflow:hidden !important; }
body.donate-open .main > .donate .donate-sidebar{ display:flex !important; }
body.donate-open .main > .donate > .container{ z-index:50001 !important; }
.main > .donate .donate-sidebar .donate-panel{ width:100% !important; max-width:560px !important; margin:0 !important; }
.main > .donate .donate-sidebar .donate-panel > .wrapper{ width:100% !important; padding:0 !important; height:auto !important; }
.main > .donate .donate-sidebar .donate-panel > .wrapper > .modal-content{ max-height:88vh; overflow:auto; animation:fdmc-pop .22s cubic-bezier(.2,.9,.3,1.15); }
.donate-panel-close{ display:flex !important; }
@keyframes fdmc-pop{ from{ transform:translateY(16px) scale(.97); opacity:0 } to{ transform:none; opacity:1 } }

/* ===========================================================
   2) PASTEL RECOLOR — cards, prices, badges, panel, modals
   =========================================================== */
.main .donate .items > .item-list > .item-id{
  background:linear-gradient(180deg, rgba(46,34,66,0.62), rgba(30,22,46,0.62)) !important;
  border:1px solid rgba(196,181,253,0.20) !important;
  box-shadow:0 16px 44px rgba(20,10,35,0.35) !important;
}
.main .donate .items > .item-list > .item-id:hover{
  border-color:rgba(249,168,212,0.55) !important;
  box-shadow:0 20px 54px rgba(244,114,182,0.18), 0 0 0 1px rgba(169,200,255,0.18) inset !important;
}
.main .donate .items > .item-list > .item-id.active{
  border-color:rgba(249,168,212,0.7) !important;
  box-shadow:0 20px 54px rgba(244,114,182,0.22), 0 0 0 1px rgba(249,168,212,0.22) inset !important;
}
.main .donate .items > .item-list > .item-id > .title{ color:#fbeffb !important; }
.main .donate .items > .item-list > .item-id > .card-description{ color:#c9bfe0 !important; }

.price .price-new,
.main .donate .items > .item-list > .item-id > .price > .price-new{ color:#ffc6e4 !important; font-weight:800; }
.price .price-old{ color:#b7a9cf !important; opacity:.8; }

.item-badge{ background:linear-gradient(135deg,#a9c8ff,#f9a8d4) !important; color:#3b2340 !important; border:none !important; }
.item-featured, .item-anchor, .item-launcher{ --accent:249,168,212; }

.main > .donate .tabs > .tab-links > li .tab-link:hover,
.main > .donate .tabs > .tab-links > li .tab-link.active{
  border-color:rgba(249,168,212,0.5) !important;
  background:rgba(249,168,212,0.13) !important;
}

.donate-panel[data-id="donate"] > .wrapper > .modal-content{
  border:1px solid rgba(249,168,212,0.28) !important;
  background:linear-gradient(180deg, rgba(40,29,60,0.96), rgba(26,18,40,0.96)) !important;
  box-shadow:0 30px 90px rgba(15,8,28,0.55), 0 0 0 1px rgba(196,181,253,0.08) inset, 0 0 60px rgba(249,168,212,0.10) !important;
}
.donate-panel[data-id="donate"] .modal-header{ color:#fff !important; }
.donate-panel[data-id="donate"] .donate-current-price strong{ color:#ffc6e4 !important; }
.donate-panel[data-id="donate"] .block-bonus{ border-color:rgba(169,200,255,0.22) !important; background:rgba(169,200,255,0.09) !important; }
.donate-panel[data-id="donate"] .block-bonus .bonus,
.donate-panel[data-id="donate"] .block-bonus .sum{ color:#a9c8ff !important; }

body .main .donate-panel[data-id="donate"] .modal-footer .btn,
body #checkoutform .checkout-footer .btn[type="submit"],
body #checkoutform .modal-footer .btn.bg-cyan{
  background:linear-gradient(135deg,#a9c8ff 0%,#c4b5fd 50%,#f9a8d4 100%) !important;
  color:#3b2340 !important; border:none !important;
  box-shadow:0 12px 30px rgba(249,168,212,0.30) !important;
}

.donate-trust i{ color:#f9a8d4 !important; }
.donate-panel[data-id="donate"] .input-prepend > .prepend{ color:#c4b5fd !important; }
.nick-check-status.is-ok{ color:#a9c8ff !important; }
.nick-check-status.is-error{ color:#f9a8d4 !important; }

#checkoutform > .wrapper > .modal-content,
#methodform > .wrapper > .modal-content{
  border:1px solid rgba(249,168,212,0.24) !important;
  background:linear-gradient(180deg, rgba(40,29,60,0.98), rgba(26,18,40,0.98)) !important;
  box-shadow:0 30px 90px rgba(12,6,24,0.55), 0 0 60px rgba(169,200,255,0.10) !important;
}
#methodform .methods .btn{ border:1px solid rgba(196,181,253,0.20) !important; background:rgba(58,42,84,0.5) !important; }
#methodform .methods .btn:hover{ border-color:rgba(249,168,212,0.5) !important; background:rgba(249,168,212,0.10) !important; }
.method-product-price{ color:#ffc6e4 !important; }

.sale-banner{ border:1px solid rgba(249,168,212,0.3) !important; background:linear-gradient(135deg, rgba(169,200,255,0.14), rgba(249,168,212,0.14)) !important; }
.sale-banner .sale-text b, .sale-cd-clock b{ color:#ffc6e4 !important; }

.lb-head, .live-purchases .lb-head{ color:#e9def6 !important; }
.lb-tab.active{ color:#ffc6e4 !important; border-color:rgba(249,168,212,0.5) !important; }
.lb-live-dot{ background:#f9a8d4 !important; box-shadow:0 0 0 4px rgba(249,168,212,0.18) !important; }
.lb-rank-1 .lb-rank, .lb-row.lb-rank-1{ color:#ffc6e4 !important; }

/* ===========================================================
   3) SMOOTH TRANSITION hero -> products (no hard dark edge)
   =========================================================== */
.main > .donate{
  background-color:transparent !important;
  background:linear-gradient(180deg,
     rgba(24,17,40,0) 0%, rgba(22,15,37,0.28) 20%,
     rgba(20,13,33,0.52) 52%, rgba(18,12,30,0.72) 100%) !important;
}
.main > .donate:after{
  background:linear-gradient(180deg, rgba(18,12,30,0), rgba(18,12,30,0.55) 55%, rgba(16,10,26,0.80) 100%) !important;
}

/* ===========================================================
   4) HERO — stats (left) · avatar+CTA (center) · coupon (right)
   with the podium centered below.
   =========================================================== */
.main > .mainslide.header.fdmc-hero > .container{
  width:min(1500px, calc(100% - 56px)) !important;
  margin:0 auto !important;
  padding-top:46px !important; padding-bottom:38px !important;
  min-height:auto !important;
}
.fdmc-hero{ display:flex; flex-direction:column; align-items:center; gap:36px; width:100%; }

.fdmc-hero-main{
  display:grid; grid-template-columns:1fr auto 1fr;
  align-items:center; justify-items:center;
  gap:46px; width:100%; max-width:1320px; margin:0 auto;
}

/* --- stats (left) --- */
.fdmc-stats{ display:flex; flex-direction:column; gap:14px; width:224px; }
.fdmc-stat{
  display:flex; align-items:center; gap:13px; padding:15px 20px;
  border-radius:18px; text-align:left;
  border:1px solid rgba(255,255,255,0.14);
  background:rgba(42,30,62,0.55);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  box-shadow:0 14px 34px rgba(13,7,26,0.38); color:#efeaf8;
}
.fdmc-stat-ip{ cursor:pointer; transition:transform .18s ease, border-color .18s ease; }
.fdmc-stat-ip:hover{ transform:translateY(-2px); border-color:rgba(169,200,255,0.5); }
.fdmc-stat .fd-dot{ width:11px; height:11px; border-radius:50%; background:#8ef0b8; box-shadow:0 0 0 5px rgba(142,240,184,0.2); animation:fd-pulse 1.8s ease-in-out infinite; flex:none; }
@keyframes fd-pulse{ 0%,100%{ transform:scale(1); opacity:1 } 50%{ transform:scale(1.25); opacity:.7 } }
.fdmc-stat-val{ font-size:28px; font-weight:900; color:#fff; line-height:1; }
.fdmc-stat-ip i{ font-size:20px; color:#a9c8ff; flex:none; }
.fdmc-stat-label{ font-size:12px; font-weight:700; color:#d6cbee; line-height:1.2; }
.fdmc-stat-label b{ color:#fff; font-size:13px; }

/* --- center (avatar + cta) --- */
.fdmc-center{ position:relative; display:flex; flex-direction:column; align-items:center; gap:22px; }
.fdmc-center::before{
  content:""; position:absolute; inset:-42% -44% -22%; z-index:-1; pointer-events:none;
  background:radial-gradient(closest-side, rgba(196,181,253,0.20), rgba(249,168,212,0.10) 48%, transparent 72%);
}
.fdmc-hero-avatar{
  width:172px; height:172px; border-radius:50%; object-fit:cover; display:block;
  border:4px solid rgba(255,255,255,0.85);
  box-shadow:0 20px 56px rgba(244,114,182,0.42), 0 0 0 10px rgba(249,168,212,0.12);
}
.fdmc-cta{
  display:inline-flex; align-items:center; gap:10px;
  padding:17px 40px; border-radius:16px; border:none;
  background:linear-gradient(135deg,#a9c8ff 0%,#c4b5fd 50%,#f9a8d4 100%);
  color:#3b2340 !important; font-size:18px; font-weight:900; text-decoration:none;
  box-shadow:0 12px 26px rgba(12,7,24,0.42);
  transition:transform .18s ease, filter .18s ease;
}
.fdmc-cta:hover{ transform:translateY(-2px); filter:brightness(1.05); color:#3b2340 !important; }

/* --- promo coupon (right) — ticket-style --- */
.fdmc-coupon{
  position:relative; display:flex; flex-direction:column; align-items:center; gap:11px;
  width:236px; padding:22px 22px 18px; cursor:pointer;
  border:1px solid rgba(255,255,255,0.55); border-radius:22px;
  background:linear-gradient(150deg,#cfe0ff 0%,#e7ddff 48%,#fbcfe8 100%);
  color:#4a2f52; box-shadow:0 18px 44px rgba(196,181,253,0.30);
  transition:transform .18s ease, box-shadow .18s ease; overflow:hidden;
}
.fdmc-coupon::after{ content:""; position:absolute; inset:0 0 auto 0; height:46%;
  background:linear-gradient(180deg, rgba(255,255,255,0.38), transparent); pointer-events:none; }
.fdmc-coupon:hover{ transform:translateY(-3px); box-shadow:0 26px 58px rgba(249,168,212,0.40); }
.fdmc-coupon-top{ position:relative; display:flex; align-items:center; gap:7px; font-size:12px; font-weight:900; letter-spacing:1.5px; text-transform:uppercase; color:#6b4a72; }
.fdmc-coupon-code{
  position:relative; display:block; width:100%; padding:12px 0; border-radius:13px;
  background:rgba(255,255,255,0.70); color:#7c3f66;
  font-size:34px; font-weight:900; letter-spacing:7px; line-height:1; text-align:center;
  box-shadow:inset 0 0 0 1px rgba(124,63,102,0.16);
}
.fdmc-coupon-sep{ position:relative; width:74%; border-top:2px dashed rgba(74,47,82,0.32); }
.fdmc-coupon-desc{ position:relative; font-size:15px; font-weight:800; color:#4a2f52; }
.fdmc-coupon-hint{ position:relative; font-size:11px; font-weight:700; color:#6b4a72; opacity:.72; }

/* ===========================================================
   5) PODIUM (centered below the hero)
   =========================================================== */
.fdmc-podium{ width:100%; max-width:640px; text-align:center; }
.fdmc-podium-title{ margin-bottom:20px; color:#e9dcf7; font-size:15px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; }
.fdmc-podium-row{ display:flex; justify-content:center; align-items:flex-end; gap:16px; }
.fdmc-pod{ flex:1 1 0; max-width:190px; display:flex; flex-direction:column; align-items:center; }
.fdmc-pod-1{ order:2; } .fdmc-pod-2{ order:1; } .fdmc-pod-3{ order:3; }
.fdmc-pod-badge{
  display:flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:50%;
  font-weight:900; font-size:18px; color:#3b2340; border:2px solid rgba(255,255,255,0.75);
  box-shadow:0 8px 22px rgba(15,8,28,0.35); background:linear-gradient(135deg,#e8eefc,#c3cede);
}
.fdmc-pod-1 .fdmc-pod-badge{ width:64px; height:64px; font-size:24px; background:linear-gradient(135deg,#ffe08a,#ffc24b); box-shadow:0 12px 32px rgba(255,193,75,0.45); }
.fdmc-pod-3 .fdmc-pod-badge{ background:linear-gradient(135deg,#ffd6a8,#f0a869); }
.fdmc-pod-name{ margin:11px 0 8px; max-width:100%; color:#f5eefe; font-weight:800; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fdmc-pod-1 .fdmc-pod-name{ font-size:15px; color:#fff; }
.fdmc-pod-step{
  position:relative; width:100%; display:flex; align-items:flex-start; justify-content:center; padding-top:10px;
  border:1px solid rgba(196,181,253,0.28); border-bottom:none; border-radius:16px 16px 0 0;
  color:#fff; font-weight:900; font-size:20px;
  background:linear-gradient(180deg, rgba(196,181,253,0.24), rgba(46,33,66,0.14));
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
}
.fdmc-pod-step span{ opacity:.75; }
.fdmc-pod-1 .fdmc-pod-step{ height:96px; background:linear-gradient(180deg, rgba(255,193,75,0.32), rgba(249,168,212,0.12)); border-color:rgba(255,193,75,0.45); }
.fdmc-pod-2 .fdmc-pod-step{ height:72px; }
.fdmc-pod-3 .fdmc-pod-step{ height:56px; background:linear-gradient(180deg, rgba(240,168,105,0.28), rgba(46,33,66,0.14)); border-color:rgba(240,168,105,0.36); }

/* ===========================================================
   6) RESPONSIVE
   =========================================================== */
@media (max-width:980px){
  .fdmc-hero-main{ grid-template-columns:1fr; gap:24px; }
  .fdmc-center{ order:1; }
  .fdmc-stats{ order:2; width:min(320px,90%); }
  .fdmc-coupon{ order:3; }
}
@media (max-width:640px){
  .fdmc-hero-avatar{ width:140px; height:140px; }
  .fdmc-podium-row{ gap:9px; }
  .fdmc-pod-badge{ width:44px; height:44px; font-size:15px; }
  .fdmc-pod-1 .fdmc-pod-badge{ width:54px; height:54px; font-size:20px; }
}

/* coupon: keep size stable during the copy "Скопировано!" flash */
.fdmc-coupon{ min-height:188px !important; justify-content:center !important; text-align:center; }

/* ---- left "Сервер" card = coupon style (online chip mirrors the LOVE chip) ---- */
.fdmc-online-chip{
  display:flex !important; align-items:center; justify-content:center; gap:11px;
  letter-spacing:0 !important; font-size:16px !important; padding:11px 14px !important;
}
.fdmc-online-chip .fd-dot{
  width:11px; height:11px; border-radius:50%; background:#3fbf7a;
  box-shadow:0 0 0 5px rgba(63,191,122,0.18); animation:fd-pulse 1.8s ease-in-out infinite; flex:none;
}
.fdmc-online-chip .online{ font-size:30px; font-weight:900; color:#7c3f66; line-height:1; }
.fdmc-online-lab{ font-size:12px; font-weight:800; color:#6b4a72; text-align:left; line-height:1.12; }

/* ---- bigger + softer coupon cards (less glaring white) ---- */
.fdmc-coupon{
  width:280px !important;
  min-height:214px !important;
  padding:26px 26px 22px !important;
  gap:13px !important;
  background:linear-gradient(150deg,#c4d6f2 0%,#ddccef 48%,#f4c4dc 100%) !important;
}
.fdmc-coupon::after{ background:linear-gradient(180deg, rgba(255,255,255,0.18), transparent) !important; }
.fdmc-coupon-top{ font-size:13px !important; letter-spacing:1.8px !important; }
.fdmc-coupon-code{
  background:rgba(255,255,255,0.45) !important;
  color:#6d3459 !important;
  font-size:40px !important; letter-spacing:8px !important; padding:15px 0 !important;
  box-shadow:inset 0 0 0 1px rgba(124,63,102,0.15) !important;
}
.fdmc-coupon-desc{ font-size:17px !important; }
.fdmc-coupon-hint{ font-size:12px !important; }
/* online chip sizes (placed after .fdmc-coupon-code so they win) */
.fdmc-online-chip{ font-size:16px !important; padding:14px 16px !important; gap:12px !important; }
.fdmc-online-chip .online{ font-size:36px !important; color:#6d3459 !important; }
.fdmc-online-lab{ font-size:13px !important; color:#5f4269 !important; }
.fdmc-coupon{ min-height:220px !important; }

/* ============================================================
   REFINEMENTS — dark-glass cards, fix spacing, bigger avatar,
   seamless products -> footer
   ============================================================ */
/* cards: dark glass to match the theme (no light/white) */
.fdmc-coupon{
  background:linear-gradient(160deg, rgba(50,36,74,0.74), rgba(30,22,46,0.74)) !important;
  border:1px solid rgba(196,181,253,0.30) !important;
  color:#ece3f7 !important;
  box-shadow:0 20px 48px rgba(12,7,24,0.45), 0 0 0 1px rgba(196,181,253,0.06) inset !important;
  -webkit-backdrop-filter:blur(16px) !important; backdrop-filter:blur(16px) !important;
}
.fdmc-coupon::after{ display:none !important; }                 /* remove white top sheen */
.fdmc-coupon-top{ color:#cdb8ea !important; }
.fdmc-coupon-code{
  background:rgba(196,181,253,0.13) !important;                 /* subtle pastel inset, not white */
  color:#ffc6e4 !important;
  box-shadow:inset 0 0 0 1px rgba(249,168,212,0.28) !important;
}
.fdmc-coupon-desc{ color:#f2e9fb !important; }
.fdmc-coupon-hint{ color:#b9a9d4 !important; }
.fdmc-coupon-sep{ border-top-color:rgba(196,181,253,0.28) !important; }

/* online chip: pastel number + NO letter-spacing on the label ("и г р о к о в" fix) */
.fdmc-online-chip{ letter-spacing:normal !important; }
.fdmc-online-chip .online{ color:#ffc6e4 !important; letter-spacing:normal !important; }
.fdmc-online-lab{ letter-spacing:normal !important; color:#dccff0 !important; }

/* bigger avatar */
.fdmc-hero-avatar{ width:210px !important; height:210px !important; }

/* seamless products -> footer (kill the line) */
.main > .donate:after{
  background:linear-gradient(180deg, rgba(20,15,36,0), rgba(20,15,36,0.55) 45%, #140f24 100%) !important;
}
body > footer.footer{
  background:linear-gradient(180deg, #140f24 0%, #100b1c 100%) !important;
  background-color:#140f24 !important;
}

/* footer: override style.css:1447 blue gradient -> dark-purple, seamless with products
   (match its specificity `html body > footer.footer` so our !important wins) */
html body > footer.footer,
html body > footer.footer.bg-cyan,
html body .main > .mainslide.donate > footer.footer{
  background:linear-gradient(180deg, #140f24 0%, #100b1c 100%) !important;
  background-image:linear-gradient(180deg, #140f24 0%, #100b1c 100%) !important;
  background-color:#140f24 !important;
  box-shadow:none !important;
}

/* remove the 40px gap above the footer (pastel bg showed through it as a band) */
html body > footer.footer{ margin-top:0 !important; }

/* ---- CTA "Выбрать донат": smooth hover + keep text dark (no white blend/glow) ---- */
.fdmc-hero a.fdmc-cta{
  color:#3b2340 !important;
  text-shadow:none !important;
  transition:transform .22s ease, box-shadow .22s ease !important;   /* beats a{transition:color !important} */
}
.fdmc-hero a.fdmc-cta:hover,
.fdmc-hero a.fdmc-cta:focus{
  color:#3b2340 !important;                 /* stay dark, not light-pink */
  transform:translateY(-3px);
  filter:none !important;                   /* drop the brightness wash */
  box-shadow:0 18px 38px rgba(12,7,24,0.52) !important;
}

/* донатеры: убрать столбики-пьедестал, оставить только кружки с медалями */
.fdmc-pod-step{ display:none !important; }
.fdmc-podium-row{ align-items:flex-start !important; gap:34px !important; }
.fdmc-pod-1{ margin-top:-16px; }          /* #1 чуть выше — лёгкий намёк на пьедестал */
.fdmc-pod-name{ margin-bottom:0 !important; }

/* донатеры: чуть больше воздуха между заголовком и кружками */
.fdmc-podium-title{ margin-bottom:34px !important; }

/* заголовок «Лучшие донатеры недели» — ПОД кружочками */
.fdmc-podium{ display:flex !important; flex-direction:column !important; align-items:center !important; }
.fdmc-podium-row{ order:1 !important; }
.fdmc-podium-title{ order:2 !important; margin:22px 0 0 !important; }

/* донатеры: опустить блок ниже от кнопки «Выбрать донат» */
.fdmc-podium{ margin-top:30px !important; }

/* вложенные окна (ввод данных / способ оплаты / easydonate) — без своего затемнения:
   используем ту же единственную заливку, что и при первом клике по товару */
#checkoutform, #methodform, #numberform{
  background:transparent !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
/* пока открыто вложенное окно — прячем карточку панели покупки, чтобы не проглядывала сзади */
body.fdmc-substep .donate-panel[data-id="donate"] > .wrapper{ visibility:hidden !important; }

/* ============================================================
   7) МОБИЛЬНЫЕ: центрирование окна покупки + узкие экраны
   Блок идёт последним — правила выше (с !important и без медиа)
   иначе перебивали @media-блоки в секции 6.
   ============================================================ */

/* --- 7.1 окно покупки «немного не по центру» ---
   min-height:100vh перебивал height:100dvh: на телефоне с видимой адресной
   строкой 100vh больше реально видимой области, оверлей вырастал за экран,
   и отцентрованное по нему окно уезжало вниз. */
.main > .donate .donate-sidebar{
  min-height:100dvh !important;
}

/* Центрирование, безопасное при переполнении: при align-items:center окно
   выше экрана обрезается сверху и до его шапки нельзя доскроллить.
   flex-start + margin:auto центрирует, пока есть место, и не режет верх. */
.main > .donate .donate-sidebar{
  align-items:flex-start !important;
  overscroll-behavior:contain;
}
.main > .donate .donate-sidebar .donate-panel{
  margin:auto !important;
  max-width:560px !important;
}

@media (max-width:640px){
  /* окно шире и выше — узкие поля, скролл внутри карточки */
  .main > .donate .donate-sidebar{ padding:12px 10px !important; }
  .main > .donate .donate-sidebar .donate-panel > .wrapper > .modal-content{
    max-height:calc(100dvh - 24px) !important;
  }

  /* внутренние отступы модалки: 26px по бокам съедали ширину */
  .donate-panel[data-id="donate"] .modal-header,
  #checkoutform .modal-header, #methodform .modal-header{
    padding:20px 62px 0 18px !important; font-size:19px !important;
  }
  .donate-panel[data-id="donate"] .modal-body,
  #checkoutform .modal-body, #methodform .modal-body{ padding:20px 18px 0 !important; }
  .donate-panel[data-id="donate"] .modal-footer,
  #checkoutform .modal-footer, #methodform .modal-footer{ padding:16px 18px 20px !important; }
  .donate-panel[data-id="donate"] .modal-footer .btn,
  #checkoutform .modal-footer .btn{ padding:0 14px !important; font-size:15px !important; }
  .donate-panel-close{ top:12px !important; right:12px !important; }

  /* --- 7.2 шапка: 48px полей с каждой стороны из 360px экрана --- */
  .main > .mainslide.header.fdmc-hero > .container{
    width:calc(100% - 20px) !important;
    padding:30px 10px 26px !important;
  }
  .main > .donate > .container{ padding-left:12px !important; padding-right:12px !important; }

  .fdmc-hero{ gap:26px !important; }
  .fdmc-hero-main{ gap:18px !important; }

  /* аватар: правило .fdmc-hero-avatar{210px !important} ниже медиа-блока
     перебивало его, и на телефоне круг оставался 210px */
  .fdmc-hero-avatar{ width:132px !important; height:132px !important; border-width:3px !important; }

  .fdmc-cta{ padding:15px 26px !important; font-size:16px !important; }

  /* купоны: фикс. 280px не влезали в экраны от 320px */
  .fdmc-coupon{
    width:100% !important; max-width:300px !important;
    min-height:0 !important; padding:18px 16px 16px !important; gap:10px !important;
  }
  .fdmc-coupon-code{ font-size:30px !important; letter-spacing:5px !important; padding:11px 0 !important; }
  .fdmc-online-chip{ padding:11px 12px !important; gap:9px !important; }
  .fdmc-online-chip .online{ font-size:28px !important; }
  .fdmc-coupon-desc{ font-size:15px !important; }

  /* пьедестал: gap:34px !important тоже перебивал медиа-блок */
  .fdmc-podium{ margin-top:20px !important; }
  .fdmc-podium-row{ gap:14px !important; }
  .fdmc-pod-badge{ width:44px !important; height:44px !important; font-size:15px !important; }
  .fdmc-pod-1 .fdmc-pod-badge{ width:54px !important; height:54px !important; font-size:19px !important; }
  .fdmc-pod-name{ font-size:12px !important; }
  .fdmc-podium-title{ font-size:13px !important; }

  /* карточки товаров: minmax(210px) + поля оставляли 280px из 360 */
  .main .donate .items > .item-list{ grid-template-columns:1fr !important; gap:12px !important; }
  .main .donate .items > .item-list > .item-id{ padding:14px !important; }
}

/* --- 7.3 совсем узкие (iPhone SE / 320px) --- */
@media (max-width:380px){
  .fdmc-hero-avatar{ width:112px !important; height:112px !important; }
  .fdmc-cta{ padding:14px 20px !important; font-size:15px !important; }
  .fdmc-coupon-code{ font-size:26px !important; letter-spacing:4px !important; }
  .fdmc-online-chip .online{ font-size:24px !important; }
  .fdmc-podium-row{ gap:8px !important; }
  .fdmc-pod-badge{ width:38px !important; height:38px !important; font-size:13px !important; }
  .fdmc-pod-1 .fdmc-pod-badge{ width:46px !important; height:46px !important; font-size:16px !important; }
  .main > .donate .donate-sidebar{ padding:8px 6px !important; }
  .donate-panel[data-id="donate"] .modal-header{ padding:18px 56px 0 14px !important; font-size:18px !important; }
  .donate-panel[data-id="donate"] .modal-body{ padding:16px 14px 0 !important; }
  .donate-panel[data-id="donate"] .modal-footer{ padding:14px 14px 16px !important; }
}