/* KITIMedia v2.4.66 — consolidated final CSS fixes
   Safe CSS-only visual layer. Merged from kiti-v2458.css, kiti-v2459.css, kiti-v2464.css.
   No payment, Telegram, email, database, config, installer, /bot or /test1 changes. */

/* ===== Source: kiti-v2458.css ===== */
/* KITIMedia v2.4.58 — Design / CSS / Mobile / RTL polish
   Safe visual layer only. No order/payment/SMTP/Telegram business logic changes. */

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
input,select,textarea,button{font:inherit;max-width:100%;min-width:0}
a{overflow-wrap:anywhere}

/* Keep long translated words, prices and emails from breaking cards. */
.card,
.profile-card,
.table-card,
.form-card,
.service-page-card,
.service-plan-card,
.portfolio-card-v2334,
.kiti-footer-v219,
.admin-main{
  min-width:0;
  overflow-wrap:anywhere;
}

.card p,
.card h3,
.service-plan-card p,
.service-plan-card h3,
.service-benefit p,
.section-head p,
.kiti-footer-v219 a,
.kiti-footer-v219 span,
.kiti-footer-v219 p{
  overflow-wrap:anywhere;
}

/* Public service and pricing cards: equal-height cards without changing content. */
.grid-3 > .card,
.grid-4 > .card{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.grid-3 > .card .service-card-link,
.grid-4 > .card .service-card-link,
.grid-3 > .card > .btn:last-child,
.grid-4 > .card > .btn:last-child{
  margin-top:auto;
}
.grid-3 > .card .price,
.grid-4 > .card .price{
  font-size:clamp(22px,2.3vw,30px);
  line-height:1.12;
  white-space:normal;
  overflow-wrap:normal;
}
.features li{min-width:0;overflow-wrap:anywhere}
.featured{will-change:auto}

/* Service detail page overrides: the inline service styles were light-only. */
.service-page-hero{
  background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 7%,var(--bg)),var(--bg2))!important;
}
.service-page-card,
.service-plan-card,
.service-benefit,
.service-order-card{
  background:var(--card)!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
.service-page-card,
.service-plan-card,
.service-order-card{
  box-shadow:var(--shadow)!important;
}
.service-page-hero p,
.service-benefit p,
.service-annual,
.service-plan-features li,
.service-plan-price small{
  color:var(--muted)!important;
}
.service-plan-price{
  color:var(--text)!important;
  font-size:clamp(21px,2vw,27px)!important;
  line-height:1.16!important;
  flex-wrap:wrap;
  align-items:baseline;
}
.service-plan-card .btn{margin-top:auto}
.service-plans-grid{align-items:stretch}
.service-plan-card.featured{transform:translateY(-6px)!important}

/* Header: avoid overflow when language + theme + order button are visible. */
.site-header{isolation:isolate}
.header-inner{min-width:0}
.main-nav,
.header-tools{min-width:0}
.main-nav a,
.header-tools .btn,
.lang-switch a{white-space:nowrap}
.menu-button{touch-action:manipulation}

/* Accessibility widget: keep it usable without covering key buttons on phones. */
.accessibility-toolbar{z-index:80}
.accessibility-panel{
  width:min(420px,calc(100vw - 24px));
  max-height:min(78vh,640px);
  overflow:auto;
}
.accessibility-grid button{min-height:42px}

/* Admin base polish. */
.admin-layout{min-width:0}
.admin-main{min-width:0;max-width:100%}
.admin-sidebar{min-width:0}
.admin-topbar{min-width:0}
.admin-topbar h1{overflow-wrap:anywhere}
.admin-user{min-width:0;flex-wrap:wrap;justify-content:flex-end}
.admin-main .table-card{max-width:100%}
.admin-main table{max-width:100%}
.table-responsive,
.orders-table-wrap-v2368{
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.admin-main th,
.admin-main td{overflow-wrap:anywhere}
.admin-main input,
.admin-main select,
.admin-main textarea{font-size:14px}

/* Compact admin filters. Does not change the order delete/save action buttons. */
.orders-filter-compact-v2368,
.admin-filter-compact-v2369{
  border-radius:18px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 5%,var(--card)),var(--card))!important;
}
.orders-filter-field-v2368 span,
.admin-filter-compact-v2369 label span{
  text-transform:none;
  letter-spacing:0;
}
.orders-filter-actions-v2368 .btn,
.admin-filter-actions-v2369 .btn{
  min-height:38px;
}
.orders-tabs-v2368,
.portfolio-pagination-v2335{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  padding-bottom:2px;
}
.orders-tabs-v2368::-webkit-scrollbar,
.portfolio-pagination-v2335::-webkit-scrollbar{height:6px}

