@import url("https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&display=swap");
/* =====================================================================
   Simplify skin  -  every page after login + every public page
   Colour: green (default) or blue = option "simplify_color" (Admin > Appearance > Themes).
   The shared engine is assets/css/theme-skin.css, this file sets the Simplify palette and the header / footer.
   ===================================================================== */
body.skin-simplify { --sk-font: "Cabin"; --sk-p:#4ab34a; --sk-pd:#348a36; --sk-pl:#e4f2e5; --sk-ink:#0f3d12; --sk-text:#2d3d2d; --sk-bg:#ecf5ed; --sk-line:#dcebdc; --sk-ring:rgba(74,179,74,.22); --sk-head:#fff; --sk-field:#ecf5ed; --sk-th:#80cc58; --sk-th-ink:#fff; }
body.skin-simplify.sf-blue { --sk-p:#2f7de1; --sk-pd:#1f5fb8; --sk-pl:#e1ecfb; --sk-ink:#0b2a55; --sk-text:#2a3a52; --sk-bg:#eaf2fc; --sk-line:#d8e5f7; --sk-ring:rgba(47,125,225,.22); --sk-field:#eaf2fc; --sk-th:#5fa4f0; }

/* ---------- content look ---------- */
body.skin-simplify .card { border: 0 !important; border-radius: 8px !important; box-shadow: 0 2px 10px rgba(15,61,18,.06) !important; }
body.skin-simplify .form-control, body.skin-simplify .custom-select, body.skin-simplify .selectize-input { border: 0 !important; border-bottom: 2px solid var(--sk-line) !important; box-shadow: 0 1px 2px rgba(15,61,18,.06) !important; }
body.skin-simplify .form-control:focus, body.skin-simplify .selectize-input.focus { border-bottom-color: var(--sk-p) !important; box-shadow: 0 0 0 3px var(--sk-ring) !important; }
body.skin-simplify .form-control[readonly], body.skin-simplify .form-control:disabled { background: #f4faf5 !important; }
body.skin-simplify.sf-blue .form-control[readonly], body.skin-simplify.sf-blue .form-control:disabled { background: #f3f8fe !important; }
body.skin-simplify .table thead th { border-bottom: 0 !important; }
body.skin-simplify .table thead tr:first-child th:first-child { border-top-left-radius: 8px; }
body.skin-simplify .table thead tr:first-child th:last-child { border-top-right-radius: 8px; }
body.skin-simplify pre, body.skin-simplify code.hljs { background: var(--sk-field) !important; border: 0 !important; border-radius: 8px; color: var(--sk-ink); }
body.skin-simplify .btn-primary { border-radius: 8px !important; }
body.skin-simplify .btn-pill { border-radius: 50rem !important; }
body.skin-simplify .page-main { min-height: 60vh; }

/* ---------- mass order page ---------- */
body.skin-simplify .sf-mass { border-radius: 16px !important; }
body.skin-simplify .sf-mass .card-body { padding: 28px 24px 30px; }
body.skin-simplify .sf-mass-title { display: block; margin: 8px 0 12px; font-size: 24px; font-weight: 700; line-height: 1.2; color: var(--sk-ink); }
body.skin-simplify .sf-mass textarea.form-control { min-height: 260px; padding: 16px 18px; font-size: 20px; line-height: 1.5; border-radius: 12px !important; background: var(--sk-field) !important; resize: vertical; }
body.skin-simplify .sf-mass textarea.form-control::placeholder { color: #6b7a8c; opacity: 1; }
body.skin-simplify .sf-mass .sf-mass-btn { display: block; width: 100%; margin-top: 22px; padding: 16px 20px; font-size: 22px; font-weight: 700; color: #fff; background: var(--sk-p) !important; border: 0 !important; border-bottom: 4px solid var(--sk-pd) !important; border-radius: 12px !important; box-shadow: none !important; }
body.skin-simplify .sf-mass .sf-mass-btn:hover { background: var(--sk-pd) !important; }
body.skin-simplify .sf-mass .mass_order_error:empty { display: none; }
body.skin-simplify .sf-mass .mass_order_error { margin-top: 16px; }
@media (max-width: 575px) { body.skin-simplify .sf-mass .card-body { padding: 24px 18px 26px; } }


/* ---------- services page (filter bar + one table) ---------- */
body.skin-simplify .sf-svc-filter { background: #fff; border-radius: 16px; box-shadow: 0 2px 10px rgba(15,61,18,.06); padding: 20px; margin-bottom: 20px; }
body.skin-simplify .sf-svc-dd { position: relative; }
body.skin-simplify .sf-svc-filter-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 44px; padding: 0; border: 0; border-bottom: 3px solid var(--sk-pd); border-radius: 12px; background: var(--sk-p); color: #fff; cursor: pointer; }
body.skin-simplify .sf-svc-filter-btn:hover { filter: brightness(1.05); }
body.skin-simplify .sf-svc-filter-btn:focus { outline: 0; box-shadow: 0 0 0 3px var(--sk-ring); }
body.skin-simplify .sf-caret { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #fff; }
body.skin-simplify .sf-svc-list { display: none; position: absolute; left: 0; top: calc(100% + 6px); z-index: 1040; min-width: 220px; max-width: 100%; max-height: 320px; overflow-y: auto; background: #fff; border: 1px solid var(--sk-line); border-radius: 8px; box-shadow: 0 12px 28px rgba(15,61,18,.14); padding: 6px 0; }
body.skin-simplify .sf-svc-dd.is-open .sf-svc-list { display: block; }
body.skin-simplify .sf-svc-list a { display: block; padding: 8px 18px; font-size: 15px; color: var(--sk-th) !important; text-decoration: none !important; }
body.skin-simplify .sf-svc-list a:hover, body.skin-simplify .sf-svc-list a.is-on { background: var(--sk-pl); color: var(--sk-p) !important; }
body.skin-simplify .sf-svc-search { display: flex; margin-top: 14px; }
body.skin-simplify .sf-svc-search input { flex: 1 1 auto; min-width: 0; height: 42px; padding: 0 14px; font-size: 15px; color: var(--sk-ink); background: var(--sk-field); border: 0; border-bottom: 2px solid var(--sk-line); border-radius: 12px 0 0 12px; box-shadow: 0 1px 2px rgba(15,61,18,.06); outline: 0; }
body.skin-simplify .sf-svc-search input:focus { border-bottom-color: var(--sk-p); }
body.skin-simplify .sf-svc-search-btn { flex: 0 0 52px; height: 42px; border: 0; border-bottom: 2px solid var(--sk-p); border-radius: 0 12px 12px 0; background: var(--sk-th); color: #fff; cursor: pointer; font-size: 16px; }
body.skin-simplify .sf-svc-search-btn:hover { background: var(--sk-p); }

body.skin-simplify .sf-svc-wrap { background: #fff; border-radius: 16px; box-shadow: 0 2px 10px rgba(15,61,18,.06); overflow: hidden; margin-bottom: 20px; }
body.skin-simplify .sf-svc-table { width: 100%; margin: 0; color: var(--sk-ink); font-size: 15px; border-collapse: collapse; }
body.skin-simplify .sf-svc-table thead th { background: var(--sk-th); color: #fff; font-size: 15px; font-weight: 700; padding: 14px 12px; border: 0 !important; white-space: nowrap; text-align: left; }
body.skin-simplify .sf-svc-table thead th.text-center { text-align: left !important; }
body.skin-simplify .sf-svc-table tbody td { padding: 10px 12px; border: 0; border-top: 1px solid var(--sk-line); vertical-align: middle; background: #fff; }
body.skin-simplify .sf-svc-table tbody tr:hover td { background: #fff; }
body.skin-simplify .sf-svc-table .sf-cat-row td { padding: 14px 16px; font-size: 16px; font-weight: 700; color: var(--sk-ink); }
body.skin-simplify .sf-svc-table .sf-cat-row i { margin-right: 10px; font-size: 20px; vertical-align: -2px; }
body.skin-simplify .sf-svc-table .sf-cat-row .fa-instagram { color: #d6249f; }
body.skin-simplify .sf-svc-table .sf-cat-row .fa-youtube, body.skin-simplify .sf-svc-table .sf-cat-row .fa-youtube-play { color: #f00; }
body.skin-simplify .sf-svc-table .sf-c-fav { width: 1%; padding-right: 0; }
body.skin-simplify .sf-svc-table .favorite-icon { font-size: 17px; color: var(--sk-ink); cursor: pointer; }
body.skin-simplify .sf-svc-table .favorite-icon.fa-star { color: var(--sk-p); }
body.skin-simplify .sf-svc-table .sf-c-id { white-space: nowrap; text-align: left !important; }
body.skin-simplify .sf-svc-table .sf-c-name { min-width: 240px; }
body.skin-simplify .sf-svc-table .sf-c-name .title { line-height: 1.4; }
body.skin-simplify .sf-svc-table .sf-c-num, body.skin-simplify .sf-svc-table .sf-c-time { white-space: nowrap; text-align: left !important; }
body.skin-simplify .sf-svc-table .sf-c-desc, body.skin-simplify .sf-svc-table .sf-c-buy { text-align: left !important; }
body.skin-simplify .sf-svc-table .btn-primary { padding: 4px 14px; font-size: 13px; font-weight: 700; border: 0 !important; border-bottom: 2px solid var(--sk-pd) !important; border-radius: 8px !important; background: var(--sk-p) !important; color: #fff !important; box-shadow: none !important; }
body.skin-simplify .sf-svc-table .sf-buy { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 30px; border-radius: 8px; background: var(--sk-pl); color: var(--sk-p) !important; text-decoration: none !important; }
body.skin-simplify .sf-svc-table .sf-buy:hover { background: var(--sk-p); color: #fff !important; }

/* pop-up (service description, etc.) */
body.skin-simplify .modal-content { border: 0; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 50px rgba(15,61,18,.25); }
body.skin-simplify .modal-header { padding: 16px 20px; border-bottom: 1px solid var(--sk-line); }
body.skin-simplify .modal-title { font-size: 17px; font-weight: 700; color: var(--sk-ink); }
body.skin-simplify .modal-header .close { font-size: 24px; font-weight: 700; color: #666; opacity: .8; text-shadow: none; }
body.skin-simplify .modal-body { padding: 16px 20px; color: var(--sk-text); }
body.skin-simplify .modal-footer { padding: 12px 20px; border-top: 1px solid var(--sk-line); }
body.skin-simplify .modal-footer .btn { padding: 6px 18px; font-size: 14px; font-weight: 700; border: 0 !important; border-bottom: 3px solid var(--sk-pd) !important; border-radius: 10px !important; background: var(--sk-p) !important; color: #fff !important; box-shadow: none !important; }

/* ---------- burger (shared by both headers) ---------- */
.sf-burger { display: none; width: 44px; height: 44px; border: 0; background: transparent; cursor: pointer; padding: 11px 8px; flex-direction: column; justify-content: space-between; }
.sf-burger span { display: block; height: 2px; background: var(--sk-p); border-radius: 2px; transition: transform .2s, opacity .2s; }
.sf-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.sf-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.sf-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

/* ---------- header ---------- */
body.skin-simplify .sf-app-header, body.skin-simplify .sf-pub-header { position: sticky; top: 0; z-index: 1030; background: #fff; border-bottom: 1px solid var(--sk-line); box-shadow: 0 1px 0 rgba(15,61,18,.02); }
.sf-app-bar, .sf-pub-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; }
body.skin-simplify .sf-app-brand { font-size: 22px; font-weight: 700; color: var(--sk-ink) !important; text-decoration: none !important; display: inline-flex; align-items: center; }
.sf-app-brand img { max-height: 38px; width: auto; }
.sf-app-tools { display: flex; align-items: center; gap: 12px; }
.sf-app-search .search-box { margin: 0; }
.sf-tool { position: relative; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--sk-p) !important; font-size: 18px; text-decoration: none !important; }
.sf-tool:hover { background: var(--sk-pl); }
.sf-tool .nav-unread { position: absolute; top: 8px; right: 9px; width: 9px; height: 9px; border-radius: 50%; }
.sf-tool .nav-unread.change_color { background: #e53935; }
.sf-app-cur { min-width: 150px; }
.sf-user-btn { display: flex; align-items: center; gap: 10px; text-decoration: none !important; color: var(--sk-ink) !important; }
.sf-user-txt { line-height: 1.2; }
.sf-user-txt small { display: block; color: var(--sk-p); font-weight: 700; }

/* ---------- icon font (Font Awesome 5 solid, only for this menu, own family name so it never clashes with the script's FA4) ---------- */
@font-face { font-family: "SF Icons"; font-style: normal; font-weight: 900; font-display: swap; src: url("../webfonts/sf-solid-900.woff2") format("woff2"), url("../webfonts/sf-solid-900.woff") format("woff"); }
.sf-ico { display: inline-block; font-family: "SF Icons" !important; font-weight: 900 !important; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; text-align: center; }
.sf-ico-cart::before { content: "\f07a"; }
.sf-ico-cart-plus::before { content: "\f217"; }
.sf-ico-stream::before { content: "\f550"; }
.sf-ico-card::before { content: "\f09d"; }
.sf-ico-crown::before { content: "\f521"; }
.sf-ico-key::before { content: "\f084"; }
.sf-ico-ticket::before { content: "\f3ff"; }
.sf-ico-child::before { content: "\f1ae"; }
.sf-ico-money::before { content: "\f3d1"; }
.sf-ico-down::before { content: "\f078"; }
.sf-ico-search::before { content: "\f002"; }
.sf-ico-list::before { content: "\f0ca"; }
.sf-ico-clip::before { content: "\f46c"; }
.sf-ico-users::before { content: "\f0c0"; }
.sf-ico-receipt::before { content: "\f543"; }
.sf-ico-drip::before { content: "\f043"; }
.sf-ico-subs::before { content: "\f274"; }
.sf-ico-refill::before { content: "\f2f1"; }
.sf-ico-faq::before { content: "\f059"; }

/* ---------- menu (same design in green and blue) ---------- */
body.skin-simplify { --sf-menu: #17531c; --sf-act: #7ac943; }
body.skin-simplify.sf-blue { --sf-menu: #123f7a; --sf-act: #5fa4f0; }

body.skin-simplify .sf-app-nav { background: #fff; }
body.skin-simplify .sf-app-menu { display: flex; flex-wrap: wrap; align-items: center; border: 0; padding: 0; margin: 0; list-style: none; }
body.skin-simplify .sf-app-menu .sf-item { position: relative; list-style: none; }
body.skin-simplify .sf-app-menu .sf-row { display: flex; align-items: center; }
body.skin-simplify .sf-app-menu .nav-link { display: inline-flex; align-items: center; gap: 10px; padding: 14px 12px; font-weight: 500; font-size: 17px; line-height: 1.2; color: var(--sf-menu) !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; text-decoration: none !important; }
body.skin-simplify .sf-app-menu .nav-link:hover { color: var(--sk-p) !important; }
body.skin-simplify .sf-app-menu .nav-link.active, body.skin-simplify .sf-app-menu .sf-item.is-open > .sf-row > .nav-link { color: var(--sf-act) !important; }
body.skin-simplify .sf-app-menu .nav-link .sf-ico, body.skin-simplify .sf-app-menu .nav-link .fe, body.skin-simplify .sf-app-menu .nav-link .fa { width: 22px; font-size: 18px; flex: 0 0 22px; }
body.skin-simplify .sf-app-menu .nav-link .sf-ico { color: inherit; }
body.skin-simplify .sf-app-menu .sf-row > .nav-link > span:first-of-type { text-transform: capitalize; }
.sf-badge { font-style: normal; background: var(--sk-p); color: #fff; border-radius: 99px; padding: 1px 8px; font-size: 12px; font-weight: 700; }

/* little arrow that opens the sub links (Drip-feed, Subscriptions, Refill, Transactions, FAQs) */
.sf-sub-btn { width: 30px; height: 30px; margin-left: -6px; border: 0; background: transparent; cursor: pointer; color: var(--sf-menu); display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; padding: 0; }
.sf-sub-btn:hover { background: var(--sk-pl); }
.sf-sub-btn .sf-ico { font-size: 11px; transition: transform .2s; }
.sf-item.is-open > .sf-row > .sf-sub-btn .sf-ico { transform: rotate(180deg); }
.sf-sub { display: none; }
.sf-item.is-open > .sf-sub { display: block; }
.sf-sub-link { display: block; padding: 9px 14px; font-size: 16px; font-weight: 500; color: var(--sf-menu) !important; text-decoration: none !important; white-space: nowrap; }
.sf-sub-link:hover { color: var(--sk-p) !important; background: var(--sk-pl); }

/* balance bar (script's currency selector, or a plain bar when the selector is off) */
body.skin-simplify .sf-app-cur { min-width: 0; }
body.skin-simplify .sf-app-cur .hqc-box { margin: 0; }
body.skin-simplify .sf-app-cur .hqc-btn, body.skin-simplify .sf-bal { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 40px; padding: 7px 16px; background: var(--sk-p) !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-family: inherit; font-size: 21px; font-weight: 600; line-height: 1.2; text-decoration: none !important; box-shadow: none !important; cursor: pointer; }
body.skin-simplify .sf-app-cur .hqc-btn:hover, body.skin-simplify .sf-bal:hover { background: var(--sk-pd) !important; }
body.skin-simplify .sf-app-cur .hqc-btn:focus, body.skin-simplify .sf-app-cur .hqc-box.is-open .hqc-btn { outline: 0; box-shadow: 0 0 0 3px var(--sk-ring) !important; }
body.skin-simplify .sf-app-cur .hqc-caret { width: 9px; height: 9px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; border-radius: 1px; margin-left: 12px; }
body.skin-simplify .sf-app-cur .hqc-list { border: 0; border-radius: 8px; box-shadow: 0 14px 34px rgba(15,61,18,.22); }
body.skin-simplify .sf-app-cur .hqc-opt { border-radius: 6px; }
body.skin-simplify .sf-app-cur .hqc-opt:hover { background: var(--sk-pl); }
body.skin-simplify .sf-app-cur .hqc-opt.is-on { background: var(--sk-p); color: #fff; }
body.skin-simplify .sf-app-cur .hqc-opt.is-on b { color: #fff; }

/* public header */
body.skin-simplify .sf-pub-nav .nav-link { display: inline-flex; align-items: center; gap: 8px; padding: 14px 14px; font-weight: 600; font-size: 16px; color: var(--sk-ink) !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; text-decoration: none !important; }
body.skin-simplify .sf-pub-nav .nav-link:hover { color: var(--sk-p) !important; }
.sf-pub-nav { display: flex; align-items: center; gap: 18px; }
.sf-pub-nav .navbar-nav { display: flex; flex-direction: row; align-items: center; list-style: none; margin: 0 !important; padding: 0; gap: 2px; }
.sf-pub-actions { display: flex; align-items: center; gap: 14px; }
body.skin-simplify .sf-pub-login { font-weight: 700; color: var(--sk-ink) !important; text-decoration: none !important; }
body.skin-simplify .sf-pub-login:hover { color: var(--sk-p) !important; }

/* language select (pill) */
body.skin-simplify select.sf-app-lang { appearance: none; -webkit-appearance: none; min-width: 140px; padding: 9px 38px 9px 16px; border: 0 !important; border-bottom: 3px solid var(--sk-pd) !important; border-radius: 12px !important; background: var(--sk-p) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center !important; color: #fff !important; font-weight: 700; cursor: pointer; }
.sf-app-lang option { color: #1b2b1b; background: #fff; }

/* ---------- footer ---------- */
body.skin-simplify .sf-app-footer { background: #fff; border-top: 1px solid var(--sk-line); padding: 22px 0 26px; margin-top: 30px; text-align: center; }
.sf-foot-links { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 22px; margin: 0 0 12px; padding: 0; }
.sf-foot-links a { font-weight: 600; }
.sf-foot-lang { display: flex; justify-content: center; margin-bottom: 14px; }
.sf-foot-social { list-style: none; display: flex; justify-content: center; gap: 10px; margin: 0 0 12px; padding: 0; }
.sf-foot-social a { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--sk-pl); color: var(--sk-p) !important; text-decoration: none !important; }
.sf-copy-line { color: var(--sk-p); font-size: 15px; }

/* ---------- desktop (menu row under the top bar) ---------- */
@media (min-width: 992px) {
  body.skin-simplify .sf-app-nav { border-bottom: 1px solid var(--sk-line); }
  body.skin-simplify .sf-app-menu .sf-plain { display: none !important; }
  body.skin-simplify .sf-app-menu .nav-link { padding: 14px 10px; font-size: 16px; }
  body.skin-simplify .sf-app-menu .nav-link.active { box-shadow: inset 0 -3px 0 var(--sf-act); }
  .sf-app-cur { width: 190px; min-width: 190px; }
  body.skin-simplify .sf-app-cur .hqc-btn, body.skin-simplify .sf-bal { font-size: 17px; min-height: 40px; padding: 6px 14px; }
  .sf-sub { position: absolute; left: 0; top: 100%; z-index: 1040; min-width: 190px; background: #fff; border: 1px solid var(--sk-line); border-radius: 8px; box-shadow: 0 14px 30px rgba(15,61,18,.14); padding: 6px 0; }
}

/* ---------- mobile (menu opens as a full width panel, like the Simplify design) ---------- */
@media (max-width: 991px) {
  .sf-burger { display: flex; padding: 14px 10px; }
  body.skin-simplify .sf-app-brand { font-size: 26px; }
  .sf-app-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; max-height: calc(100vh - 70px); max-height: calc(100dvh - 70px); overflow-y: auto; -webkit-overflow-scrolling: touch; box-shadow: 0 16px 28px rgba(15,61,18,.10); }
  .sf-app-nav.is-open { display: block; }
  body.skin-simplify .sf-app-nav > .container { padding: 8px 5px 10px; }
  body.skin-simplify .sf-app-menu { flex-direction: column; flex-wrap: nowrap; align-items: stretch; margin-top: 6px; }
  body.skin-simplify .sf-app-menu .sf-item { width: 100%; }
  body.skin-simplify .sf-app-menu .sf-row { width: 100%; }
  body.skin-simplify .sf-app-menu .nav-link { flex: 1 1 auto; padding: 6px 12px 6px 10px; font-size: 20px; min-height: 36px; }
  body.skin-simplify .sf-app-menu .sf-plain .nav-link { padding-left: 7px; }
  body.skin-simplify .sf-sub-btn { margin-right: 6px; width: 34px; height: 34px; }
  .sf-sub { padding: 0 0 4px 42px; }
  .sf-sub-link { padding: 6px 4px; font-size: 17px; color: var(--sf-menu) !important; opacity: .85; }
  .sf-sub-link:hover { background: transparent; }
  body.skin-simplify .sf-app-cur { padding: 0; }
  body.skin-simplify .sf-app-cur .hqc-list { position: static; margin-top: 6px; box-shadow: 0 4px 14px rgba(15,61,18,.12); }
  .sf-pub-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; background: #fff; padding: 12px 20px 18px; border-bottom: 1px solid var(--sk-line); box-shadow: 0 14px 24px rgba(15,61,18,.08); }
  .sf-pub-nav.is-open { display: flex; }
  .sf-pub-nav .navbar-nav { flex-direction: column; align-items: stretch; }
  .sf-pub-nav select.sf-app-lang { width: 100%; }
  .sf-pub-actions { justify-content: space-between; }
}

/* ---------- wider layout (script default is 85% of the screen) ---------- */
body.skin-simplify .container { max-width: 100%; padding-left: 14px; padding-right: 14px; }
@media (min-width: 992px) {
  body.skin-simplify .container { max-width: clamp(320px, 94%, 1700px); padding-left: 18px; padding-right: 18px; }
}
body.skin-simplify .sf-svc-filter, body.skin-simplify .sf-svc-wrap { margin-left: 0; margin-right: 0; }

/* services: same font as the rest of the theme in every cell, normal weight for service names */
body.skin-simplify .sf-svc-table td, body.skin-simplify .sf-svc-table th, body.skin-simplify .sf-svc-table .title,
body.skin-simplify .sf-svc-table b, body.skin-simplify .sf-svc-table .btn, body.skin-simplify .sf-svc-filter input,
body.skin-simplify .sf-svc-list a { font-family: var(--sk-font), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; }
body.skin-simplify .sf-svc-table .sf-c-name .title { font-weight: 500; font-size: 15px; }
body.skin-simplify .sf-svc-table .sf-cat-row td b { font-weight: 700; }

/* services: filter + search side by side on tablets / desktops */
@media (min-width: 768px) {
  body.skin-simplify .sf-svc-filter { display: flex; align-items: flex-start; gap: 14px; }
  body.skin-simplify .sf-svc-dd { flex: 0 0 200px; }
  body.skin-simplify .sf-svc-search { flex: 1 1 auto; margin-top: 0; }
}

/* ---------- add funds page ---------- */
body.skin-simplify .sf-pay { max-width: 820px; margin: 0 auto; }
body.skin-simplify .sf-pay-card, body.skin-simplify .sf-pay-wrap { background: #fff; border-radius: 16px; box-shadow: 0 2px 10px rgba(15,61,18,.06); margin-bottom: 20px; }
body.skin-simplify .sf-pay-card { padding: 24px 22px 26px; }
body.skin-simplify .sf-pay-label, body.skin-simplify .sf-pay label, body.skin-simplify .sf-pay .form-label { display: block; margin: 0 0 8px; font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--sk-ink); }
body.skin-simplify .sf-pay .form-group { margin-bottom: 18px; }
body.skin-simplify .sf-pay .form-control { height: 46px; padding: 0 16px; font-size: 15px; color: var(--sk-ink); background-color: var(--sk-field); border: 0; border-bottom: 2px solid var(--sk-line); border-radius: 12px !important; box-shadow: 0 1px 2px rgba(15,61,18,.06); }
body.skin-simplify .sf-pay .form-control:focus { outline: 0; border-bottom-color: var(--sk-p); box-shadow: 0 0 0 3px var(--sk-ring); }
body.skin-simplify .sf-pay select.form-control { -webkit-appearance: none; appearance: none; padding-right: 40px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; }
body.skin-simplify .sf-pay-pane { display: none; }
body.skin-simplify .sf-pay-pane.is-on { display: block; }
body.skin-simplify .sf-pay .form-fieldset { border: 0; background: transparent; padding: 0; margin: 0; }
body.skin-simplify .sf-pay ul { margin: 0; padding-left: 18px; font-size: 14px; color: var(--sk-text); }
body.skin-simplify .sf-pay ul li { margin-bottom: 3px; }
body.skin-simplify .sf-pay .custom-control-label { text-transform: none !important; font-size: 13px; font-weight: 500; color: var(--sk-text); line-height: 1.5; }
body.skin-simplify .sf-pay .custom-control-label strong { font-weight: 500; }
body.skin-simplify .sf-pay .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--sk-p); border-color: var(--sk-p); }
body.skin-simplify .sf-pay .form-actions .btn, body.skin-simplify .sf-pay .btn-dark, body.skin-simplify .sf-pay button[type="submit"] { display: block; width: 100%; margin: 6px 0 0 !important; padding: 12px 20px; font-size: 16px; font-weight: 700; color: #fff !important; background: var(--sk-p) !important; border: 0 !important; border-bottom: 3px solid var(--sk-pd) !important; border-radius: 12px !important; box-shadow: none !important; }
body.skin-simplify .sf-pay .form-actions .btn:hover, body.skin-simplify .sf-pay .btn-dark:hover { background: var(--sk-pd) !important; }
body.skin-simplify .sf-pay .sf-qr { display: block; margin: 0 auto 8px; width: 100%; max-width: 220px; height: auto; padding: 6px; background: #fff; border: 1px solid var(--sk-line); border-radius: 12px; }
body.skin-simplify .sf-pay .sf-qr-miss { margin: 0 0 12px; text-align: center; color: var(--sk-text); }
body.skin-simplify .sf-pay .text-center img { max-width: 100%; height: auto; }
body.skin-simplify .sf-pay .StripeElement { height: 46px; margin: 0 0 8px; padding: 14px 16px; background: var(--sk-field); border: 0; border-bottom: 2px solid var(--sk-line); border-radius: 12px; box-shadow: 0 1px 2px rgba(15,61,18,.06); }
body.skin-simplify .sf-pay-manual { font-size: 14px; color: var(--sk-text); }
body.skin-simplify .sf-pay-wrap { overflow: hidden; }
body.skin-simplify .sf-pay-table { width: 100%; margin: 0; font-size: 14px; color: var(--sk-ink); }
body.skin-simplify .sf-pay-table thead th { background: var(--sk-th); color: #fff; font-size: 14px; font-weight: 700; padding: 13px 14px; border: 0 !important; white-space: nowrap; text-align: left; }
body.skin-simplify .sf-pay-table tbody td { padding: 11px 14px; border: 0; border-top: 1px solid var(--sk-line); vertical-align: middle; background: #fff; white-space: nowrap; }
body.skin-simplify .sf-pay-table .payment { max-height: 22px; width: auto; }
body.skin-simplify .sf-pay-empty { text-align: center; color: #8a97a8; padding: 22px !important; }
body.skin-simplify .sf-pay-all { display: block; padding: 12px 16px; font-size: 14px; font-weight: 600; text-align: center; color: var(--sk-p) !important; border-top: 1px solid var(--sk-line); text-decoration: none !important; }
body.skin-simplify .sf-pay-all:hover { background: var(--sk-pl); }
@media (max-width: 575px) { body.skin-simplify .sf-pay-card { padding: 20px 16px 22px; } }

/* ---------- "verifying payment" pop-up ---------- */
body.sf-pay-busy #toast-container, body.sf-pay-busy .alert-icon.content, body.sf-pay-busy #page-overlay { display: none !important; }
.sf-vo { position: fixed; inset: 0; z-index: 99999; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(12,34,18,.55); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
body.sf-blue .sf-vo { background: rgba(10,26,52,.58); }
.sf-vo.is-open { display: flex; animation: sfVoFade .2s ease-out; }
.sf-vo-card { position: relative; width: 100%; max-width: 340px; padding: 28px 24px 18px; text-align: center; background: #fff; border-radius: 22px; box-shadow: 0 24px 60px rgba(8,30,14,.35); animation: sfVoPop .28s cubic-bezier(.2,.9,.3,1.2); overflow: hidden; }
.sf-vo-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: linear-gradient(90deg, var(--sk-pd), var(--sk-p), var(--sk-th)); }
.sf-vo-badge { position: relative; width: 86px; height: 86px; margin: 4px auto 14px; }
.sf-vo-ring { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.sf-vo-track { fill: none; stroke: var(--sk-pl); stroke-width: 6; }
.sf-vo-arc { fill: none; stroke: var(--sk-p); stroke-width: 6; stroke-linecap: round; stroke-dasharray: 90 190; transform-origin: 50% 50%; animation: sfVoSpin 1.1s linear infinite; }
.sf-vo-ico { position: absolute; left: 50%; top: 50%; width: 38px; height: 38px; margin: -19px 0 0 -19px; fill: none; stroke: var(--sk-p); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; display: none; }
.sf-vo.is-wait .sf-vo-ico-wait { display: block; animation: sfVoBeat 1.4s ease-in-out infinite; }
.sf-vo.is-ok .sf-vo-ico-ok, .sf-vo.is-err .sf-vo-ico-err { display: block; stroke-width: 2.6; stroke-dasharray: 40; stroke-dashoffset: 40; animation: sfVoDraw .5s .15s ease-out forwards; }
.sf-vo.is-ok .sf-vo-arc { stroke-dasharray: 276 0; animation: none; }
.sf-vo.is-err .sf-vo-arc { stroke: #e5484d; stroke-dasharray: 276 0; animation: none; }
.sf-vo.is-err .sf-vo-track { stroke: #fde8e8; }
.sf-vo.is-err .sf-vo-ico-err { stroke: #e5484d; }
.sf-vo-title { margin: 0 0 6px; font-size: 19px; font-weight: 700; color: var(--sk-ink); }
.sf-vo-msg { margin: 0 0 16px; font-size: 14px; line-height: 1.5; color: var(--sk-text); }
.sf-vo-steps { list-style: none; margin: 0 0 16px; padding: 12px 14px; text-align: left; background: var(--sk-field); border-radius: 12px; }
.sf-vo-steps li { display: flex; align-items: center; gap: 10px; padding: 5px 0; font-size: 13.5px; color: #8a97a8; transition: color .25s; }
.sf-vo-dot { flex: 0 0 16px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #c5d0c8; box-sizing: border-box; transition: all .25s; }
.sf-vo-steps li.is-on { color: var(--sk-ink); font-weight: 600; }
.sf-vo-steps li.is-on .sf-vo-dot { border-color: var(--sk-p); border-top-color: transparent; animation: sfVoSpin .8s linear infinite; }
.sf-vo-steps li.is-done { color: var(--sk-ink); }
.sf-vo-steps li.is-done .sf-vo-dot { background: var(--sk-p) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.7 2.7L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat; border-color: var(--sk-p); }
.sf-vo-bar { height: 4px; margin: 0 0 12px; background: var(--sk-pl); border-radius: 4px; overflow: hidden; }
.sf-vo-bar i { display: block; width: 40%; height: 100%; background: var(--sk-p); border-radius: 4px; animation: sfVoSlide 1.3s ease-in-out infinite; }
.sf-vo.is-ok .sf-vo-bar i { width: 100%; animation: sfVoFill 2.4s linear forwards; }
.sf-vo.is-err .sf-vo-bar, .sf-vo.is-err .sf-vo-steps, .sf-vo.is-ok .sf-vo-steps { display: none; }
.sf-vo-close { display: none; width: 100%; margin: 0 0 12px; padding: 11px 16px; font-size: 15px; font-weight: 700; color: #fff; background: var(--sk-p); border: 0; border-bottom: 3px solid var(--sk-pd); border-radius: 12px; cursor: pointer; }
.sf-vo.is-err .sf-vo-close { display: block; }
.sf-vo-foot { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 12px; color: #8a97a8; }
.sf-vo-foot svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; }
@keyframes sfVoFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes sfVoPop { from { opacity: 0; transform: translateY(14px) scale(.94); } to { opacity: 1; transform: none; } }
@keyframes sfVoSpin { to { transform: rotate(360deg); } }
@keyframes sfVoBeat { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }
@keyframes sfVoDraw { to { stroke-dashoffset: 0; } }
@keyframes sfVoSlide { 0% { margin-left: -40%; } 100% { margin-left: 100%; } }
@keyframes sfVoFill { from { width: 0; } to { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .sf-vo *, .sf-vo { animation-duration: .01s !important; animation-iteration-count: 1 !important; } }

/* ---------- new order page ---------- */
body.skin-simplify .sf-no { max-width: 900px; margin: 0 auto; }
body.skin-simplify .sf-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 16px; }
body.skin-simplify .sf-stat { display: flex; align-items: center; gap: 14px; min-width: 0; padding: 16px 14px; background: #fff; border: 2px solid var(--sk-p); border-radius: 12px; }
body.skin-simplify .sf-stat .sf-ico { flex: 0 0 34px; font-size: 24px; color: var(--sk-ink); text-align: center; }
body.skin-simplify .sf-stat > div { min-width: 0; }
body.skin-simplify .sf-stat b { display: block; font-size: 19px; font-weight: 700; line-height: 1.2; color: var(--sk-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.skin-simplify .sf-stat span { display: block; margin-top: 4px; font-size: 11px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: var(--sk-ink); }
@media (min-width: 768px) { body.skin-simplify .sf-stats { grid-template-columns: repeat(4, 1fr); } }

body.skin-simplify .sf-no-card { background: #fff; border-radius: 16px; box-shadow: 0 2px 10px rgba(15,61,18,.06); padding: 18px 16px 20px; margin-bottom: 20px; }
body.skin-simplify .sf-chips { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 8px; margin-bottom: 18px; }
@media (max-width: 575px) { body.skin-simplify .sf-chips { grid-template-columns: repeat(5, 1fr); gap: 6px; } }
body.skin-simplify .sf-chip { display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; height: 36px; padding: 0 6px; font-size: 12.5px; font-weight: 500; color: var(--sk-ink); background: var(--sk-pl); border: 0; border-bottom: 2px solid var(--sk-line); border-radius: 6px; cursor: pointer; white-space: nowrap; }
body.skin-simplify .sf-chip span { overflow: hidden; text-overflow: ellipsis; }
body.skin-simplify .sf-chip i, body.skin-simplify .sf-chip svg { flex: 0 0 auto; font-size: 14px; width: 14px; height: 14px; }
body.skin-simplify .sf-chip:hover { background: var(--sk-field); }
body.skin-simplify .sf-chip.is-on { color: #fff; background: var(--sk-p); border-bottom-color: var(--sk-pd); }
body.skin-simplify .sf-chip[data-id="instagram"]:not(.is-on) i { color: #e1306c; }
body.skin-simplify .sf-chip[data-id="telegram"]:not(.is-on) i { color: #2aabee; }
body.skin-simplify .sf-chip[data-id="facebook"]:not(.is-on) i { color: #1877f2; }
body.skin-simplify .sf-chip[data-id="youtube"]:not(.is-on) i { color: #f00; }
body.skin-simplify .sf-chip[data-id="twitter"]:not(.is-on) i { color: #1da1f2; }

body.skin-simplify .sf-no label { display: block; margin: 0 0 6px; font-size: 14px; font-weight: 700; color: var(--sk-ink); }
body.skin-simplify .sf-no .form-group { margin-bottom: 16px; position: relative; }
body.skin-simplify .sf-no .form-control { min-height: 44px; padding: 10px 14px; font-size: 14px; color: var(--sk-ink); background-color: var(--sk-field); border: 0; border-bottom: 2px solid var(--sk-line); border-radius: 10px !important; box-shadow: 0 1px 2px rgba(15,61,18,.05); }
body.skin-simplify .sf-no .form-control:focus { outline: 0; border-bottom-color: var(--sk-p); box-shadow: 0 0 0 3px var(--sk-ring); }
body.skin-simplify .sf-no textarea.form-control { min-height: 120px; }
body.skin-simplify .sf-hint { display: block; margin-top: 5px; font-size: 12px; color: var(--sk-text); }
body.skin-simplify .sf-box { min-height: 66px; padding: 12px 14px; font-size: 14px; line-height: 1.55; white-space: pre-line; word-break: break-word; color: var(--sk-text); background: var(--sk-field); border-bottom: 2px solid var(--sk-p); border-radius: 10px; }
body.skin-simplify .sf-ro { min-height: 44px; display: flex; align-items: center; padding: 10px 14px; font-size: 14px; color: var(--sk-text); background: var(--sk-field); border-bottom: 2px solid var(--sk-line); border-radius: 10px; }
body.skin-simplify .sf-ro .charge_number { margin-left: 2px; }
body.skin-simplify .sf-no .btn-info.total_charge, body.skin-simplify .sf-no p.total_charge { margin: 0; }

/* search (selectize) */
body.skin-simplify .sf-search > .sf-ico { position: absolute; left: 14px; top: 14px; z-index: 3; font-size: 14px; color: var(--sk-ink); pointer-events: none; }
body.skin-simplify .sf-no .form-control.ajaxSearchService { padding: 0; min-height: 0; background: transparent; border: 0; box-shadow: none; }
body.skin-simplify .sf-no .selectize-control { width: 100%; }
body.skin-simplify .sf-no .selectize-input { min-height: 44px; padding: 11px 14px 10px 40px; font-size: 14px; background: var(--sk-field); border: 0; border-bottom: 2px solid var(--sk-line); border-radius: 10px; box-shadow: none; }
body.skin-simplify .sf-no .selectize-input > input { font-size: 14px; }
body.skin-simplify .sf-no .selectize-dropdown { z-index: 1050; margin-top: 4px; border: 1px solid var(--sk-line); border-radius: 10px; box-shadow: 0 12px 28px rgba(15,61,18,.14); overflow: hidden; font-size: 14px; }
body.skin-simplify .sf-no .selectize-dropdown .active { background: var(--sk-pl); color: var(--sk-ink); }
body.skin-simplify .sf-no .input-tags + .selectize-control .selectize-input { padding-left: 14px; }

/* category / service dropdowns with icons */
body.skin-simplify .sf-native { display: none !important; }
body.skin-simplify .sf-dd { position: relative; }
body.skin-simplify .sf-dd-btn { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 44px; padding: 9px 38px 9px 12px; text-align: left; font-size: 14px; color: var(--sk-ink); background: var(--sk-field); border: 0; border-bottom: 2px solid var(--sk-line); border-radius: 10px; box-shadow: 0 1px 2px rgba(15,61,18,.05); cursor: pointer; }
body.skin-simplify .sf-dd-btn:focus { outline: 0; border-bottom-color: var(--sk-p); box-shadow: 0 0 0 3px var(--sk-ring); }
body.skin-simplify .sf-dd-cur { display: flex; align-items: center; gap: 8px; min-width: 0; flex: 1; }
body.skin-simplify .sf-dd-cur .sf-dd-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.skin-simplify .sf-dd-caret { position: absolute; right: 14px; top: 50%; margin-top: -3px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid var(--sk-ink); pointer-events: none; }
body.skin-simplify .sf-dd-pop { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 1045; background: #fff; border: 1px solid var(--sk-line); border-radius: 10px; box-shadow: 0 14px 30px rgba(15,61,18,.16); }
body.skin-simplify .sf-dd-pop[hidden] { display: none; }
body.skin-simplify .sf-dd-list { list-style: none; margin: 0; padding: 5px; max-height: 300px; overflow-y: auto; overscroll-behavior: contain; }
body.skin-simplify .sf-dd-list li { display: flex; align-items: center; gap: 8px; padding: 8px 10px; font-size: 14px; line-height: 1.4; color: var(--sk-ink); border-radius: 7px; cursor: pointer; }
body.skin-simplify .sf-dd-list li:hover { background: var(--sk-pl); }
body.skin-simplify .sf-dd-list li.is-sel { color: var(--sk-p); background: var(--sk-pl); }
body.skin-simplify .sf-dd-ico { flex: 0 0 18px; width: 18px; text-align: center; font-size: 16px; }
body.skin-simplify .sf-id { flex: 0 0 auto; padding: 1px 8px; font-size: 11.5px; font-weight: 700; line-height: 1.5; color: #fff; background: var(--sk-th); border-radius: 6px; }
body.skin-simplify .sf-dd-price { flex: 0 0 auto; white-space: nowrap; }
body.skin-simplify .sf-dd-cur .sf-dd-price { overflow: hidden; text-overflow: ellipsis; }
body.skin-simplify .sf-dd-ico.fa-instagram { color: #e1306c; }
body.skin-simplify .sf-dd-ico.fa-facebook, body.skin-simplify .sf-dd-ico.fa-facebook-official, body.skin-simplify .sf-dd-ico.fa-facebook-square { color: #1877f2; }
body.skin-simplify .sf-dd-ico.fa-youtube, body.skin-simplify .sf-dd-ico.fa-youtube-play { color: #f00; }
body.skin-simplify .sf-dd-ico.fa-twitter { color: #1da1f2; }
body.skin-simplify .sf-dd-ico.fa-telegram { color: #2aabee; }
body.skin-simplify .sf-dd-ico.fa-star { color: #f5a623; }
body.skin-simplify .sf-dd-ico.fa-spotify { color: #1db954; }
body.skin-simplify .sf-dd-ico.fa-snapchat-ghost { color: #f7c600; }
body.skin-simplify .sf-dd-ico.fa-pinterest { color: #e60023; }
body.skin-simplify .sf-dd-ico.fa-linkedin { color: #0a66c2; }
body.skin-simplify .sf-dd-service .hqfav-btn { position: absolute; right: 32px; top: 6px; width: 32px; height: 32px; border: 0; background: transparent; border-radius: 8px; }
body.skin-simplify .sf-dd-service .hqfav-btn svg { width: 20px; height: 20px; }
body.skin-simplify .sf-dd-service .sf-dd-btn { padding-right: 70px; }

body.skin-simplify .sf-no .form-actions .sf-no-submit { display: block; width: 100%; margin: 4px 0 0 !important; padding: 12px 20px; font-size: 15px; font-weight: 700; color: #fff !important; background: var(--sk-p) !important; border: 0 !important; border-bottom: 3px solid var(--sk-pd) !important; border-radius: 10px !important; box-shadow: none !important; }
body.skin-simplify .sf-no .form-actions .sf-no-submit:hover { background: var(--sk-pd) !important; }
body.skin-simplify .sf-no .alert { font-size: 13px; border-radius: 10px; }
body.skin-simplify .sf-no .custom-control-label { text-transform: none; font-size: 13px; }

/* ---------- orders / drip-feed / subscriptions list ---------- */
body.skin-simplify .sf-ord { max-width: 100%; }
body.skin-simplify .sf-ord-filter { margin: 4px 0 16px; }
body.skin-simplify .sf-ord .order_btn_group { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
body.skin-simplify .sf-ord .order_btn_group .list-inline-item { display: block; margin: 0; }
body.skin-simplify .sf-ord .order_btn_group a.btn { display: block; width: 100%; padding: 10px 16px; font-size: 15px; font-weight: 500; text-align: left; color: var(--sk-p) !important; background: transparent !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; }
body.skin-simplify .sf-ord .order_btn_group a.btn:hover { background: var(--sk-pl) !important; }
body.skin-simplify .sf-ord .order_btn_group a.btn.btn-primary { color: #fff !important; background: var(--sk-p) !important; border-bottom: 3px solid var(--sk-pd) !important; }
@media (min-width: 768px) {
  body.skin-simplify .sf-ord .order_btn_group { flex-direction: row; flex-wrap: wrap; gap: 8px; }
  body.skin-simplify .sf-ord .order_btn_group .list-inline-item { display: inline-block; }
  body.skin-simplify .sf-ord .order_btn_group a.btn { width: auto; padding: 8px 18px; font-size: 14px; text-align: center; background: var(--sk-pl) !important; color: var(--sk-ink) !important; }
  body.skin-simplify .sf-ord .order_btn_group a.btn.btn-primary { color: #fff !important; background: var(--sk-p) !important; }
}

body.skin-simplify .sf-ord-search { background: #fff; border-radius: 16px; box-shadow: 0 2px 10px rgba(15,61,18,.06); padding: 18px 20px; margin-bottom: 16px; }
body.skin-simplify .sf-ord-search .search-area, body.skin-simplify .sf-ord-search .form-group { width: 100%; margin: 0; }
body.skin-simplify .sf-ord-search .input-group { display: flex; flex-wrap: nowrap; align-items: stretch; width: 100%; }
body.skin-simplify .sf-ord-search .form-control { flex: 1 1 auto; min-width: 0; height: 44px; padding: 0 14px; font-size: 14px; color: var(--sk-ink); background: var(--sk-field); border: 0; border-bottom: 2px solid var(--sk-line); border-radius: 12px 0 0 12px !important; box-shadow: 0 1px 2px rgba(15,61,18,.05); }
body.skin-simplify .sf-ord-search .form-control:focus { outline: 0; border-bottom-color: var(--sk-p); }
body.skin-simplify .sf-ord-search .btn-search { flex: 0 0 52px; height: 44px; padding: 0; color: #fff !important; background: var(--sk-th) !important; border: 0 !important; border-bottom: 2px solid var(--sk-p) !important; border-radius: 0 12px 12px 0 !important; box-shadow: none !important; }
body.skin-simplify .sf-ord-search .btn-search:hover { background: var(--sk-p) !important; }
body.skin-simplify .sf-ord-search .btn-clear { height: 44px; margin-left: 8px; border-radius: 12px !important; }
body.skin-simplify .sf-ord-search .btn-clear.d-none { display: none !important; }

body.skin-simplify .sf-ord-wrap { background: #fff; border-radius: 16px; box-shadow: 0 2px 10px rgba(15,61,18,.06); overflow: hidden; margin-bottom: 16px; }
body.skin-simplify .sf-ord-table { width: 100%; margin: 0; font-size: 14px; color: var(--sk-ink); }
body.skin-simplify .sf-ord-table thead th { padding: 14px 14px; font-size: 14px; font-weight: 700; text-align: left !important; color: var(--sk-ink); background: var(--sk-pl); border: 0 !important; border-bottom: 1px solid var(--sk-line) !important; white-space: nowrap; }
body.skin-simplify .sf-ord-table tbody td { padding: 13px 14px; text-align: left !important; vertical-align: middle; color: var(--sk-ink); background: #fff; border: 0; border-top: 1px solid var(--sk-line); white-space: nowrap; max-width: none !important; }
body.skin-simplify .sf-ord-table tbody tr:first-child td { border-top: 0; }
body.skin-simplify .sf-ord-table tbody td.sf-c-link { max-width: 240px !important; overflow: hidden; text-overflow: ellipsis; }
body.skin-simplify .sf-ord-table tbody td.sf-c-link a { color: var(--sk-p); }
body.skin-simplify .sf-ord-table tbody td.sf-c-service { min-width: 260px; white-space: normal !important; line-height: 1.45; }
body.skin-simplify .sf-ord-table .sf-c-status .badge { padding: 0; font-size: 14px; font-weight: 500; color: var(--sk-ink) !important; background: transparent !important; }
body.skin-simplify .sf-ord-table .sf-c-act .btn { padding: 3px 12px; font-size: 12px; font-weight: 600; border: 0 !important; border-radius: 8px !important; color: #fff !important; background: var(--sk-p) !important; box-shadow: none !important; }
body.skin-simplify .sf-ord-table .sf-c-act .btn-gray, body.skin-simplify .sf-ord-table .sf-c-act .btn-secondary { color: var(--sk-text) !important; background: var(--sk-pl) !important; }
body.skin-simplify .sf-ord .pagination { margin: 4px 0 20px; justify-content: center; flex-wrap: wrap; gap: 4px; }
body.skin-simplify .sf-ord .pagination .page-link { min-width: 36px; padding: 7px 12px; font-size: 14px; text-align: center; color: var(--sk-ink); background: #fff; border: 0; border-radius: 8px !important; box-shadow: 0 1px 2px rgba(15,61,18,.08); }
body.skin-simplify .sf-ord .pagination .page-item.active .page-link { color: #fff; background: var(--sk-p); }

/* orders list: compact rows, long links stay on one line with "..." */
body.skin-simplify .sf-ord-table { font-size: 13.5px; table-layout: auto; }
body.skin-simplify .sf-ord-table thead th { padding: 11px 12px; font-size: 13.5px; }
body.skin-simplify .sf-ord-table tbody td { padding: 9px 12px; font-size: 13.5px; line-height: 1.4; }
body.skin-simplify .sf-ord-table tbody td.sf-c-link { width: 210px; min-width: 160px; max-width: 210px !important; }
body.skin-simplify .sf-ord-table tbody td.sf-c-link a, body.skin-simplify .sf-ord-table tbody td.sf-c-link .link-word-break { display: block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; }
body.skin-simplify .sf-ord-table tbody td.sf-c-service { min-width: 220px; max-width: 320px !important; font-size: 13px; }
body.skin-simplify .sf-ord-table tbody td.sf-c-date { font-size: 13px; }
body.skin-simplify .sf-ord-table .sf-c-status .badge { font-size: 13px; }

/* orders list: compact rows, links on one line, copy button */
body.skin-simplify .sf-ord-table { font-size: 13.5px; }
body.skin-simplify .sf-ord-table thead th { padding: 12px 12px; font-size: 13.5px; }
body.skin-simplify .sf-ord-table tbody td { padding: 10px 12px; line-height: 1.35; }
body.skin-simplify .sf-ord-table tbody td.sf-c-link { max-width: none !important; min-width: 150px; }
body.skin-simplify .sf-ord-table a.sf-link, body.skin-simplify .sf-ord-table .sf-c-link a { display: block; max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; }
body.skin-simplify .sf-ord-table tbody td.sf-c-service { min-width: 220px; font-size: 13px; }
body.skin-simplify .sf-id-wrap { display: inline-flex; align-items: center; gap: 6px; }
body.skin-simplify .sf-copy { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; font-size: 12px; color: var(--sk-text); background: var(--sk-pl); border: 0; border-radius: 6px; cursor: pointer; transition: background .15s, color .15s; }
body.skin-simplify .sf-copy:hover { color: #fff; background: var(--sk-p); }
body.skin-simplify .sf-copy.is-done { color: #fff; background: var(--sk-p); }

/* order received pop-up */
.sf-vo-order .sf-vo-card { max-width: 360px; }
.sf-vo-order.is-ok .sf-vo-bar i { width: 100%; animation: sfVoFill 5s linear forwards; }
.sf-vo-info { list-style: none; margin: 0 0 14px; padding: 10px 14px; text-align: left; background: var(--sk-field); border-radius: 12px; max-height: 190px; overflow-y: auto; }
.sf-vo-info li { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; font-size: 13px; color: var(--sk-text); }
.sf-vo-info li span { flex: 0 0 auto; }
.sf-vo-info li b { min-width: 0; font-weight: 600; text-align: right; color: var(--sk-ink); overflow-wrap: anywhere; }

/* ---------- tickets page (new ticket form + list) ---------- */
body.skin-simplify .sf-tk { max-width: 820px; margin: 0 auto; }
body.skin-simplify .sf-tk-card { background: #fff; border-radius: 16px; box-shadow: 0 2px 10px rgba(15,61,18,.06); padding: 32px clamp(20px, 8vw, 44px) 36px; margin-bottom: 24px; }
body.skin-simplify .sf-tk-group { margin-bottom: 26px; }
body.skin-simplify .sf-tk-group.d-none { display: none !important; }
body.skin-simplify .sf-tk-label { display: block; margin: 0 0 10px; font-size: 18px; font-weight: 700; line-height: 1.55; color: var(--sk-ink); text-transform: none; letter-spacing: 0; }
body.skin-simplify .sf-tk .form-control { height: 50px; padding: 0 18px; font-size: 17px; color: var(--sk-ink); background-color: var(--sk-field); border: 0; border-bottom: 2px solid var(--sk-line); border-radius: 14px !important; box-shadow: 0 1px 2px rgba(15,61,18,.06); }
body.skin-simplify .sf-tk .form-control:focus { outline: 0; border-bottom-color: var(--sk-p); box-shadow: 0 0 0 3px var(--sk-ring); }
body.skin-simplify .sf-tk select.form-control { -webkit-appearance: none; appearance: none; padding-right: 44px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M0 1h12L6 8z' fill='%23111'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 18px center; }
body.skin-simplify .sf-tk textarea.form-control { height: auto; min-height: 170px; padding: 14px 18px; line-height: 1.5; resize: vertical; }
body.skin-simplify .sf-tk-files .hqt-composer { margin: 0; }
body.skin-simplify .sf-tk-files .hqt-drop { border: 2px dashed var(--sk-line); border-radius: 14px; background: transparent; padding: 12px 14px; }
body.skin-simplify .sf-tk-files .hqt-drop.is-over { border-color: var(--sk-p); background: var(--sk-pl); }
body.skin-simplify .sf-tk-files .hqt-pick { background: var(--sk-p); border-radius: 10px; }
body.skin-simplify .sf-tk-files .hqt-pick:hover { background: var(--sk-pd); }
body.skin-simplify .sf-tk-btn { display: block; width: 100%; margin: 6px 0 0 !important; padding: 13px 20px; font-size: 18px; font-weight: 700; color: #fff !important; background: var(--sk-p) !important; border: 0 !important; border-bottom: 3px solid var(--sk-pd) !important; border-radius: 14px !important; box-shadow: none !important; }
body.skin-simplify .sf-tk-btn:hover { background: var(--sk-pd) !important; }
body.skin-simplify .sf-tk-list { padding: 24px 0 8px; overflow: hidden; }
body.skin-simplify .sf-tk-listhead { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 0 clamp(16px, 5vw, 28px) 16px; }
body.skin-simplify .sf-tk-title { margin: 0; font-size: 22px; font-weight: 700; color: var(--sk-ink); }
body.skin-simplify .sf-tk-search { position: relative; flex: 1 1 200px; max-width: 280px; margin: 0; }
body.skin-simplify .sf-tk-search .form-control { height: 42px; padding: 0 44px 0 16px; font-size: 15px; }
body.skin-simplify .sf-tk-search-btn { position: absolute; top: 0; right: 0; width: 44px; height: 42px; padding: 0; border: 0; background: transparent; color: var(--sk-pd); cursor: pointer; }
body.skin-simplify .sf-tk-items { border-top: 1px solid var(--sk-line); }
body.skin-simplify .sf-tk-item { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px clamp(16px, 5vw, 28px); border-bottom: 1px solid var(--sk-line); text-decoration: none !important; color: var(--sk-ink); }
body.skin-simplify .sf-tk-item:last-child { border-bottom: 0; }
body.skin-simplify .sf-tk-item:hover { background: var(--sk-bg); }
body.skin-simplify .sf-tk-item-main { display: flex; flex-direction: column; min-width: 0; }
body.skin-simplify .sf-tk-item-subject { font-size: 16px; font-weight: 700; line-height: 1.35; color: var(--sk-ink); overflow-wrap: anywhere; }
body.skin-simplify .sf-tk-item-subject.is-closed { color: #8a97a8; }
body.skin-simplify .sf-tk-item-time { margin-top: 2px; font-size: 13px; color: var(--sk-text); opacity: .8; }
body.skin-simplify .sf-tk-unread { display: inline-block; margin-left: 6px; padding: 1px 8px; font-size: 11px; font-style: normal; font-weight: 700; color: #8a5a00; background: #fff1cc; border-radius: 50rem; vertical-align: middle; }
body.skin-simplify .sf-tk-status { flex: 0 0 auto; padding: 5px 12px; font-size: 12px; font-weight: 700; border-radius: 50rem; color: var(--sk-pd); background: var(--sk-pl); }
body.skin-simplify .sf-tk-status.is-answered { color: #8a5a00; background: #fff4d6; }
body.skin-simplify .sf-tk-status.is-closed { color: #5b6472; background: #eceff3; }


/* ---------- blog (list + single post) - same card design for logged in and logged out ---------- */
body.skin-simplify .sf-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
body.skin-simplify .sf-blog { max-width: 1140px; margin: 0 auto; }
body.skin-simplify .sf-blog-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 768px) { body.skin-simplify .sf-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { body.skin-simplify .sf-blog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
body.skin-simplify .sf-blog-card { display: flex; flex-direction: column; min-width: 0; padding: 26px 26px 28px; background: #fff; border-radius: 16px; box-shadow: 0 2px 10px rgba(15,61,18,.06); }
body.skin-simplify .sf-blog-thumb { display: block; margin: 0 0 26px; line-height: 0; text-decoration: none !important; }
body.skin-simplify .sf-blog-thumb img { display: block; width: 100%; height: auto; border-radius: 0; }
body.skin-simplify .sf-blog-title { margin: 0 0 12px; font-size: 30px; font-weight: 700; line-height: 1.25; color: var(--sk-ink); word-wrap: break-word; overflow-wrap: anywhere; }
body.skin-simplify .sf-blog-title a { color: var(--sk-ink) !important; text-decoration: none !important; }
body.skin-simplify .sf-blog-title a:hover { color: var(--sk-p) !important; }
body.skin-simplify .sf-blog-excerpt { margin: 0 0 24px; font-size: 18px; line-height: 1.7; color: var(--sk-ink); word-wrap: break-word; overflow-wrap: anywhere; }
body.skin-simplify .sf-blog-btn { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; margin-top: auto; padding: 14px 30px; font-size: 20px; font-weight: 700; line-height: 1.2; color: #fff !important; background: var(--sk-p); border: 0; border-bottom: 4px solid var(--sk-pd); border-radius: 12px; text-decoration: none !important; cursor: pointer; transition: filter .15s, transform .1s; }
body.skin-simplify .sf-blog-btn:hover { filter: brightness(1.06); color: #fff !important; }
body.skin-simplify .sf-blog-btn:active { transform: translateY(1px); }
body.skin-simplify .sf-blog-pager { display: flex; justify-content: center; margin: 26px 0 6px; }
body.skin-simplify .sf-blog-pager .pagination { margin: 0; flex-wrap: wrap; justify-content: center; gap: 6px; }
body.skin-simplify .sf-blog-pager .page-link { min-width: 38px; padding: 8px 13px; font-size: 15px; text-align: center; color: var(--sk-ink); background: #fff; border: 0; border-radius: 8px !important; box-shadow: 0 1px 2px rgba(15,61,18,.08); }
body.skin-simplify .sf-blog-pager .page-item.active .page-link { color: #fff !important; background: var(--sk-p) !important; }

/* single post */
body.skin-simplify .sf-blog-single { max-width: 900px; margin: 0 auto; }
body.skin-simplify .sf-blog-post { padding: 26px 26px 30px; margin-bottom: 22px; background: #fff; border-radius: 16px; box-shadow: 0 2px 10px rgba(15,61,18,.06); overflow: hidden; }
body.skin-simplify .sf-blog-post-img { margin: 0 0 24px; line-height: 0; }
body.skin-simplify .sf-blog-post-img img { display: block; width: 100%; height: auto; border-radius: 0; }
body.skin-simplify .sf-blog-post-title { margin: 0 0 12px; font-size: 32px; font-weight: 700; line-height: 1.25; color: var(--sk-ink); overflow-wrap: anywhere; }
body.skin-simplify .sf-blog-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0 0 20px; font-size: 14px; color: #6b7a8c; }
body.skin-simplify .sf-blog-meta i { margin-right: 5px; }
body.skin-simplify .sf-blog-meta a { color: var(--sk-p) !important; text-decoration: none !important; }
body.skin-simplify .sf-blog-content { font-size: 19px; line-height: 1.75; color: var(--sk-ink); overflow-wrap: anywhere; }
body.skin-simplify .sf-blog-content > *:first-child { margin-top: 0; }
body.skin-simplify .sf-blog-content p { margin: 0 0 16px; }
body.skin-simplify .sf-blog-content h1, body.skin-simplify .sf-blog-content h2, body.skin-simplify .sf-blog-content h3, body.skin-simplify .sf-blog-content h4 { margin: 24px 0 12px; font-weight: 700; color: var(--sk-ink); }
body.skin-simplify .sf-blog-content h2 { font-size: 27px; }
body.skin-simplify .sf-blog-content h3 { font-size: 23px; }
body.skin-simplify .sf-blog-content ul, body.skin-simplify .sf-blog-content ol { margin: 0 0 16px; padding-left: 38px; }
body.skin-simplify .sf-blog-content ol li::marker { font-size: .8em; color: var(--sk-ink); }
body.skin-simplify .sf-blog-content li { margin-bottom: 6px; padding-left: 4px; }
body.skin-simplify .sf-blog-content b, body.skin-simplify .sf-blog-content strong { font-weight: 700; color: var(--sk-ink); }
body.skin-simplify .sf-blog-content a { color: var(--sk-p) !important; text-decoration: underline; }
body.skin-simplify .sf-blog-content img { max-width: 100%; height: auto; }
body.skin-simplify .sf-blog-content iframe, body.skin-simplify .sf-blog-content video { max-width: 100%; }
body.skin-simplify .sf-blog-content table { display: block; max-width: 100%; overflow-x: auto; }
body.skin-simplify .sf-blog-content pre { padding: 14px 16px; overflow-x: auto; }
body.skin-simplify .sf-blog-content blockquote { margin: 0 0 16px; padding: 8px 18px; border-left: 4px solid var(--sk-p); background: var(--sk-field); border-radius: 0 8px 8px 0; }
body.skin-simplify .sf-blog-back { margin: 0 0 8px; }
@media (max-width: 575px) {
  body.skin-simplify .sf-blog-card, body.skin-simplify .sf-blog-post { padding: 24px 18px 26px; }
  body.skin-simplify .sf-blog-title { font-size: 28px; }
  body.skin-simplify .sf-blog-excerpt, body.skin-simplify .sf-blog-content { font-size: 18px; }
  body.skin-simplify .sf-blog-post-title { font-size: 28px; }
}