/* V21-THEMED-ICONS: main-page USP + service card icons swap per theme */
.svc .ic.themed{background-repeat:no-repeat;background-position:center;background-size:contain;color:transparent}

[data-theme="sun"] .ic.themed[data-icon="sales"],[data-theme="bold"] .ic.themed[data-icon="sales"]{background-image:url("/upload/orange-bold/Работает на продажи.png")}
[data-theme="rose"] .ic.themed[data-icon="sales"]{background-image:url("/upload/rose/Работает на продажи.png")}
[data-theme="mint"] .ic.themed[data-icon="sales"]{background-image:url("/upload/mint/Работает на продажи.png")}

[data-theme="sun"] .ic.themed[data-icon="uiux"],[data-theme="bold"] .ic.themed[data-icon="uiux"]{background-image:url("/upload/orange-bold/Сайты UIUX.png")}
[data-theme="rose"] .ic.themed[data-icon="uiux"]{background-image:url("/upload/rose/Сайты по канонам UIUX.png")}
[data-theme="mint"] .ic.themed[data-icon="uiux"]{background-image:url("/upload/mint/Сайты по канонам.png")}

[data-theme="sun"] .ic.themed[data-icon="search"],[data-theme="bold"] .ic.themed[data-icon="search"]{background-image:url("/upload/orange-bold/Видно в поиске.png")}
[data-theme="rose"] .ic.themed[data-icon="search"]{background-image:url("/upload/rose/Видно в поиске.png")}
[data-theme="mint"] .ic.themed[data-icon="search"]{background-image:url("/upload/mint/Видно в поиске.png")}

[data-theme="sun"] .ic.themed[data-icon="brand"],[data-theme="bold"] .ic.themed[data-icon="brand"]{background-image:url("/upload/orange-bold/Фирменный стиль.png")}
[data-theme="rose"] .ic.themed[data-icon="brand"]{background-image:url("/upload/rose/Фирменный стиль.png")}
[data-theme="mint"] .ic.themed[data-icon="brand"]{background-image:url("/upload/mint/Фирменный стиль.png")}

[data-theme="sun"] .ic.themed[data-icon="logo"],[data-theme="bold"] .ic.themed[data-icon="logo"]{background-image:url("/upload/orange-bold/Логотип.png")}
[data-theme="rose"] .ic.themed[data-icon="logo"]{background-image:url("/upload/rose/Логотип.png")}
[data-theme="mint"] .ic.themed[data-icon="logo"]{background-image:url("/upload/mint/Логотип.png")}

[data-theme="sun"] .ic.themed[data-icon="site"],[data-theme="bold"] .ic.themed[data-icon="site"]{background-image:url("/upload/orange-bold/Сайты.png")}
[data-theme="rose"] .ic.themed[data-icon="site"]{background-image:url("/upload/rose/Сайты.png")}
[data-theme="mint"] .ic.themed[data-icon="site"]{background-image:url("/upload/mint/Сайты.png")}

[data-theme="sun"] .ic.themed[data-icon="social"],[data-theme="bold"] .ic.themed[data-icon="social"]{background-image:url("/upload/orange-bold/Соцсети.png")}
[data-theme="rose"] .ic.themed[data-icon="social"]{background-image:url("/upload/rose/Соцсети.png")}
[data-theme="mint"] .ic.themed[data-icon="social"]{background-image:url("/upload/mint/Соц сети.png")}

[data-theme="sun"] .ic.themed[data-icon="cards"],[data-theme="bold"] .ic.themed[data-icon="cards"]{background-image:url("/upload/orange-bold/Карточки вб.png")}
[data-theme="rose"] .ic.themed[data-icon="cards"]{background-image:url("/upload/rose/Карточки вб.png")}
[data-theme="mint"] .ic.themed[data-icon="cards"]{background-image:url("/upload/mint/Карточки.png")}