/* Client cabinet / forms: cleaner mobile wrapping. */
.client-grid,
.order-layout,
.admin-form,
.settings-grid{min-width:0}
.form-card label,
.admin-form label{min-width:0}
.form-card input,
.form-card select,
.form-card textarea,
.admin-form input,
.admin-form select,
.admin-form textarea{width:100%;box-sizing:border-box}

/* Portfolio modal and cards. */
.portfolio-card-v2334{height:100%}
.portfolio-image-v2334 img{display:block;width:100%}
.portfolio-modal-v2334{padding:clamp(12px,3vw,24px)}
.portfolio-modal-inner-v2334{max-width:min(980px,100%);min-width:0}

/* Footer: keep contact rows and long social URLs clean. */
.kiti-footer-v219{overflow:hidden}
.kiti-footer-contact-v219 .kiti-contact-row-v219,
.kiti-footer-contact-v219 .kiti-contact-page-link-v2328{
  min-width:0;
}
.kiti-footer-contact-v219 .kiti-contact-row-v219 a,
.kiti-footer-contact-v219 .kiti-contact-page-link-v2328 span:last-child{
  word-break:break-word;
}

@media(max-width:1100px){
  .header-inner{gap:14px}
  .main-nav{gap:16px;font-size:13px}
  .admin-layout{grid-template-columns:240px minmax(0,1fr)}
  .service-plan-card.featured{transform:none!important}
}

@media(max-width:900px){
  .site-header{position:sticky;top:0}
  .header-inner{
    height:auto!important;
    min-height:72px;
    padding:10px 0;
    grid-template-columns:auto auto!important;
  }
  .logo{width:128px;max-height:56px}
  .main-nav.open{
    display:grid!important;
    grid-template-columns:1fr;
    gap:4px;
    max-height:calc(100vh - 170px);
    overflow:auto;
  }
  .main-nav a{padding:10px 12px;border-radius:12px}
  .main-nav a:hover{background:color-mix(in srgb,var(--primary) 8%,var(--card))}
  .header-tools{
    grid-column:1/-1;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }
  .header-tools .btn{flex:1 1 180px;justify-content:center}
  .lang-switch{max-width:100%;overflow-x:auto}
  .hero-badges{margin-top:-36px}
  .grid-3,.grid-4,.badges-grid,.service-plans-grid{gap:16px}
  .service-page-card{padding:24px!important}
  .service-content-grid{gap:16px!important}
  .admin-layout{display:block}
  .admin-sidebar{
    position:relative!important;
    height:auto!important;
    padding:16px!important;
    border-inline-end:0!important;
    border-bottom:1px solid var(--line);
  }
  .admin-logo{width:132px;margin-bottom:12px!important}
  .admin-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .admin-nav a{padding:10px 11px;font-size:13px;min-width:0;overflow-wrap:anywhere}
  .admin-main{padding:16px!important}
  .admin-topbar{align-items:stretch;flex-direction:column}
  .admin-user{justify-content:flex-start}
  .orders-filter-grid-v2368,
  .admin-filter-compact-v2369,
  .requests-filter-v2369{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .orders-filter-search-v2368,
  .orders-filter-actions-v2368,
  .admin-filter-actions-v2369{
    grid-column:1/-1!important;
  }
  .orders-table-v2368{min-width:1080px!important}
  .portfolio-modal-inner-v2334{grid-template-columns:1fr!important}
}

@media(max-width:640px){
  .container{width:min(100% - 22px,1200px)!important}
  .section{padding:48px 0!important}
  .section-head{margin-bottom:26px!important}
  .section-head h2{font-size:clamp(28px,9vw,38px)!important}
  .section-head p{font-size:16px!important}
  .header-tools .btn{flex-basis:100%}
  .theme-toggle{min-width:40px;flex:0 0 40px}
  .grid-3,.grid-4,.badges-grid,.stats-grid,.media-grid,.service-plans-grid{
    grid-template-columns:1fr!important;
  }
  .card,.form-card,.service-plan-card,.service-order-card,.profile-card,.table-card{border-radius:20px!important;padding:18px!important}
  .price,.service-plan-price{font-size:clamp(20px,8vw,27px)!important}
  .btn{min-height:42px}
  .admin-nav{grid-template-columns:1fr}
  .admin-main{padding:12px!important}
  .admin-topbar h1{font-size:clamp(24px,8vw,32px)!important}
  .admin-filter-compact-v2369,
  .requests-filter-v2369,
  .orders-filter-grid-v2368,
  .invoice-form-v2368{
    grid-template-columns:1fr!important;
  }
  .orders-filter-actions-v2368,
  .admin-filter-actions-v2369{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .orders-filter-actions-v2368 .btn,
  .admin-filter-actions-v2369 .btn{width:100%}
  .orders-table-v2368{min-width:980px!important}
  .accessibility-toolbar{
    top:auto!important;
    bottom:12px!important;
    inset-inline-end:12px!important;
  }
  .accessibility-fab{max-width:calc(100vw - 24px)}
  .accessibility-panel{max-height:70vh}
  .accessibility-grid{grid-template-columns:1fr!important}
  .footer-bottom{gap:8px}
}

@media(max-width:390px){
  .logo{width:112px}
  .lang-switch a{padding:6px 8px;font-size:11px}
  .admin-nav a{font-size:12.5px}
  .orders-tabs-v2368 .btn{font-size:12px;padding-inline:9px}
  .card,.form-card,.service-plan-card,.service-order-card,.profile-card,.table-card{padding:15px!important}
}

/* RTL polish: keep direction natural while preserving numbers, prices and controls. */
html[dir="rtl"] body{direction:rtl}
html[dir="rtl"] .main-nav,
html[dir="rtl"] .header-tools,
html[dir="rtl"] .orders-tabs-v2368,
html[dir="rtl"] .admin-filter-compact-v2369,
html[dir="rtl"] .requests-filter-v2369,
html[dir="rtl"] .portfolio-pagination-v2335{
  direction:rtl;
}
html[dir="rtl"] .price,
html[dir="rtl"] .service-plan-price,
html[dir="rtl"] .orders-amount-input-v2368,
html[dir="rtl"] .orders-select-v2368,
html[dir="rtl"] .lang-switch{
  direction:ltr;
  unicode-bidi:isolate;
}
html[dir="rtl"] .section-head,
html[dir="rtl"] .service-page-card,
html[dir="rtl"] .service-benefit,
html[dir="rtl"] .service-plan-card,
html[dir="rtl"] .form-card,
html[dir="rtl"] .admin-main,
html[dir="rtl"] .portfolio-card-body-v2334{
  text-align:right;
}
html[dir="rtl"] .service-plan-card .popular{align-self:flex-start}
html[dir="rtl"] .admin-user{justify-content:flex-start}
html[dir="rtl"] .accessibility-panel{text-align:right}


/* ===== Source: kiti-v2459.css ===== */
/* KITIMedia v2.4.59 — Popular badge width hotfix
   Safe CSS-only visual fix. No order/payment/SMTP/Telegram/admin delete logic changes. */

/* v2.4.58 made pricing cards flex containers. Without an explicit align-self,
   the "Popular" badge can stretch across the whole card. Keep it compact. */
.grid-3 > .card .popular,
.grid-4 > .card .popular,
.card.featured > .popular,
.service-plan-card .popular,
.admin-main .popular{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:flex-start!important;
  justify-self:start!important;
  flex:0 0 auto!important;
  width:auto!important;
  inline-size:auto!important;
  max-width:100%!important;
  min-width:0!important;
  white-space:nowrap!important;
}

/* Keep Hebrew/RTL badge compact as well. */
html[dir="rtl"] .grid-3 > .card .popular,
html[dir="rtl"] .grid-4 > .card .popular,
html[dir="rtl"] .card.featured > .popular,
html[dir="rtl"] .service-plan-card .popular,
html[dir="rtl"] .admin-main .popular{
  align-self:flex-start!important;
  justify-self:start!important;
  width:auto!important;
  inline-size:auto!important;
  white-space:nowrap!important;
}


/* ===== Source: kiti-v2464.css ===== */
/* KITIMedia v2.4.64 — Final UI / CSS stabilization
   Safe visual layer only. No order/payment/Telegram/runtime-repair logic changes. */

/* ---------- Global visual baseline ---------- */
:root{
  --kiti-control-height:44px;
  --kiti-control-radius:14px;
  --kiti-card-radius:24px;
  --kiti-card-pad:clamp(18px,2.2vw,28px);
}

html,body{max-width:100%;overflow-x:hidden}
body{min-width:320px}
:where(img,svg,video,canvas,iframe){max-width:100%}
:where(input,select,textarea,button){font:inherit;max-width:100%;min-width:0}
:where(a,p,li,td,th,label,strong,span,h1,h2,h3,h4){overflow-wrap:anywhere}
:where(.price,.service-plan-price,.orders-amount-input-v2368,.orders-select-v2368,.lang-switch,.status,.popular){overflow-wrap:normal;word-break:normal}

.container,
.admin-main,
.admin-layout,
.client-grid,
.order-layout,
.grid-3,
.grid-4,
.badges-grid,
.service-plans-grid,
.service-content-grid{min-width:0}

/* ---------- Buttons and controls: one consistent visual language ---------- */
.btn,
button.btn,
a.btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px;
  text-align:center;
  line-height:1.15;
  white-space:nowrap;
  max-width:100%;
  min-width:0;
  text-decoration:none!important;
}

.btn-sm{min-height:36px!important;padding-inline:13px!important;font-size:13px!important}
.btn.full,.full.btn{width:100%!important}
.btn-danger{box-shadow:0 14px 30px color-mix(in srgb,var(--danger) 20%,transparent)}
.btn:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid color-mix(in srgb,var(--primary) 40%,transparent)!important;
  outline-offset:2px!important;
}