[data-theme="sun"] .ic.themed[data-icon="presentation"],[data-theme="bold"] .ic.themed[data-icon="presentation"]{background-image:url("/upload/orange-bold/Презентации.png")}
[data-theme="rose"] .ic.themed[data-icon="presentation"]{background-image:url("/upload/rose/Презентации.png")}
[data-theme="mint"] .ic.themed[data-icon="presentation"]{background-image:url("/upload/mint/Презентации.png")}

[data-theme="sun"] .ic.themed[data-icon="naming"],[data-theme="bold"] .ic.themed[data-icon="naming"]{background-image:url("/upload/orange-bold/Нейминг.png")}
[data-theme="rose"] .ic.themed[data-icon="naming"]{background-image:url("/upload/rose/Нейминг.png")}
[data-theme="mint"] .ic.themed[data-icon="naming"]{background-image:url("/upload/mint/Нейминг.png")}

[data-theme="sun"] .ic.themed[data-icon="print"],[data-theme="bold"] .ic.themed[data-icon="print"]{background-image:url("/upload/orange-bold/Полиграфия.png")}
[data-theme="rose"] .ic.themed[data-icon="print"]{background-image:url("/upload/rose/Полиграфия.png")}
[data-theme="mint"] .ic.themed[data-icon="print"]{background-image:url("/upload/mint/Полиграфия.png")}

/* V22-ICONS-LAYOUT: USP icons fill the whole tile without a plate; services grid — bigger icons keeping the plate */
.usp-grid .svc{text-align:center}
.usp-grid .svc .ic.themed{
  display:block;
  width:100%;
  max-width:none;
  height:220px;
  margin:0 auto 18px;
  background-color:transparent !important;
  background-size:contain;
  background-position:center center;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
}
@media(max-width:900px){.usp-grid .svc .ic.themed{height:180px}}
@media(max-width:600px){.usp-grid .svc .ic.themed{height:160px}}

.svc-grid:not(.usp-grid) .svc .ic.themed{
  width:96px;
  height:96px;
  background-size:78%;
}
@media(max-width:600px){.svc-grid:not(.usp-grid) .svc .ic.themed{width:80px;height:80px;background-size:76%}}

/* V27c-STEPS-2x2: force 2-column grid on desktop for larger step icons */
.steps{grid-template-columns:repeat(2,1fr) !important;gap:36px 44px}
.steps .step{display:flex;gap:30px;align-items:center;text-align:left;min-width:0}
.steps .step .step-body{flex:1 1 auto;min-width:0;text-align:left}
.steps .step .step-body .num,.steps .step .step-body h3,.steps .step .step-body p{text-align:left}
.steps .step .step-body h3{overflow-wrap:break-word;word-break:break-word;hyphens:auto}
.steps .step .ic.themed{
  flex:0 0 auto;
  display:block;
  width:240px;
  height:240px;
  margin:0;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
  color:transparent;
}
@media(min-width:1500px){.steps .step .ic.themed{width:280px;height:280px}}
@media(max-width:1200px){.steps .step{gap:24px}.steps .step .ic.themed{width:200px;height:200px}}
@media(max-width:960px){.steps .step{gap:20px}.steps .step .ic.themed{width:170px;height:170px}}
@media(max-width:760px){.steps{grid-template-columns:1fr !important;gap:26px}.steps .step .ic.themed{width:160px;height:160px}}
@media(max-width:600px){
  .steps .step{flex-direction:column;gap:14px;text-align:center;align-items:stretch}
  .steps .step .step-body,.steps .step .step-body .num,.steps .step .step-body h3,.steps .step .step-body p{text-align:center}
  .steps .step .ic.themed{width:100%;height:180px;margin:0 auto}
}

[data-theme="sun"] .ic.themed[data-icon="step-brief"],[data-theme="bold"] .ic.themed[data-icon="step-brief"]{background-image:url("/upload/orange-bold/kak-rabotaem/Бриф и исследование.png")}
[data-theme="rose"] .ic.themed[data-icon="step-brief"]{background-image:url("/upload/rose/kak-rabotaem/Бриф и исследование.png")}
[data-theme="mint"] .ic.themed[data-icon="step-brief"]{background-image:url("/upload/mint/kak-rabotaem/Бриф и исследование.png")}