:where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  border-radius:var(--kiti-control-radius)!important;
  border:1px solid var(--line)!important;
  background:var(--card)!important;
  color:var(--text)!important;
}

:where(input:not([type="checkbox"]):not([type="radio"]),select){
  min-height:var(--kiti-control-height)!important;
}

:where(textarea){line-height:1.5!important;resize:vertical}

/* ---------- Public cards, services and pricing ---------- */
.card,
.form-card,
.auth-card,
.table-card,
.profile-card,
.service-page-card,
.service-plan-card,
.service-order-card,
.client-order-card,
.km-card,
.newsletter-card,
.request-card-v2369,
.media-card{
  border-color:var(--line)!important;
  background:var(--card)!important;
  color:var(--text)!important;
}

#services .grid-4,
#pricing .grid-3,
.service-plans-grid{
  align-items:stretch!important;
}

#services .grid-4 > .card,
#pricing .grid-3 > .card,
.service-plan-card{
  min-width:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0;
}

#services .grid-4 > .card h3,
#pricing .grid-3 > .card h3,
.service-plan-card h3{
  margin-top:12px!important;
  line-height:1.22!important;
}

#services .grid-4 > .card p,
#pricing .grid-3 > .card p,
.service-page-card p,
.service-plan-features li{
  line-height:1.55!important;
}

#services .grid-4 > .card .btn,
#pricing .grid-3 > .card .btn,
.service-plan-card .btn{
  margin-top:auto!important;
}

#pricing .grid-3 > .card .features,
.service-plan-features{
  margin-bottom:22px!important;
}

.featured,
.service-plan-card.featured{
  border-color:var(--primary)!important;
  box-shadow:0 26px 80px color-mix(in srgb,var(--primary) 17%,transparent)!important;
}