[data-theme="sun"] .ic.themed[data-icon="step-concept"],[data-theme="bold"] .ic.themed[data-icon="step-concept"]{background-image:url("/upload/orange-bold/kak-rabotaem/Концепция.png")}
[data-theme="rose"] .ic.themed[data-icon="step-concept"]{background-image:url("/upload/rose/kak-rabotaem/Концепция.png")}
[data-theme="mint"] .ic.themed[data-icon="step-concept"]{background-image:url("/upload/mint/kak-rabotaem/Концепция.png")}

[data-theme="sun"] .ic.themed[data-icon="step-refine"],[data-theme="bold"] .ic.themed[data-icon="step-refine"]{background-image:url("/upload/orange-bold/kak-rabotaem/Доработка.png")}
[data-theme="rose"] .ic.themed[data-icon="step-refine"]{background-image:url("/upload/rose/kak-rabotaem/Доработка.png")}
[data-theme="mint"] .ic.themed[data-icon="step-refine"]{background-image:url("/upload/mint/kak-rabotaem/Доработка.png")}

[data-theme="sun"] .ic.themed[data-icon="step-handoff"],[data-theme="bold"] .ic.themed[data-icon="step-handoff"]{background-image:url("/upload/orange-bold/kak-rabotaem/Передача.png")}
[data-theme="rose"] .ic.themed[data-icon="step-handoff"]{background-image:url("/upload/rose/kak-rabotaem/Передача.png")}
[data-theme="mint"] .ic.themed[data-icon="step-handoff"]{background-image:url("/upload/mint/kak-rabotaem/Передача.png")}

/* V25-MINT-LOWERCASE: mint theme redesign uses lowercase renamed files — overrides V21 mint rules */
[data-theme="mint"] .ic.themed[data-icon="sales"]{background-image:url("/upload/mint/работает на продажи.png")}
[data-theme="mint"] .ic.themed[data-icon="uiux"]{background-image:url("/upload/mint/сайты по канонам.png")}
[data-theme="mint"] .ic.themed[data-icon="search"]{background-image:url("/upload/mint/видно в поиске.png")}
[data-theme="mint"] .ic.themed[data-icon="brand"]{background-image:url("/upload/mint/фирменный стиль.png")}
[data-theme="mint"] .ic.themed[data-icon="logo"]{background-image:url("/upload/mint/логотип.png")}
[data-theme="mint"] .ic.themed[data-icon="site"]{background-image:url("/upload/mint/сайты.png")}
[data-theme="mint"] .ic.themed[data-icon="social"]{background-image:url("/upload/mint/соцсети.png")}
[data-theme="mint"] .ic.themed[data-icon="cards"]{background-image:url("/upload/mint/карточки wb и ozon.png")}
[data-theme="mint"] .ic.themed[data-icon="presentation"]{background-image:url("/upload/mint/презентация.png")}
[data-theme="mint"] .ic.themed[data-icon="naming"]{background-image:url("/upload/mint/нейминг.png")}
[data-theme="mint"] .ic.themed[data-icon="print"]{background-image:url("/upload/mint/полиграфия.png")}

/* V26-USLUGI-TSENY: category icons on «Услуги и цены» page + gift icon inside tariff cards */

/* Упаковка category */
[data-theme="sun"] .ic.themed[data-icon="pack"],[data-theme="bold"] .ic.themed[data-icon="pack"]{background-image:url("/upload/orange-bold/uslugi-tseny/упаковка.png")}
[data-theme="rose"] .ic.themed[data-icon="pack"]{background-image:url("/upload/rose/uslugi-tseny/упаковка.png")}
[data-theme="mint"] .ic.themed[data-icon="pack"]{background-image:url("/upload/mint/uslugi-tseny/упаковка.png")}