.popular,
.grid-3 > .card .popular,
.grid-4 > .card .popular,
.card.featured > .popular,
.service-plan-card .popular,
.admin-main .popular{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:flex-start!important;
  justify-self:start!important;
  flex:0 0 auto!important;
  width:auto!important;
  inline-size:auto!important;
  max-width:100%!important;
  min-width:0!important;
  padding:6px 12px!important;
  line-height:1!important;
  white-space:nowrap!important;
  border-radius:999px!important;
}

.price,
.service-plan-price{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  max-width:100%!important;
  letter-spacing:-.02em!important;
}

.service-plan-price small,
.price small{
  white-space:nowrap!important;
  letter-spacing:0!important;
}

/* ---------- Header and public responsive behavior ---------- */
.site-header{isolation:isolate}
.header-inner{min-width:0;gap:clamp(12px,1.8vw,22px)!important}
.main-nav{min-width:0}
.main-nav a{white-space:nowrap}
.header-tools{min-width:0;gap:8px!important;flex-wrap:wrap}
.lang-switch{flex:0 0 auto;max-width:100%;overflow-x:auto;scrollbar-width:thin}
.theme-toggle{flex:0 0 auto}
.logo,.admin-logo,.kiti-footer-logo-v219{object-fit:contain}

/* ---------- Admin layout, forms and tables ---------- */
.admin-layout{grid-template-columns:280px minmax(0,1fr)!important}
.admin-main{max-width:100%;overflow:hidden}
.admin-sidebar{max-width:100%;overflow-x:hidden}
.admin-topbar{gap:14px!important;min-width:0}
.admin-topbar h1{line-height:1.15!important;margin-bottom:4px!important}
.admin-user{min-width:0;flex-wrap:wrap;justify-content:flex-end}
.admin-nav a{min-width:0;line-height:1.25}

.admin-main > .card,
.admin-main > .table-card,
.admin-main section.card,
.admin-main section.table-card{
  border-radius:var(--kiti-card-radius)!important;
}

.admin-main .grid-3[style*="grid-template-columns"]{
  grid-template-columns:minmax(280px,.9fr) minmax(0,1.2fr)!important;
  align-items:start!important;
}

.admin-form,
.form-card,
.invoice-form-v2368{
  min-width:0!important;
}

.admin-form label,
.form-card label,
.invoice-form-v2368 label,
.orders-filter-field-v2368{
  min-width:0!important;
}

.admin-form input,
.admin-form select,
.admin-form textarea,
.form-card input,
.form-card select,
.form-card textarea,
.invoice-form-v2368 input,
.invoice-form-v2368 select,
.invoice-form-v2368 textarea{
  width:100%!important;
  box-sizing:border-box!important;
}

.table-card{
  max-width:100%!important;
  overflow:hidden!important;
}

.table-card > table,
.admin-main table{
  width:100%!important;
}

.table-card:not(.orders-list-card-v2368):has(> table){
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}

.admin-main th,
.admin-main td{
  vertical-align:top!important;
}

.admin-main th{white-space:nowrap!important}
.admin-main td{line-height:1.45!important}

/* ---------- Orders page: compact filters and correct action buttons ---------- */
.orders-page-v2368{gap:18px!important}
.orders-list-card-v2368,
.invoice-card-v2368{padding:clamp(16px,2vw,22px)!important}
.orders-page-head-v2368{align-items:flex-start!important;flex-wrap:wrap}
.orders-tabs-v2368{
  gap:7px!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
  padding-bottom:4px!important;
}
.orders-tabs-v2368 .btn{flex:0 0 auto!important}

.orders-filter-compact-v2368{
  padding:12px!important;
  border-radius:18px!important;
}

.orders-filter-grid-v2368{
  gap:10px!important;
}

.orders-filter-actions-v2368{
  display:flex!important;
  gap:8px!important;
  align-items:end!important;
}

.orders-filter-actions-v2368 .btn{
  min-height:38px!important;
  flex:1 1 auto;
}

.orders-table-wrap-v2368{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
  border-radius:18px!important;
}

.orders-table-v2368{
  min-width:1180px!important;
}

.orders-comment-cell-v2368{
  max-width:380px!important;
}

.orders-actions-cell-v2368{
  min-width:188px!important;
  white-space:nowrap!important;
}

.orders-actions-cell-v2368{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
}