/* Сопровождение + Продвижение — same «продвижение» icon per owner */
[data-theme="sun"] .ic.themed[data-icon="support"],[data-theme="bold"] .ic.themed[data-icon="support"],[data-theme="sun"] .ic.themed[data-icon="promo"],[data-theme="bold"] .ic.themed[data-icon="promo"]{background-image:url("/upload/orange-bold/uslugi-tseny/продвижение.png")}
[data-theme="rose"] .ic.themed[data-icon="support"],[data-theme="rose"] .ic.themed[data-icon="promo"]{background-image:url("/upload/rose/uslugi-tseny/продвижение.png")}
[data-theme="mint"] .ic.themed[data-icon="support"],[data-theme="mint"] .ic.themed[data-icon="promo"]{background-image:url("/upload/mint/uslugi-tseny/продвижение.png")}

/* Дополнительно */
[data-theme="sun"] .ic.themed[data-icon="extra"],[data-theme="bold"] .ic.themed[data-icon="extra"]{background-image:url("/upload/orange-bold/uslugi-tseny/дополнительно.png")}
[data-theme="rose"] .ic.themed[data-icon="extra"]{background-image:url("/upload/rose/uslugi-tseny/дополнительно.png")}
[data-theme="mint"] .ic.themed[data-icon="extra"]{background-image:url("/upload/mint/uslugi-tseny/дополнительно.png")}

/* Gift — replaces 🎁 emoji in tariff cards */
[data-theme="sun"] .ic.themed[data-icon="gift"],[data-theme="bold"] .ic.themed[data-icon="gift"]{background-image:url("/upload/orange-bold/uslugi-tseny/подарок.png")}
[data-theme="rose"] .ic.themed[data-icon="gift"]{background-image:url("/upload/rose/uslugi-tseny/подарок.png")}
[data-theme="mint"] .ic.themed[data-icon="gift"]{background-image:url("/upload/mint/uslugi-tseny/подарки.png")}

/* Gift inline sizing — sits at the start of each 🎁 list item */
.gift .ic.themed[data-icon="gift"]{display:inline-block;width:22px;height:22px;vertical-align:-5px;margin:0 6px 0 0;background-repeat:no-repeat;background-position:center;background-size:contain;background-color:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}

/* V27-CATEGORY-BADGES-BIGGER: enlarge round category badges in «Стоимость по направлениям» */
.acc-cat-head{gap:18px;margin-bottom:18px}
.acc-cat-head .ci{width:76px;height:76px;border-radius:22px}
.acc-cat-head .ci .ic.themed{background-size:86%}
@media(max-width:600px){.acc-cat-head{gap:14px}.acc-cat-head .ci{width:64px;height:64px;border-radius:18px}.acc-cat-head .ci .ic.themed{background-size:84%}}

/* V27c-USLUGI-BADGES-FILL: pack / support / promo / extra artwork has more inner padding — fill the badge more */
.acc-cat-head .ci .ic.themed[data-icon="pack"],
.acc-cat-head .ci .ic.themed[data-icon="support"],
.acc-cat-head .ci .ic.themed[data-icon="promo"],
.acc-cat-head .ci .ic.themed[data-icon="extra"]{background-size:108%}
@media(max-width:600px){
.acc-cat-head .ci .ic.themed[data-icon="pack"],
.acc-cat-head .ci .ic.themed[data-icon="support"],
.acc-cat-head .ci .ic.themed[data-icon="promo"],
.acc-cat-head .ci .ic.themed[data-icon="extra"]{background-size:106%}
}

/* V27-MOBILE-MOOD-PANEL: lift theme switcher above the floating Telegram/messenger button on phones */
@media(max-width:760px){.mood-panel{bottom:86px}}
@media(max-width:400px){.mood-panel{bottom:80px;right:12px;padding:8px 10px;gap:10px}.mood-panel button{width:20px;height:20px}}