.orders-actions-cell-v2368 form{
  display:inline-flex!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
}

.orders-actions-cell-v2368 form + form{margin-top:0!important}

.orders-actions-cell-v2368 .btn{
  width:auto!important;
  min-width:82px!important;
  min-height:34px!important;
  padding-inline:12px!important;
}

.orders-row-save-form-v2368{display:none!important}

/* ---------- Client cabinet ---------- */
.client-grid{grid-template-columns:minmax(260px,320px) minmax(0,1fr)!important;align-items:start!important}
.client-page .table-card,
.client-content-card{overflow:hidden!important}
.client-order-card{min-width:0!important;overflow:hidden!important}
.client-order-grid{min-width:0!important}

/* ---------- Footer ---------- */
.kiti-footer-v219{overflow:hidden!important}
.kiti-footer-panel-v219{min-width:0!important;gap:clamp(16px,2vw,28px)!important}
.kiti-footer-brand-v219,
.kiti-footer-col-v219{min-width:0!important}
.kiti-footer-contact-v219 .kiti-contact-row-v219,
.kiti-footer-contact-v219 .kiti-contact-page-link-v2328{min-width:0!important}
.kiti-footer-contact-v219 a,
.kiti-footer-legal-v219 a{overflow-wrap:anywhere!important}
.kiti-footer-bottom-v219{gap:14px!important;flex-wrap:wrap!important}

/* ---------- RTL polish ---------- */
html[dir="rtl"] body{direction:rtl}
html[dir="rtl"] .main-nav,
html[dir="rtl"] .header-tools,
html[dir="rtl"] .orders-tabs-v2368,
html[dir="rtl"] .orders-filter-grid-v2368,
html[dir="rtl"] .admin-nav,
html[dir="rtl"] .kiti-footer-panel-v219,
html[dir="rtl"] .kiti-footer-bottom-v219{direction:rtl}

html[dir="rtl"] .price,
html[dir="rtl"] .service-plan-price,
html[dir="rtl"] .orders-amount-input-v2368,
html[dir="rtl"] .orders-select-v2368,
html[dir="rtl"] .lang-switch,
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="date"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"]{
  direction:ltr!important;
  unicode-bidi:isolate!important;
}

html[dir="rtl"] .section-head,
html[dir="rtl"] .card,
html[dir="rtl"] .form-card,
html[dir="rtl"] .auth-card,
html[dir="rtl"] .table-card,
html[dir="rtl"] .admin-main,
html[dir="rtl"] .service-page-card,
html[dir="rtl"] .service-plan-card,
html[dir="rtl"] .service-order-card,
html[dir="rtl"] .client-order-card{text-align:right}

html[dir="rtl"] .popular{align-self:flex-start!important;justify-self:start!important}
html[dir="rtl"] .orders-actions-cell-v2368{justify-content:flex-start!important}
html[dir="rtl"] .admin-user{justify-content:flex-start!important}

/* ---------- Mobile and tablet ---------- */
@media(max-width:1180px){
  .admin-layout{grid-template-columns:248px minmax(0,1fr)!important}
  .orders-filter-grid-v2368{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .orders-filter-search-v2368{grid-column:span 2!important}
  .orders-filter-actions-v2368{grid-column:1/-1!important;justify-content:flex-start!important}
}

@media(max-width:900px){
  .admin-layout{display:block!important}
  .admin-sidebar{
    position:relative!important;
    height:auto!important;
    padding:16px!important;
    border-inline-end:0!important;
    border-bottom:1px solid var(--line)!important;
  }
  .admin-main{padding:16px!important;overflow:visible!important}
  .admin-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .admin-nav a{padding:10px 11px!important;font-size:13px!important}
  .admin-topbar{flex-direction:column!important;align-items:stretch!important}
  .admin-user{justify-content:flex-start!important}
  .admin-main .grid-3[style*="grid-template-columns"]{grid-template-columns:1fr!important}
  .client-grid{grid-template-columns:1fr!important}
  .orders-filter-grid-v2368,
  .invoice-form-v2368{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .orders-filter-search-v2368,
  .orders-filter-actions-v2368{grid-column:1/-1!important}
  .orders-table-v2368{min-width:1080px!important}
  .site-header{top:0!important}
  .header-inner{
    height:auto!important;
    min-height:72px!important;
    grid-template-columns:auto auto!important;
    padding-block:10px!important;
  }
  .main-nav.open{display:grid!important;grid-template-columns:1fr!important;max-height:calc(100vh - 170px);overflow:auto}
  .header-tools{grid-column:1/-1!important;display:flex!important;justify-content:space-between!important}
  .header-tools .btn{flex:1 1 180px!important}
  .featured,.service-plan-card.featured{transform:none!important}
}

@media(max-width:640px){
  .container{width:min(100% - 22px,1200px)!important}
  .section{padding-block:44px!important}
  .section-head{margin-bottom:22px!important}
  .grid-3,
  .grid-4,
  .badges-grid,
  .stats-grid,
  .media-grid,
  .service-plans-grid,
  .service-content-grid,
  .order-layout,
  .form-card,
  .admin-form,
  .settings-grid,
  .invoice-form-v2368{
    grid-template-columns:1fr!important;
  }
  .card,
  .form-card,
  .auth-card,
  .table-card,
  .profile-card,
  .service-page-card,
  .service-plan-card,
  .service-order-card{
    border-radius:20px!important;
    padding:18px!important;
  }
  .header-tools .btn{flex-basis:100%!important}
  .logo{width:118px!important;max-height:54px!important}
  .admin-nav{grid-template-columns:1fr!important}
  .orders-filter-grid-v2368{grid-template-columns:1fr!important}
  .orders-filter-search-v2368,
  .orders-filter-actions-v2368{grid-column:auto!important}
  .orders-filter-actions-v2368{display:grid!important;grid-template-columns:1fr!important}
  .orders-filter-actions-v2368 .btn{width:100%!important}
  .orders-actions-cell-v2368{
    min-width:152px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
  }
  .orders-actions-cell-v2368 form{display:flex!important;width:100%!important}
  .orders-actions-cell-v2368 .btn{width:100%!important;min-width:0!important}
  .orders-table-v2368{min-width:980px!important}
  .price,.service-plan-price{font-size:clamp(20px,7vw,27px)!important}
  .kiti-footer-panel-v219{grid-template-columns:1fr!important}
  .kiti-footer-bottom-v219{flex-direction:column!important;align-items:flex-start!important}
  html[dir="rtl"] .kiti-footer-bottom-v219{align-items:flex-end!important}
}

@media(max-width:390px){
  .container{width:min(100% - 18px,1200px)!important}
  .card,.form-card,.auth-card,.table-card,.profile-card,.service-page-card,.service-plan-card,.service-order-card{padding:15px!important}
  .lang-switch a{padding:6px 8px!important;font-size:11px!important}
  .btn{white-space:normal!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* ---------- Late inline-page CSS normalization ---------- */
.service-admin-head,
.plans-list-card,
.pages-form-card,
.pages-list-card,
.pages-help-card,
.media-card,
.media-thumb,
.newsletter-card,
.newsletter-template-card,
.km-card,
.requests-reply-card-v2369,
.requests-list-card-v2369,
.request-card-v2369{
  background:var(--card)!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}

.service-admin-head,
.plans-list-card,
.media-card,
.newsletter-card,
.km-card,
.request-card-v2369{
  border-radius:var(--kiti-card-radius)!important;
}

.service-admin-layout,
.media-toolbar-v2365,
.media-filter-grid-v2365,
.requests-grid-v2369,
.km-grid{
  min-width:0!important;
}

.service-admin-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)!important}
.media-filter-grid-v2365{grid-template-columns:minmax(220px,1fr) minmax(170px,260px) auto!important}
.media-toolbar-v2365{align-items:stretch!important}
.media-toolbar-v2365 .admin-form{min-width:0!important}
.media-sync-form-v2365{min-width:0!important}

@media(max-width:900px){
  .service-admin-layout,
  .media-filter-grid-v2365,
  .km-grid,
  .km-grid-3{
    grid-template-columns:1fr!important;
  }
  .media-sync-form-v2365,
  .media-sync-form-v2365 .btn{width:100%!important}
}