@font-face{font-family:'Estedad';src:url('/assets/vendor/estedad/Estedad-Thin.woff2') format('woff2');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'Estedad';src:url('/assets/vendor/estedad/Estedad-ExtraLight.woff2') format('woff2');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'Estedad';src:url('/assets/vendor/estedad/Estedad-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Estedad';src:url('/assets/vendor/estedad/Estedad-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Estedad';src:url('/assets/vendor/estedad/Estedad-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Estedad';src:url('/assets/vendor/estedad/Estedad-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Estedad';src:url('/assets/vendor/estedad/Estedad-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Estedad';src:url('/assets/vendor/estedad/Estedad-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
html,body,button,input,select,textarea{font-family:'Estedad',Tahoma,Arial,sans-serif}
.fa,.fas,.fa-solid{font-family:'Font Awesome 6 Free';font-weight:900}.far,.fa-regular{font-family:'Font Awesome 6 Free';font-weight:400}.fab,.fa-brands{font-family:'Font Awesome 6 Brands';font-weight:400}

/* 100tik local-first asset integration */
.fe-lang-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.fe-lang-tab{border:1px solid var(--border,#dfe4ea);background:var(--surface,#fff);color:var(--text,#111);border-radius:999px;padding:.55rem .9rem;cursor:pointer;font:inherit}.fe-lang-tab[aria-selected="true"]{background:#0373ec;color:#fff;border-color:#0373ec}.fe-lang-panel[hidden]{display:none}.fe-lang-panel{border:1px solid var(--border,#dfe4ea);border-radius:18px;padding:1rem;margin-bottom:1rem;background:var(--surface,#fff)}.fe-lang-panel h3{margin:.1rem 0 1rem}.fe-local-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.28rem .6rem;font-size:.76rem;background:color-mix(in srgb,#16a34a 12%,transparent);color:#15803d}.fe-field-hint{font-size:.78rem;opacity:.72;margin-top:.35rem}.fe-form input,.fe-form textarea,.fe-form select{font-family:inherit}.fe-assets-note{padding:.8rem 1rem;border-radius:14px;background:color-mix(in srgb,#0373ec 9%,transparent);font-size:.85rem}

/* 100tik v0.19 unified parity/theme/localization contract */
:root{
 --tik-blue:#0373ec;--tik-navy:#00244b;--tik-yellow:#ffd800;--tik-orange:#ff7a00;
 --tik-bg:#f6f8fb;--tik-panel:#fff;--tik-card:#fff;--tik-input:#fff;--tik-text:#172033;--tik-muted:#6b7280;--tik-line:#e3e8ef;
 --tik-shadow:0 10px 28px rgba(0,36,75,.10);--tik-radius:18px;--tik-radius-sm:12px;
 color-scheme:light;
}
html[data-theme="dark"]{
 --tik-bg:#0b1118;--tik-panel:#111a24;--tik-card:#141f2b;--tik-input:#0f1822;--tik-text:#f4f7fb;--tik-muted:#a9b4c2;--tik-line:#263443;
 --tik-shadow:0 10px 30px rgba(0,0,0,.32);color-scheme:dark;
}
html,body,button,input,select,textarea{font-family:"Estedad",Tahoma,Arial,sans-serif!important}
body,.fe-body{background:var(--tik-bg)!important;color:var(--tik-text)!important}
/* Font Awesome is authoritative across every surface */
.fa,.fas,.fa-solid{font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-style:normal!important}
.far,.fa-regular{font-family:"Font Awesome 6 Free"!important;font-weight:400!important;font-style:normal!important}
.fab,.fa-brands{font-family:"Font Awesome 6 Brands"!important;font-weight:400!important;font-style:normal!important}
/* Shared surfaces: forms, dashboards, popups, carts, filters, pages */
.fe-section,.fe-auth-card,.fe-info,.tik100-modal-content,.city-modal-content,.glass-card,.dashboard-card,.finance-card,.settings-card,.order-card,.wallet-card,.message-card,.tik-bookmark-wrapper,.fe-filterbar,.fe-form,.checkout-card,.cart-card,.report-card{
 background:var(--tik-panel)!important;color:var(--tik-text)!important;border-color:var(--tik-line)!important;
}
input,select,textarea,.glass-input-wrapper,.glass-select-wrapper,.city-search-input,.search-input,.filter-input,.filter-select{
 background:var(--tik-input)!important;color:var(--tik-text)!important;border-color:var(--tik-line)!important;
}
input::placeholder,textarea::placeholder{color:var(--tik-muted)!important;opacity:.9}
label,.muted,.fe-meta,.card-bottom,.small,.help-text,.form-hint{color:var(--tik-muted)!important}
a{color:inherit}.btn,.fe-form button,.city-save-btn,.tik-home-cta-button{font-family:inherit}
/* strict card parity + dark/light bridge */
.sd_100tik_card{background:var(--tik-card)!important;color:var(--tik-text)!important;border-color:var(--tik-line)!important;box-shadow:var(--tik-shadow)}
.sd_100tik_card .card-content-wrapper,.sd_100tik_card .card-bottom{background:var(--tik-card)!important}
.sd_100tik_card .card-bottom{border-color:var(--tik-line)!important;color:var(--tik-muted)!important}
.sd_100tik_card .card-title,.sd_100tik_card .card-special,.sd_100tik_card .card-vehicle-details,.sd_100tik_card .price-number{color:var(--tik-text)!important}
.sd_100tik_card.is-powered{border-color:#f59e0b!important;box-shadow:0 0 0 1px rgba(245,158,11,.18),0 10px 26px rgba(245,158,11,.13)!important}
.sadtik-power-display{font-family:inherit}.sadtik-power-display i{font-family:"Font Awesome 6 Free"!important;font-weight:900!important}
.tik-card-save-btn{color:#334155;background:rgba(255,255,255,.94)!important}.tik-card-save-btn i{font-family:"Font Awesome 6 Free"!important}.tik-card-save-btn.is-saved{color:#0373ec!important;background:#eff6ff!important}
html[data-theme="dark"] .tik-card-save-btn{background:rgba(17,26,36,.94)!important;color:#d8e2ef!important;border-color:#3a4a5c!important}
html[data-theme="dark"] .tik-card-save-btn.is-saved{background:#112d55!important;color:#6eb0ff!important}
/* Header/footer/menu parity theme bridge */
html[data-theme="dark"] .htk-header-d,html[data-theme="dark"] .tik100-mobile-header,html[data-theme="dark"] .tik100-mobile-menu,html[data-theme="dark"] .htk-footer-d,html[data-theme="dark"] .tik100-mobile-nav-wrapper{
 filter:none!important;color:var(--tik-text)!important;border-color:var(--tik-line)!important;
}
.htk-nav-btn i,.htk-city-btn i,.tik100-mobile-nav i,.tik100-mob-menu-trigger i,.htk-foot-socials i{font-family:"Font Awesome 6 Free"!important;font-weight:900!important}
.htk-foot-socials .fab{font-family:"Font Awesome 6 Brands"!important;font-weight:400!important}
/* Popup/search/city */
.tik100-modal,.city-selector-modal{color:var(--tik-text)}
.tik100-modal-content,.city-modal-content{background:var(--tik-panel)!important;border:1px solid var(--tik-line)!important;box-shadow:var(--tik-shadow)!important}
.city-item,.tik-search-result{background:var(--tik-card)!important;color:var(--tik-text)!important;border-color:var(--tik-line)!important}
.city-item:hover,.tik-search-result:hover{background:color-mix(in srgb,var(--tik-blue) 8%,var(--tik-card))!important}
/* dashboards and admin/user tables */
.table,table{color:var(--tik-text)}
.table th,.table td,table th,table td{border-color:var(--tik-line)!important}
.table thead th,table thead th{background:color-mix(in srgb,var(--tik-blue) 7%,var(--tik-panel))!important;color:var(--tik-text)!important}
/* localize layout direction without separate markup */
html[dir="ltr"] .fe-main,html[dir="ltr"] .dashboard-shell,html[dir="ltr"] .tik100-modal-content{direction:ltr;text-align:left}
html[dir="rtl"] .fe-main,html[dir="rtl"] .dashboard-shell,html[dir="rtl"] .tik100-modal-content{direction:rtl;text-align:right}
/* consistent focus/accessibility */
:where(a,button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--tik-blue) 45%,transparent)!important;outline-offset:2px}
@media(max-width:991px){.tik100-modal-content,.city-modal-content{background:var(--tik-panel)!important}.sd_100tik_card{box-shadow:0 5px 18px rgba(0,36,75,.08)}}

:root{--bg:#f6f8fb;--card:#fff;--text:#111827;--muted:#667085;--line:#e6eaf0;--brand:#ffb800;--dark:#111827;--r:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body.fe-body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}.fe-container{width:min(1180px,calc(100% - 28px));margin-inline:auto}.fe-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.fe-header-row{min-height:68px;display:flex;align-items:center;gap:18px}.fe-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);min-width:0}.fe-brand span:last-child{display:grid;gap:2px}.fe-brand small{font-size:10px;color:var(--muted);white-space:nowrap}.fe-mark{width:44px;height:44px;border-radius:14px;background:var(--brand);display:grid;place-items:center;font-weight:900;color:#111}.fe-nav{display:none;gap:18px;margin-inline:auto}.fe-nav a,.fe-lang a{color:var(--muted);text-decoration:none;font-size:13px}.fe-nav a:hover,.fe-lang a.active{color:var(--text);font-weight:700}.fe-lang{margin-inline-start:auto;display:flex;gap:4px;padding:4px;background:#f0f2f5;border-radius:12px}.fe-lang a{padding:7px 8px;border-radius:9px}.fe-lang a.active{background:#fff;box-shadow:0 1px 4px #00000010}.fe-main{min-height:100vh}.fe-hero{padding:26px 0 6px}.fe-hero-grid{display:grid;gap:18px}.fe-hero-grid>div:first-child{background:linear-gradient(145deg,#111827,#20293a);color:#fff;border-radius:30px;padding:28px;overflow:hidden;position:relative}.fe-kicker{display:inline-block;font-size:12px;color:#98a2b3;margin-bottom:8px}.fe-hero h1{font-size:clamp(28px,7vw,58px);line-height:1.15;margin:0 0 18px;max-width:760px}.fe-search{display:flex;gap:8px;max-width:680px}.fe-search input{flex:1;min-width:0;border:1px solid #ffffff22;background:#fff;color:#111;border-radius:14px;padding:14px 16px;font:inherit}.fe-search button{border:0;background:var(--brand);color:#111;font-weight:800;border-radius:14px;padding:0 18px;cursor:pointer}.fe-statline{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;color:#cfd4dc;font-size:12px}.fe-statline b{color:#fff;font-size:18px}.fe-hero-panel{display:none;min-height:320px;background:#ffd65a;border-radius:30px;position:relative;overflow:hidden;place-items:center}.fe-hero-panel strong{font-size:110px;line-height:.8;letter-spacing:-10px}.fe-hero-panel span{position:absolute;bottom:28px;font-weight:900;letter-spacing:12px}.orb{position:absolute;border-radius:50%;background:#fff8}.o1{width:180px;height:180px;top:-60px;left:-40px}.o2{width:120px;height:120px;right:-20px;bottom:-25px}.fe-section{padding:26px 0}.fe-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:16px}.fe-section-head.stack{align-items:flex-start;flex-direction:column}.fe-section-head h1,.fe-section-head h2{margin:0}.fe-section-head a{color:#344054;text-decoration:none;font-size:13px}.fe-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fe-cats a{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;justify-content:space-between;gap:8px;text-decoration:none;color:var(--text);font-size:12px}.fe-cats b{color:#98a2b3}.fe-grid{display:grid;grid-template-columns:1fr;gap:14px}.fe-card{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #10182808}.fe-card-img{display:block;aspect-ratio:4/3;background:#eef1f5;overflow:hidden}.fe-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.fe-card:hover .fe-card-img img{transform:scale(1.025)}.fe-card-body{padding:14px}.fe-chip{display:inline-flex;background:#fff4cc;color:#7a5600;border-radius:999px;padding:6px 9px;font-size:10px}.fe-card h3{font-size:15px;line-height:1.7;margin:9px 0 4px}.fe-card h3 a{color:var(--text);text-decoration:none}.fe-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 12px}.fe-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:10px;font-size:10px;color:#98a2b3}.fe-card-foot a{color:var(--text);text-decoration:none;font-weight:700}.fe-search.compact{width:100%;max-width:540px}.fe-search.compact input{border-color:var(--line)}.fe-filterbar{display:inline-flex;align-items:center;gap:10px;background:#fff4cc;border-radius:999px;padding:8px 12px;margin:0 0 16px;font-size:12px}.fe-filterbar a{text-decoration:none;color:#111}.fe-empty{padding:50px;text-align:center;background:#fff;border:1px dashed #d0d5dd;border-radius:20px;color:var(--muted)}.fe-pages{display:flex;gap:7px;justify-content:center;margin-top:24px}.fe-pages a{min-width:38px;height:38px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:11px;text-decoration:none;color:var(--text)}.fe-pages a.active{background:#111827;color:#fff}.fe-detail{padding-top:24px;padding-bottom:40px}.fe-back{display:inline-block;margin-bottom:14px;color:var(--muted);text-decoration:none;font-size:12px}.fe-detail-grid{display:grid;gap:18px}.fe-gallery-main{aspect-ratio:1/1;background:#eef1f5;border-radius:24px;overflow:hidden}.fe-gallery-main img{width:100%;height:100%;object-fit:contain;background:#fff;display:block}.fe-gallery-main.placeholder{display:grid;place-items:center;font-size:50px;font-weight:900}.fe-thumbs{display:flex;gap:8px;overflow:auto;padding:10px 2px}.fe-thumbs button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:0;min-width:70px;width:70px;height:70px;overflow:hidden}.fe-thumbs img{width:100%;height:100%;object-fit:cover}.fe-info{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;align-self:start}.fe-info h1{font-size:24px;line-height:1.6;margin:12px 0}.fe-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:11px;padding-bottom:14px;border-bottom:1px solid var(--line)}.fe-description{font-size:14px;line-height:2;color:#344054;padding-top:16px;white-space:normal}.fe-footer{border-top:1px solid var(--line);background:#fff;margin-top:30px}.fe-footer .fe-container{min-height:80px;display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}.fe-footer b{color:var(--text)}.fe-stage{margin-inline-start:auto;background:#fff4cc;color:#7a5600;padding:5px 8px;border-radius:999px}@media(min-width:640px){.fe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fe-cats{grid-template-columns:repeat(3,minmax(0,1fr))}.fe-section-head.stack{flex-direction:row;align-items:end}.fe-detail-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}}@media(min-width:900px){.fe-nav{display:flex}.fe-hero-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr)}.fe-hero-panel{display:grid}.fe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fe-cats{grid-template-columns:repeat(5,minmax(0,1fr))}.fe-detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)}.fe-info{position:sticky;top:90px}}@media(min-width:1180px){.fe-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* v0.7.0 auth + account */
.fe-header-actions{display:flex;align-items:center;gap:8px}.fe-account-link,.fe-post-link{display:none;text-decoration:none;font-weight:700;font-size:13px}.fe-post-link{background:#111827;color:#fff;padding:9px 13px;border-radius:12px}.fe-account-link{color:#111827}.fe-auth-wrap{padding-top:34px;padding-bottom:60px}.fe-auth-card{max-width:520px;margin:auto;background:#fff;border:1px solid #e8e8ec;border-radius:24px;padding:22px;box-shadow:0 16px 50px rgba(15,23,42,.07)}.fe-auth-card.wide{max-width:760px}.fe-auth-card h1{margin:8px 0 8px}.fe-auth-card p{color:#687083;line-height:1.9}.fe-form{display:grid;gap:10px;margin-top:20px}.fe-form label{font-weight:800;font-size:13px}.fe-form input,.fe-form textarea,.fe-form select{width:100%;border:1px solid #dfe3ea;border-radius:14px;padding:13px 14px;font:inherit;background:#fff;box-sizing:border-box}.fe-form input:focus,.fe-form textarea:focus,.fe-form select:focus{outline:2px solid #11182722;border-color:#111827}.fe-form button,.fe-primary-btn{border:0;background:#111827;color:#fff;border-radius:14px;padding:13px 16px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.fe-alert{background:#fff0f0;border:1px solid #ffcaca;color:#8b1e1e;border-radius:14px;padding:12px;margin-top:14px}.fe-debug-otp{background:#fff8db;border:1px solid #f1d96e;padding:13px;border-radius:14px;margin:14px 0;font-size:14px}.fe-debug-otp b{font-size:24px;letter-spacing:5px}.fe-text-link{display:inline-block;margin-top:15px;color:#334155}.fe-account{padding-top:28px;padding-bottom:64px}.fe-account-head{display:flex;flex-direction:column;gap:16px;background:linear-gradient(145deg,#fff,#f7f8fa);border:1px solid #e7e9ee;border-radius:24px;padding:22px}.fe-account-head h1{margin:5px 0}.fe-account-head p{margin:0;color:#697386}.fe-account-actions{display:flex;gap:8px;flex-wrap:wrap}.fe-account-actions form{margin:0}.fe-ghost-btn{background:#fff;border:1px solid #dfe3ea;padding:12px 16px;border-radius:14px;font:inherit;font-weight:800;cursor:pointer}.fe-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.fe-metric{background:#fff;border:1px solid #e7e9ee;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:5px}.fe-metric b{font-size:24px}.fe-metric span{font-size:12px;color:#6b7280}.fe-panel{background:#fff;border:1px solid #e7e9ee;border-radius:22px;padding:18px}.fe-myads{display:grid;gap:8px}.fe-myad{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #eef0f4;padding:13px 0}.fe-myad:first-child{border-top:0}.fe-myad>div:first-child{display:flex;flex-direction:column;gap:4px}.fe-myad span{font-size:12px;color:#6b7280}.fe-myad>div:last-child{display:flex;gap:10px}.fe-myad a{font-size:13px;font-weight:700;color:#334155;text-decoration:none}
@media(min-width:760px){.fe-account-link,.fe-post-link{display:inline-flex}.fe-account-head{flex-direction:row;align-items:center;justify-content:space-between}.fe-auth-card{padding:30px}}
@media(max-width:520px){.fe-dashboard-grid{grid-template-columns:1fr 1fr}.fe-dashboard-grid .fe-metric:first-child{grid-column:1/-1}.fe-myad{align-items:flex-start;flex-direction:column}.fe-myad>div:last-child{width:100%;justify-content:flex-end}}

/* =========================================================
   v0.8 — 100tik parity design system + Light/Dark/Auto
   Brand tokens mirror the current 100tik visual language.
   ========================================================= */
:root{--tik-primary:#0373ec;--tik-primary-dark:#00244b;--tik-yellow:#ffd800;--tik-cta:#ff6600;--tik-danger:#de2600;--tik-bg:#f4f7fb;--tik-surface:#fff;--tik-surface-2:#f8fafc;--tik-text:#252525;--tik-muted:#667085;--tik-border:rgba(3,115,236,.15);--tik-glass:rgba(255,255,255,.88);--tik-shadow:0 10px 30px rgba(0,36,75,.10);--tik-header:linear-gradient(135deg,#00244b 0%,#0373ec 100%);--tik-radius:20px;color-scheme:light}
html[data-theme="dark"]{--tik-bg:#0b1220;--tik-surface:#111b2d;--tik-surface-2:#172338;--tik-text:#f5f7fb;--tik-muted:#9eabc0;--tik-border:rgba(132,180,255,.18);--tik-glass:rgba(17,27,45,.88);--tik-shadow:0 14px 36px rgba(0,0,0,.30);--tik-header:linear-gradient(135deg,#061325 0%,#073b78 100%);color-scheme:dark}
html,body{background:var(--tik-bg)!important;color:var(--tik-text)!important}.fe-body{transition:background-color .2s ease,color .2s ease}.fe-header{background:var(--tik-header)!important;border-bottom-left-radius:28px;border-bottom-right-radius:28px;box-shadow:0 8px 25px rgba(3,115,236,.24);position:sticky;top:0;z-index:1000}.fe-header-row{min-height:76px}.fe-brand,.fe-nav a,.fe-account-link{color:#fff!important}.fe-brand small{color:rgba(255,255,255,.82)!important}.fe-mark{background:var(--tik-yellow)!important;color:#00244b!important;box-shadow:0 5px 16px rgba(255,216,0,.22)}.fe-nav a:hover{color:var(--tik-yellow)!important}.fe-post-link,.fe-btn-primary{background:var(--tik-cta)!important;color:#fff!important;box-shadow:0 6px 18px rgba(255,102,0,.24)}.fe-theme-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:rgba(0,36,75,.35);color:#fff;display:grid;place-items:center;font:inherit;cursor:pointer}.fe-lang{background:rgba(0,36,75,.28)!important;border-color:rgba(255,255,255,.2)!important}.fe-lang a{color:rgba(255,255,255,.72)!important}.fe-lang a.active{background:#fff!important;color:#00244b!important}
.fe-hero,.fe-account-head,.fe-panel,.fe-auth-card,.fe-card,.fe-single-card,.fe-filter,.fe-metric,.fe-form-card{background:var(--tik-surface)!important;color:var(--tik-text)!important;border-color:var(--tik-border)!important;box-shadow:var(--tik-shadow)}.fe-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--tik-surface) 92%,var(--tik-primary) 8%),var(--tik-surface))!important}.fe-card{border-radius:18px!important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.fe-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(3,115,236,.14)}.fe-card-img{background:var(--tik-surface-2)!important}.fe-card-body p,.fe-card-foot,.fe-account-head p,.fe-metric span,.fe-myad span,.fe-muted{color:var(--tik-muted)!important}.fe-card h3 a,.fe-myad a,.fe-section-title,.fe-panel h2,.fe-panel h3{color:var(--tik-text)!important}.fe-chip{background:color-mix(in srgb,var(--tik-primary) 11%,var(--tik-surface))!important;color:var(--tik-primary)!important}.fe-input,.fe-select,.fe-textarea,input,select,textarea{background:var(--tik-surface)!important;color:var(--tik-text)!important;border-color:var(--tik-border)!important}.fe-ghost-btn{background:var(--tik-surface)!important;color:var(--tik-text)!important;border-color:var(--tik-border)!important}.fe-footer{background:var(--tik-surface)!important;color:var(--tik-muted)!important;border-color:var(--tik-border)!important}
.fe-mobile-nav{display:none}.fe-mobile-nav button{font:inherit}
@media(max-width:759px){body{padding-bottom:78px}.fe-header{border-radius:0 0 20px 20px}.fe-header-row{min-height:60px}.fe-nav{display:none!important}.fe-header-actions .fe-account-link,.fe-header-actions .fe-post-link{display:none!important}.fe-theme-btn{display:none}.fe-brand small{display:none}.fe-mobile-nav{position:fixed;z-index:9999;left:10px;right:10px;bottom:max(6px,env(safe-area-inset-bottom));height:60px;padding:5px 8px;border-radius:16px;background:linear-gradient(90deg,#003399 0%,#0052cc 100%);box-shadow:0 8px 25px rgba(0,51,153,.38);display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr 1fr;align-items:center}.fe-mobile-nav a,.fe-mobile-nav button{border:0;background:none;color:rgba(255,255,255,.92);text-decoration:none;display:flex;min-width:0;height:50px;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer}.fe-mobile-nav span{font-size:21px;line-height:1}.fe-mobile-nav small{font-size:9px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.fe-mobile-nav .fe-mobile-cta{height:44px;border-radius:50px;background:var(--tik-cta);box-shadow:0 5px 16px rgba(255,102,0,.45);margin-inline:3px}.fe-mobile-nav .fe-mobile-cta span{font-size:19px}.fe-mobile-nav .fe-mobile-cta small{font-weight:800}.fe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.fe-card-body{padding:11px!important}.fe-card h3{font-size:13px!important}.fe-card-body p{display:none}.fe-card-foot{font-size:10px!important}.fe-card-img{aspect-ratio:1.25/1!important}}
@media(max-width:370px){.fe-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
\n\n/* =========================================================\n   v0.9.0 — strict legacy-parity layer (100tik-full reference)\n   ========================================================= */\n:root{--tik-old-blue:#086bdc;--tik-old-blue2:#005c97;--tik-old-indigo:#363795;--tik-old-navy:#00244b;--tik-old-orange:#ff6b00;--tik-old-yellow:#ffd800;--tik-old-canvas:#f6f9fc;--tik-old-line:#e0e8f1}\n.fe-container{width:min(98%,1600px)!important}.tik-parity-header{min-height:85px!important;padding:5px 0!important;border-radius:0 0 50px 50px!important;background:linear-gradient(135deg,#005c97,#363795)!important}.fe-header-row{min-height:75px!important}.fe-brand{gap:12px!important}.fe-mark{width:60px!important;height:60px!important;border-radius:18px!important;font-size:19px!important}.fe-brand-copy b{font-size:22px!important;font-weight:900}.fe-brand-copy small{font-size:12px!important}.tik-icon-nav{display:flex!important;align-items:flex-start;gap:7px!important}.tik-icon-nav a{min-width:54px!important;display:flex!important;flex-direction:column;align-items:center;gap:3px;padding:6px 7px!important;border-radius:9px}.tik-icon-nav a:hover{background:rgba(255,255,255,.1)}.tik-icon-nav i{font-style:normal;font-size:21px;line-height:1}.tik-icon-nav span{font-size:10.5px}.tik-city-pill{height:38px;display:inline-flex;align-items:center;gap:6px;border-radius:50px;padding:0 13px;background:rgba(0,36,75,.5);border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;font-size:12px}.tik-city-pill:hover{color:var(--tik-old-yellow);border-color:var(--tik-old-yellow)}.tik-mobile-menu-trigger{display:none;background:none;border:0;color:#fff;font-size:25px}.tik-mobile-drawer{display:none}\n.fe-main{background:var(--tik-bg)}.fe-hero{max-width:1280px!important;width:calc(100% - 16px)!important;margin:14px auto 0!important;border-radius:20px!important;padding:22px!important;box-sizing:border-box}.fe-section{max-width:1280px!important;width:calc(100% - 16px)!important;margin:14px auto 0!important;padding:16px!important;border-radius:20px!important}.fe-cats{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important}.fe-cats a{aspect-ratio:1/1;border-radius:17px!important;background:var(--tik-surface)!important;border:1px solid var(--tik-border)!important;box-shadow:0 3px 10px rgba(30,65,103,.07)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:10px!important}.fe-cats a span{font-weight:900;font-size:13px}.fe-cats a b{margin-top:7px;color:var(--tik-primary);font-size:12px}.fe-grid{gap:12px!important}.tik-ad-card{border-radius:12px!important;box-shadow:0 2px 12px rgba(0,0,0,.06)!important;border:1px solid var(--tik-border)!important}.tik-ad-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.10)!important}.fe-card-img{position:relative;aspect-ratio:4/3!important}.fe-card-img img{object-fit:cover!important}.tik-card-save{position:absolute;top:8px;inset-inline-end:8px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.92);color:#0a1628;font-size:20px;box-shadow:0 2px 8px rgba(0,0,0,.14)}.tik-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.tik-card-top small{color:var(--tik-muted);font-size:9px}.fe-card-body h3{margin:8px 0 6px!important;line-height:1.75!important}.fe-card-foot a{color:var(--tik-primary)!important;text-decoration:none;font-weight:800}.fe-search input{border-radius:50px!important}.fe-search button{border-radius:50px!important;background:var(--tik-old-blue)!important}.fe-filterbar{border-radius:999px!important}.fe-detail{max-width:1280px!important}.fe-gallery-main{border-radius:18px!important;overflow:hidden;background:var(--tik-surface-2)!important}.fe-gallery-main img{object-fit:contain!important;background:var(--tik-surface-2)}.fe-thumbs button{border-radius:12px!important}.fe-info{border-radius:18px!important}.tik-specs{margin-top:18px;border-top:1px solid var(--tik-border);padding-top:14px}.tik-specs h2{font-size:16px;margin:0 0 10px}.tik-specs dl{display:grid;gap:0;margin:0}.tik-specs dl>div{display:grid;grid-template-columns:minmax(120px,.55fr) 1fr;gap:12px;padding:10px 0;border-bottom:1px dashed var(--tik-border)}.tik-specs dt{color:var(--tik-muted);font-size:12px}.tik-specs dd{margin:0;font-size:13px;font-weight:700}.tik-footer{border-radius:28px 28px 0 0;margin-top:30px}.tik-footer-grid{display:grid!important;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding-block:22px}.tik-footer p{margin:5px 0 0;color:var(--tik-muted);font-size:12px}.tik-footer-links{display:flex;gap:14px}.tik-footer-links a{color:var(--tik-text);text-decoration:none;font-size:12px}.fe-account-head{background:linear-gradient(145deg,var(--tik-surface),var(--tik-surface-2))!important}\nhtml[data-theme=dark] .tik-card-save{background:rgba(17,27,45,.92);color:#fff}html[data-theme=dark] .fe-cats a{box-shadow:none!important}\n@media(max-width:759px){body{padding-top:85px!important}.tik-parity-header{position:fixed!important;top:15px!important;left:10px!important;right:10px!important;min-height:55px!important;padding:10px 15px!important;border-radius:15px!important;box-shadow:0 4px 15px rgba(0,0,0,.25)!important}.fe-header-row{min-height:35px!important;width:100%!important}.fe-mark{width:34px!important;height:28px!important;border-radius:9px!important;font-size:11px!important}.fe-brand-copy b{font-size:18px!important}.fe-brand-copy small,.tik-icon-nav,.tik-city-pill,.fe-lang{display:none!important}.tik-mobile-menu-trigger{display:block}.tik-mobile-drawer{position:fixed;z-index:99999;top:84px;left:10px;right:10px;padding:12px;background:var(--tik-surface);border:1px solid var(--tik-border);border-radius:16px;box-shadow:var(--tik-shadow)}.tik-mobile-drawer:not([hidden]){display:grid;gap:6px}.tik-mobile-drawer>a,.tik-drawer-langs a{padding:11px;border-radius:11px;color:var(--tik-text);text-decoration:none;background:var(--tik-surface-2);font-weight:700;font-size:13px}.tik-drawer-langs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.fe-hero{margin-top:8px!important;padding:14px!important}.fe-section{padding:10px!important}.fe-cats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.fe-cats a{padding:5px!important}.fe-cats a span{font-size:11px}.fe-cats a b{font-size:10px}.fe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.fe-card-img{aspect-ratio:1.3/1!important}.fe-card-body p{display:none}.tik-card-save{width:28px;height:28px;font-size:17px}.tik-footer-grid{grid-template-columns:1fr!important;text-align:center}.tik-footer-links{justify-content:center}.fe-stage{margin:auto!important}.tik-specs dl>div{grid-template-columns:1fr;gap:3px}.fe-mobile-nav{left:10px!important;right:10px!important}}\n@media(max-width:380px){.fe-cats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}\n

/* =========================================================
   v0.10.0 — Header/Footer strict parity: desktop/tablet/mobile
   Reference: 100Tik Header & Footer legacy module v10.0.3
   ========================================================= */
:root{--tik10-secondary:#ffd800;--tik10-blue1:#005c97;--tik10-blue2:#363795;--tik10-navy:#00244b;--tik10-orange:#ff6600;--tik10-red:#dc3545}
.tik100-mobile-view{display:none!important}.tik100-desktop-view{display:block!important}
.htk-header-d{background:linear-gradient(135deg,var(--tik10-blue1),var(--tik10-blue2));color:#fff;min-height:85px;padding:5px 0;border-radius:0 0 50px 50px;position:relative;z-index:1000;box-shadow:0 4px 18px rgba(0,36,75,.18)}
.htk-header-d .htk-container{width:98%;max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;min-height:75px;gap:12px}
.htk-head-right{display:flex;align-items:center;gap:12px;flex:0 0 auto}.htk-logo-d{display:flex;align-items:center}.htk-logo-d img{height:60px!important;width:auto!important;display:block;margin:3px}.htk-titles{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70px}.htk-titles h1{font-size:22px!important;font-weight:900;margin:0!important;line-height:1.3;white-space:nowrap;color:#fff!important}.htk-titles p{font-size:12.5px;margin:3px 0 0!important;white-space:nowrap;color:#fff!important;opacity:.95}
.htk-head-mid{display:flex;justify-content:center;align-items:flex-start;gap:6px;min-width:0}.htk-nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff!important;background:transparent;border:0;cursor:pointer;padding:5px 7px;border-radius:8px;text-decoration:none;min-width:50px;transition:.22s ease}.htk-nav-btn i{font-style:normal;font-size:22px;height:24px;line-height:24px}.htk-nav-btn span{font-size:10.5px;font-weight:400;white-space:nowrap}.htk-nav-btn:hover{background:rgba(255,255,255,.1);color:var(--tik10-secondary)!important}
.htk-head-left{display:flex;align-items:center;gap:7px;flex:0 0 auto}.htk-city-btn{height:38px;display:flex;align-items:center;gap:6px;border-radius:50px;padding:0 13px;background:rgba(0,36,75,.5);border:1px solid rgba(255,255,255,.2);color:#fff!important;text-decoration:none;font-size:12px;white-space:nowrap}.htk-city-btn i{font-style:normal;color:var(--tik10-secondary)}.htk-wallet-box{height:38px;display:flex;align-items:center;gap:7px;background:var(--tik10-navy);border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:5px 10px 5px 5px;color:#fff!important;text-decoration:none}.htk-add-credit-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--tik10-secondary);color:#252525;font-size:13px}.htk-wallet-val{display:flex;align-items:center;gap:4px;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.htk-wallet-val small{font-size:9px;font-weight:400}.htk-action-btn{height:38px;border-radius:50px;padding:0 16px;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap;box-shadow:0 4px 15px rgba(0,0,0,.18)}.htk-action-btn.btn-yellow{background:var(--tik10-secondary);color:#252525!important}.htk-action-btn.btn-red{background:var(--tik10-red);color:#fff!important}.tik10-theme-desktop{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(0,36,75,.48);color:#fff;display:grid;place-items:center;cursor:pointer}.tik10-lang-desktop{display:flex;height:34px;align-items:center;padding:3px;border-radius:50px;background:rgba(0,36,75,.42);border:1px solid rgba(255,255,255,.16)}.tik10-lang-desktop a{min-width:26px;padding:5px 6px;text-align:center;border-radius:50px;color:#fff!important;text-decoration:none;font:700 9px/1 system-ui}.tik10-lang-desktop a.active{background:#fff;color:#163770!important}
.tik100-header-mobile{position:fixed!important;top:15px!important;left:10px!important;right:10px!important;z-index:99998!important;background:linear-gradient(to bottom,var(--tik10-blue1),var(--tik10-blue2))!important;padding:10px 15px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;color:#fff!important;border-radius:15px!important;box-shadow:0 4px 15px rgba(0,0,0,.25)!important;min-height:55px!important}.tik100-mob-right,.tik100-mob-left{display:flex;align-items:center}.mob-logo{height:25px!important;width:auto!important;display:block}.tik100-mob-center{flex:1;text-align:center;padding:0 6px}.mob-title{font-size:20px!important;margin:0!important;font-weight:900!important;color:#fff!important;white-space:nowrap!important;text-shadow:0 2px 4px rgba(0,0,0,.2)}.tik100-mob-menu-trigger{background:none!important;border:0!important;color:#fff!important;cursor:pointer!important;width:25px;height:25px;font-size:25px;line-height:1;padding:0}
.tik10-menu-modal{display:none;position:fixed;inset:0;z-index:99999}.tik10-menu-modal:not([hidden]){display:block}.tik10-menu-overlay{position:absolute;inset:0;border:0;background:rgba(0,0,0,.62);backdrop-filter:blur(5px)}.tik10-menu-centered{position:absolute;z-index:2;width:min(85%,380px);top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#3b82f6 0%,#1e40af 100%);border-radius:20px;padding:30px 20px 20px;box-shadow:0 10px 40px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.12)}.tik10-close-btn{position:absolute;top:-45px;left:50%;transform:translateX(-50%);width:35px;height:35px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.2);color:#fff;font-size:20px}.tik10-menu-items{display:grid;gap:10px;max-height:67vh;overflow:auto}.tik10-menu-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tik10-menu-items a,.tik10-menu-tools button{padding:11px 12px;border-radius:12px;text-decoration:none;color:#fff!important;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);font:600 13px/1.4 inherit;text-align:center}.tik10-menu-cta{background:var(--tik10-orange)!important;border-color:var(--tik10-orange)!important;font-weight:900!important}.tik10-user-card{padding:12px;border-radius:12px;background:rgba(0,36,75,.28);color:#fff;display:flex;justify-content:space-between;gap:8px;font-size:12px}.tik10-menu-tools{display:grid;grid-template-columns:1.4fr repeat(3,.6fr);gap:6px}.tik10-menu-tools button{cursor:pointer}.tik10-socials{display:flex;justify-content:center;gap:8px}.tik10-socials a{width:32px;height:32px;padding:0!important;border-radius:50%!important;display:grid;place-items:center;font:800 9px/1 system-ui!important}
.htk-footer-d{background:linear-gradient(135deg,#3b82f6,#1a56db);color:#fff;height:60px;position:fixed;bottom:20px;left:20px;right:20px;z-index:9000;border-radius:50px;padding:0 30px;display:flex;align-items:center;box-shadow:0 5px 15px rgba(3,115,236,.3);backdrop-filter:blur(5px)}.htk-footer-container{width:100%;display:flex;justify-content:space-between;align-items:center;height:100%}.htk-foot-socials{display:flex;gap:8px;align-items:center;flex:1}.htk-foot-socials a{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff!important;text-decoration:none;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);font:800 11px/1 system-ui}.htk-foot-socials a:hover{background:var(--tik10-secondary);color:#000!important}.htk-foot-center{flex:2;text-align:center;line-height:1.25}.htk-copy-text{font-size:12px;color:#fff}.htk-dev-text{font-size:11px;color:rgba(255,255,255,.8)}.htk-dev-text a{color:#fff!important;text-decoration:none}.htk-foot-branding{flex:1;text-align:end}.htk-foot-branding h3{margin:0;color:#fff!important;font-size:13px}.htk-foot-branding span{font:10px/1.3 system-ui;color:rgba(255,255,255,.7)}
.tik100-mobile-nav-wrapper{position:fixed;bottom:5px;left:10px;right:10px;z-index:99990}.tik100-mobile-nav{background:linear-gradient(90deg,#003399,#0052cc);border-radius:15px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;box-shadow:0 8px 25px rgba(0,51,153,.4);height:59px}.tik100-mobile-nav .nav-item{background:none;border:0;color:rgba(255,255,255,.92)!important;font-size:27px;cursor:pointer;padding:0 8px;height:100%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:.2s ease}.tik100-mobile-nav .nav-item-cta{background:var(--tik10-orange);color:#fff!important;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 15px;border-radius:50px;font-weight:800;font-size:12px;box-shadow:0 4px 15px rgba(255,102,0,.5);height:40px;margin-inline-start:auto;white-space:nowrap}.tik100-mobile-nav .nav-item-cta i{font-style:normal;background:#fff;color:var(--tik10-orange);border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:12px}
html[data-theme=dark] .htk-footer-d{background:linear-gradient(135deg,#162b53,#1b3270)}html[data-theme=dark] .tik10-menu-centered{background:linear-gradient(180deg,#193766,#10254e)}
@media(max-width:1280px) and (min-width:992px){.htk-head-mid{gap:2px}.htk-nav-btn{min-width:42px;padding-inline:4px}.htk-nav-btn span{font-size:9px}.htk-titles h1{font-size:18px!important}.htk-titles p{display:none}.htk-logo-d img{height:52px!important}.htk-city-btn{display:none}.tik10-lang-desktop{display:none}.htk-action-btn{padding-inline:12px}.htk-wallet-val{font-size:11px}}
@media(max-width:1100px) and (min-width:992px){.htk-footer-d{height:auto;min-height:60px;padding:9px 20px}.htk-foot-branding{display:none}.htk-foot-center{flex:1.4}}
@media(max-width:991px){.tik100-desktop-view{display:none!important}.tik100-mobile-view{display:block!important}body{padding-top:85px!important;padding-bottom:78px!important}.tik-parity-header,.fe-mobile-nav,.tik-footer{display:none!important}.fe-main{min-height:calc(100vh - 85px)}.fe-body>.tik100-mobile-view+.tik10-menu-modal+main{padding-top:0!important}}
@media(min-width:992px){.tik100-mobile-view{display:none!important}.tik100-desktop-view{display:block!important}body{padding-bottom:100px!important;padding-top:0!important}.tik-parity-header,.fe-mobile-nav,.tik-footer{display:none!important}}
@media(max-width:520px){.mob-title{font-size:16px!important}.tik10-menu-centered{width:88%;padding-inline:14px}.tik10-menu-row{gap:7px}.tik10-menu-items a,.tik10-menu-tools button{font-size:12px}.tik100-mobile-nav{height:56px;padding:0 7px}.tik100-mobile-nav .nav-item{font-size:24px;padding-inline:6px}.tik100-mobile-nav .nav-item-cta{padding-inline:11px;font-size:11px}}
@media(max-width:350px){.mob-title{font-size:14px!important}.tik10-menu-row{grid-template-columns:1fr}.tik10-menu-tools{grid-template-columns:1fr repeat(3,.55fr)}}


/* 100tik v0.11 — homepage strict legacy parity, trilingual + theme aware */
.tik-homepage-full{--home-blue:#086bdc;--home-blue-strong:#0759bc;--home-orange:#ff6b00;--home-ink:var(--tik10-text,#10233f);--home-copy:var(--tik10-muted,#516984);--home-line:var(--tik10-border,#e0e8f1);--home-surface:var(--tik10-card,#fff);--home-canvas:var(--tik10-bg,#f6f9fc);direction:inherit;color:var(--home-ink);background:var(--home-canvas);padding:0 0 32px}.tik-homepage-full *{box-sizing:border-box}.tik-homepage-full img{max-width:100%}.tik-home-category-nav{max-width:1280px;margin:0 auto;padding:10px 8px 14px}.tik-home-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tik-home-category-tile{display:flex;flex-direction:column;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--home-line);border-radius:17px;background:var(--home-surface);box-shadow:0 3px 10px rgba(30,65,103,.07);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tik-home-category-tile img{display:block;width:calc(100% - 2px);height:67%;margin:1px 1px 0;flex:0 0 67%;object-fit:contain;object-position:center bottom}.tik-home-category-copy{display:flex;min-width:0;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:1px 3px 5px;line-height:1.25;text-align:center}.tik-home-category-copy strong,.tik-home-category-copy small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tik-home-category-copy strong{color:var(--home-ink);font-size:clamp(.7rem,3.1vw,.9rem);font-weight:900}.tik-home-category-copy small{margin-top:3px;color:var(--home-copy);font:500 clamp(.58rem,2.7vw,.74rem)/1.2 system-ui}.tik-home-category-tile:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(30,76,126,.13)}.tik-home-all-ads-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:56px;margin-top:14px;padding:10px 18px;border-radius:17px;color:#fff!important;background:linear-gradient(135deg,var(--home-blue),#1788f6);box-shadow:0 8px 22px rgba(8,107,220,.22);text-decoration:none;font-size:1rem;font-weight:800}.tik-home-all-ads-button i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.17);font-style:normal}.tik-home-section{width:calc(100% - 16px);max-width:1280px;margin:14px auto 0;padding:16px;border:1px solid var(--home-line);border-radius:20px;background:var(--home-surface);box-shadow:0 8px 28px rgba(28,60,96,.055)}.tik-home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 14px}.tik-home-section-heading h2{margin:3px 0 0;color:var(--home-ink);font-size:1.05rem;font-weight:800;line-height:1.65}.tik-home-kicker{display:block;color:var(--home-blue);font-size:.68rem;font-weight:700}.tik-home-section-heading>a{flex:0 0 auto;color:var(--home-blue)!important;text-decoration:none;font-size:.72rem;font-weight:700}.tik-home-heading-centered{justify-content:center;text-align:center}
.tik-v11-banner-viewport{overflow:hidden;border-radius:17px;background:color-mix(in srgb,var(--home-surface) 85%,#cfe0f1);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.tik-v11-banner-track{display:flex;width:max-content;gap:12px;direction:ltr;animation:tik-v11-marquee var(--tik-v11-duration,48s) linear infinite;will-change:transform}.tik-v11-banner-viewport:hover .tik-v11-banner-track,.tik-v11-banner-viewport:focus-within .tik-v11-banner-track{animation-play-state:paused}.tik-v11-banner-card{position:relative;display:block;flex:0 0 76vw;width:76vw;max-width:300px;aspect-ratio:16/10;overflow:hidden;border-radius:15px;background:#dce7f2;box-shadow:0 5px 16px rgba(20,53,88,.12);text-decoration:none}.tik-v11-banner-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .26s ease}.tik-v11-banner-card:after{content:"";position:absolute;inset:46% 0 0;background:linear-gradient(0deg,rgba(4,18,36,.84),transparent)}.tik-v11-banner-card>span{position:absolute;z-index:1;inset-inline:12px;bottom:10px;overflow:hidden;color:#fff;font-size:.78rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.tik-v11-banner-card:hover img{transform:scale(1.035)}@keyframes tik-v11-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.tik-home-section.tik-home-featured{padding:5px}.tik-home-featured .tik-home-section-heading{margin:7px 5px 12px}.tik-homepage-listing-grid{display:grid;grid-template-columns:1fr;gap:12px}.tik-homepage-listing-item{min-width:0}.tik-home-ad-card{display:grid;grid-template-columns:116px minmax(0,1fr);min-height:136px;overflow:hidden;border:1px solid var(--home-line);border-radius:16px;background:var(--home-surface);box-shadow:0 4px 14px rgba(29,62,100,.07)}.tik-home-ad-media{position:relative;display:block;min-height:136px;background:color-mix(in srgb,var(--home-surface) 80%,#dce7f2)}.tik-home-ad-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.tik-home-save{position:absolute;top:8px;inset-inline-start:8px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#15365e;font-size:18px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.tik-home-ad-copy{min-width:0;padding:10px 11px;display:flex;flex-direction:column}.tik-home-ad-meta{display:flex;justify-content:space-between;gap:7px;color:var(--home-copy);font-size:.64rem}.tik-home-ad-meta span{color:var(--home-blue);font-weight:800}.tik-home-ad-copy h3{margin:7px 0 4px;font-size:.86rem;line-height:1.75}.tik-home-ad-copy h3 a{color:var(--home-ink)!important;text-decoration:none}.tik-home-ad-copy p{margin:0;color:var(--home-copy);font-size:.7rem;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tik-home-ad-copy footer{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:7px;border-top:1px dashed var(--home-line);font-size:.62rem;color:var(--home-copy)}.tik-home-ad-copy footer a{color:var(--home-blue)!important;font-weight:800;text-decoration:none}
.tik-live-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:9px}.tik-live-showcase-item{position:relative;display:block;min-height:128px;overflow:hidden;border-radius:16px;background:#e9f1f9;text-decoration:none;transition:opacity .22s ease,transform .22s ease}.tik-live-showcase-item-1{grid-column:1/-1;min-height:200px}.tik-live-showcase-item img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover}.tik-live-showcase-shade{position:absolute;inset:38% 0 0;background:linear-gradient(0deg,rgba(4,18,36,.82),transparent)}.tik-live-showcase-copy{position:absolute;z-index:1;inset-inline:10px;bottom:9px;color:#fff}.tik-live-showcase-copy small{display:block;margin-bottom:3px;font-size:.6rem;opacity:.86}.tik-live-showcase-copy strong{display:block;font-size:.76rem;line-height:1.55}.tik-live-showcase-item.is-switching{opacity:.18;transform:scale(.97)}
.tik-home-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tik-home-feature{padding:14px 10px;border:1px solid var(--home-line);border-radius:16px;background:color-mix(in srgb,var(--home-surface) 92%,var(--home-blue));text-align:center}.tik-home-feature-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 8px;border-radius:14px;background:color-mix(in srgb,var(--home-blue) 12%,var(--home-surface));color:var(--home-blue);font-size:20px;font-weight:900}.tik-home-feature h3{margin:0;color:var(--home-ink);font-size:.8rem}.tik-home-feature p{margin:6px 0 0;color:var(--home-copy);font-size:.66rem;line-height:1.8}.tik-home-faq-list{display:grid;gap:8px}.tik-home-faq-item{border:1px solid var(--home-line);border-radius:14px;background:var(--home-surface);overflow:hidden}.tik-home-faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 13px;color:var(--home-ink);font-size:.76rem;font-weight:800;cursor:pointer}.tik-home-faq-item summary::-webkit-details-marker{display:none}.tik-home-faq-item summary i{font-style:normal;transition:transform .18s ease}.tik-home-faq-item[open] summary i{transform:rotate(180deg)}.tik-home-faq-answer{padding:0 13px 12px;color:var(--home-copy);font-size:.7rem;line-height:1.9}.tik-home-faq-answer p{margin:0}.tik-home-cta{display:grid;gap:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--home-blue) 8%,var(--home-surface)),var(--home-surface))}.tik-home-cta-copy h2{margin:5px 0 7px;color:var(--home-ink);font-size:1rem}.tik-home-cta-copy p{margin:0;color:var(--home-copy);font-size:.73rem;line-height:1.9}.tik-home-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-top:12px;padding:9px 16px;border-radius:14px;background:var(--home-orange);color:#fff!important;text-decoration:none;font-size:.8rem;font-weight:900}.tik-home-cta-button i{font-style:normal}.tik-home-trust-panel{display:grid;grid-template-columns:repeat(2,86px);justify-content:center;gap:10px 14px;padding:12px;border:1px solid var(--home-line);border-radius:16px;background:var(--home-surface)}.tik-home-trust-panel>a{display:grid;place-items:center;min-height:86px;border-radius:12px;background:#fff}.tik-home-trust-panel img{max-width:76px;max-height:76px}.tik-home-trust-panel p{grid-column:1/-1;margin:0;color:var(--home-copy);font-size:.66rem;line-height:1.8;text-align:center}.tik-home-trust-panel p a{color:var(--home-blue)!important;font-weight:800}
html[data-theme=dark] .tik-homepage-full{--home-blue:#61a9ff;--home-blue-strong:#8bc0ff;--home-ink:#f3f7fc;--home-copy:#aebed0;--home-line:#263c5b;--home-surface:#13233a;--home-canvas:#0b1422}html[data-theme=dark] .tik-home-category-tile,html[data-theme=dark] .tik-home-ad-card,html[data-theme=dark] .tik-home-faq-item,html[data-theme=dark] .tik-home-trust-panel{box-shadow:none}html[data-theme=dark] .tik-home-save{background:rgba(13,28,48,.9);color:#e8f2ff}html[data-theme=dark] .tik-home-trust-panel>a{background:#eef3f8}
@media(min-width:560px){.tik-home-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tik-homepage-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tik-v11-banner-card{width:min(46vw,300px);flex-basis:min(46vw,300px)}.tik-home-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tik-live-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tik-live-showcase-item-1{grid-column:span 2;grid-row:span 2;min-height:270px}.tik-home-cta{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:center}}
@media(min-width:960px){.tik-home-category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.tik-home-category-tile img{height:70%;flex-basis:70%}.tik-homepage-listing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tik-home-ad-card{display:block;min-height:0}.tik-home-ad-media{aspect-ratio:4/3;min-height:0}.tik-home-ad-media img{position:static}.tik-home-ad-copy{min-height:165px}.tik-live-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tik-live-showcase-item{min-height:180px}.tik-live-showcase-item-1{min-height:380px}.tik-home-section{padding:20px}.tik-home-section-heading h2{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.tik-v11-banner-track{animation:none;transform:none}.tik-home-category-tile,.tik-live-showcase-item,.tik-v11-banner-card img{transition:none}}
/* v0.72: a gapless, non-pausing advertising ribbon. */
.tik-v11-banner-track{gap:0!important;animation:tik-v11-marquee var(--tik-v11-duration,48s) linear infinite!important;animation-play-state:running!important}.tik-v11-banner-viewport:hover .tik-v11-banner-track,.tik-v11-banner-viewport:focus-within .tik-v11-banner-track{animation-play-state:running!important}.tik-v11-banner-card{border-radius:0!important;box-shadow:none!important}

/**
 * 100Tik Global Styles
 * ✅ حذف تعریف‌های تکراری فونت و استفاده از Font Manager متمرکز
 * Version: 7.4.2
 */

/* ============================================================
   ❌ حذف: تعریف @font-face تکراری
   ✅ فونت‌ها توسط Font Manager متمرکز بارگذاری می‌شوند
   ============================================================ */

/* ============================================================
   ✅ اعمال فونت Estedad روی کل سایت (بدون !important اضافی)
   ============================================================ */
body,
.tik100-desktop-view,
.tik100-mobile-view,
.tik100-modal,
.tik100-modal * {
    font-family: 'Estedad', 'IRANSans', 'Tahoma', sans-serif;
}

/* =========================================
   1. CSS Custom Properties (Design Tokens)
   ========================================= */
:root {
    /* --- رنگ‌های اصلی برند (Brand Colors) --- */
    --primary-color: #0373EC;
    --primary-dark: #00244B;
    --secondary-color: #FFD800;
    --cta-color: #DE2600;
    
    /* --- گرادیانت‌ها (Gradients) --- */
    --gradient-primary: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 100%);
    --gradient-soft: linear-gradient(135deg, rgba(3, 115, 236, 0.1) 0%, rgba(3, 115, 236, 0.05) 100%);

    /* --- رنگ‌های متن (Typography Colors) --- */
    --text-main: #252525;
    --text-light: #666666;
    --text-on-primary: #FFFFFF;
    --text-on-yellow: #252525;

    /* --- رنگ‌های پس‌زمینه (Backgrounds) --- */
    --bg-body: #F4F7FB;
    --bg-white: #FFFFFF;
    --border-soft: rgba(3, 115, 236, 0.15);

    /* --- تنظیمات شیشه‌ای (Glassmorphism) --- */
    --glass-bg: rgba(255, 255, 255, 0.85);
    --glass-border: 1px solid rgba(255, 255, 255, 0.6);
    --glass-shadow: 0 8px 32px 0 rgba(3, 115, 236, 0.15);
    --glass-blur: blur(12px);

    /* --- سایه‌های سه بعدی (3D Shadows) --- */
    --shadow-sm: 0 2px 8px rgba(0, 36, 75, 0.05);
    --shadow-md: 0 8px 24px rgba(0, 36, 75, 0.1);
    --shadow-lg: 0 15px 40px rgba(3, 115, 236, 0.2);

    /* --- اندازه‌ها --- */
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-pill: 50px;

    /* --- ارتفاع‌های ثابت (Fixed Heights) --- */
    --header-mobile-height: 55px;
    --header-mobile-margin: 15px;
    --header-mobile-total: 70px;
    --footer-mobile-height: 59px;
    --footer-mobile-margin: 5px;
    --footer-mobile-total: 64px;
    --footer-desktop-height: 60px;
    --footer-desktop-spacing: 40px;
    --footer-desktop-total: 100px;
}

/* =========================================
   2. Reset & Base Styles
   ========================================= */
.tik100-desktop-view,
.tik100-mobile-view,
.tik100-modal {
    font-family: 'Estedad', 'IRANSans', 'Tahoma', sans-serif;
    box-sizing: border-box;
    line-height: 1.6;
    color: var(--text-main);
}

a {
    text-decoration: none;
    transition: all 0.3s ease;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.tik-glass {
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: var(--glass-border);
    box-shadow: var(--glass-shadow);
}

/* =========================================
   3. Responsive Display Logic
   ========================================= */
.tik100-mobile-view {
    display: none;
}

.tik100-desktop-view {
    display: block;
}

@media (max-width: 991px) {
    .tik100-desktop-view {
        display: none !important;
    }

    .tik100-mobile-view {
        display: block !important;
    }
}

/* =========================================
   4. Body Spacing System (Professional)
   ========================================= */

/* --- حالت دسکتاپ --- */
@media (min-width: 992px) {
    body {
        padding-bottom: var(--footer-desktop-total) !important;
        background-color: var(--bg-body);
    }
}

/* --- حالت موبایل --- */
@media (max-width: 991px) {
    body {
        padding-top: var(--header-mobile-total) !important;
        padding-bottom: var(--footer-mobile-total) !important;
        background-color: var(--bg-body);
    }
}

/* =========================================
   5. Modal Base Styles
   ========================================= */
.tik100-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 36, 75, 0.6);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.tik100-modal-content {
    background-color: var(--bg-white);
    margin: 5% auto;
    padding: 30px;
    border: none;
    width: 90%;
    max-width: 500px;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    position: relative;
    animation: tikSlideUp 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.close-modal {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    color: var(--text-light);
    transition: 0.3s;
}

.close-modal:hover {
    background: var(--cta-color);
    color: white;
    transform: rotate(90deg);
}

@keyframes tikSlideUp {
    from {
        transform: translateY(60px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

/* =========================================
   6. Utility Classes
   ========================================= */
.btn-yellow {
    background-color: var(--secondary-color);
    color: var(--text-on-yellow);
    border-radius: var(--radius-pill);
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(255, 216, 0, 0.4);
    padding: 10px 20px;
    display: inline-block;
}

.btn-yellow:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(255, 216, 0, 0.6);
}

.btn-red {
    background-color: var(--cta-color);
    color: var(--text-on-primary);
    border-radius: var(--radius-pill);
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(222, 38, 0, 0.4);
    padding: 10px 20px;
    display: inline-block;
}

.btn-red:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(222, 38, 0, 0.6);
}

/* =========================================
   7. Print Styles
   ========================================= */
@media print {
    .tik100-mobile-view,
    .tik100-desktop-view,
    .tik100-modal {
        display: none !important;
    }
}
/**
 * Header Desktop Styles
 * ✅ حذف تعریف‌های تکراری فونت و استفاده از Font Manager متمرکز
 * Version: 7.4.2
 */

/* ============================================================
   ✅ فونت‌ها توسط Font Manager متمرکز بارگذاری می‌شوند
   ❌ تعریف @font-face در این فایل حذف شد
   ============================================================ */

/* --- تنظیمات کلی هدر --- */
.htk-header-d {
    background: var(--gradient-primary); 
    min-height: 85px;
    padding: 5px 0;
    display: flex;
    align-items: center;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 0 8px 25px rgba(3, 115, 236, 0.25);
    position: relative;
    z-index: 1000;
}

.htk-header-d .htk-container {
    width: 98%;
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* --- لوگو و عنوان --- */
.htk-head-right {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 100%;
}

.htk-logo-d {
    display: flex;
    align-items: center;
}

.htk-logo-d img {
    height: 60px !important;
    width: auto;
    max-height: unset !important;
    margin: 3px;
    transition: transform 0.3s ease;
}

.htk-logo-d:hover img {
    transform: scale(1.05);
}

.htk-titles {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 70px;
    padding: 5px 0;
    box-sizing: border-box;
}

.htk-titles h1 {
    font-size: 22px !important;
    font-weight: 900;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3;
    white-space: nowrap;
    text-align: center;
    width: 100%;
    color: #fff;
}

.htk-titles p {
    font-size: 12.5px;
    font-weight: 400;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
    width: 100%;
    text-align: justify;
    text-align-last: justify;
    opacity: 0.95;
    color: #fff;
    margin-top: 3px !important;
}

/* --- منوی آیکونی وسط --- */
.htk-head-mid {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}

.htk-nav-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    color: #fff;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 5px 8px;
    border-radius: 8px;
    transition: all 0.3s ease;
    text-decoration: none;
    min-width: 50px;
}

.htk-nav-btn i {
    font-size: 22px;
    height: 24px;
    transition: color 0.3s ease;
}

.htk-nav-btn span {
    font-size: 11px;
    font-weight: 300;
    transition: color 0.3s ease;
}

.htk-nav-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.htk-nav-btn:hover i,
.htk-nav-btn:hover span {
    color: var(--secondary-color) !important;
}

/* --- آیکون سبد خرید --- */
.cart-icon-wrapper {
    position: relative;
    display: inline-block;
}

.cart-items-count {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: white;
    font-size: 11px;
    font-weight: bold;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    animation: pulse-count 2s infinite;
    font-family: Arial, sans-serif;
    z-index: 10;
}

@keyframes pulse-count {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7); }
    70% { transform: scale(1.1); box-shadow: 0 0 0 5px rgba(220, 53, 69, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); }
}

.htk-cart-btn:hover .cart-items-count {
    background: #bb2d3b;
    animation: none;
    transform: scale(1.1);
}

/* --- بخش چپ (کیف پول و دکمه‌ها) --- */
.htk-head-left {
    display: flex;
    align-items: center;
    gap: 8px; 
}

/* دکمه انتخاب شهر */
.htk-city-btn {
    background: rgba(0, 36, 75, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    padding: 0 15px; 
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 12px;
    height: 38px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    text-decoration: none;
    white-space: nowrap;
}

.htk-city-btn:hover {
    background: rgba(0, 36, 75, 0.8);
    border-color: var(--secondary-color);
    color: var(--secondary-color) !important;
}

.htk-city-btn i {
    color: var(--secondary-color) !important;
    font-size: 14px;
}

/* --- باکس کیف پول جدید و کلیکبل --- */
.htk-wallet-box {
    display: flex;
    align-items: center;
    background: #00244B;
    border-radius: 50px;
    gap: 8px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    height: 38px;
    box-sizing: border-box;
    padding: 5px;
    padding-left: 10px;
    min-width: auto;
    text-decoration: none;
    transition: all 0.3s ease;
}

.htk-wallet-box:hover {
    background: rgba(0, 36, 75, 0.8);
    border-color: var(--secondary-color);
    transform: translateY(-2px);
}

.htk-wallet-val {
    color: #fff;
    font-size: 13px; 
    font-weight: 700;
    white-space: nowrap;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 4px;
}

.currency-label {
    font-size: 10px;
    font-weight: 400;
    opacity: 0.9;
}

@keyframes pulse-gold {
    0% { box-shadow: 0 0 0 0 rgba(255, 216, 0, 0.7); transform: scale(1); }
    70% { box-shadow: 0 0 0 5px rgba(255, 216, 0, 0); transform: scale(1.05); }
    100% { box-shadow: 0 0 0 0 rgba(255, 216, 0, 0); transform: scale(1); }
}

.htk-add-credit-icon {
    background: var(--secondary-color);
    color: #252525;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex-shrink: 0;
    margin-right: 0;
    animation: pulse-gold 2s infinite;
}

/* --- دکمه‌های اکشن --- */
@keyframes pulse-red {
    0% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7); transform: scale(1); }
    70% { box-shadow: 0 0 0 10px rgba(220, 53, 69, 0); transform: scale(1.02); }
    100% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); transform: scale(1); }
}

.htk-action-btn {
    padding: 0 18px;
    height: 38px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    white-space: nowrap;
}

.htk-action-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    color: #fff !important;
}

.htk-action-btn.btn-yellow {
    background: var(--secondary-color);
    color: #252525 !important;
    border: 1px solid var(--secondary-color);
}
.htk-action-btn.btn-yellow:hover {
    background: #ffdb4d;
    color: #000 !important;
}

.htk-action-btn.btn-red {
    background: #dc3545;
    color: #fff;
    animation: pulse-red 2s infinite;
}
.htk-action-btn.btn-red:hover {
    background: #bb2d3b;
    animation: none;
}

/* =========================================
   ریسپانسیو
   ========================================= */
@media (max-width: 1200px) {
    .cart-items-count { font-size: 10px; min-width: 16px; height: 16px; top: -6px; right: -6px; }
    .htk-titles h1 { font-size: 18px !important; }
    .htk-titles p { display: none; }
}

@media (max-width: 768px) {
    .cart-items-count { font-size: 9px; min-width: 14px; height: 14px; top: -5px; right: -5px; border-width: 1px; }
}
/* ============================================================
   ✅ فونت‌ها توسط Font Manager متمرکز بارگذاری می‌شوند
   ❌ تعریف @font-face در این فایل حذف شد
   ============================================================ */

.tik100-header-mobile {
    position: fixed !important; top: 15px !important; left: 10px !important; right: 10px !important; z-index: 99998 !important;
    background: linear-gradient(to bottom, #005c97, #363795) !important;
    padding: 10px 15px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; color: white !important;
    border-radius: 15px !important; box-shadow: 0 4px 15px rgba(0,0,0,0.25) !important; min-height: 55px !important; margin: 0 !important; border: none !important;
}

.tik100-mob-right { display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; }

.mob-logo { height: 25px !important; width: auto !important; object-fit: contain !important; margin: 0 !important; display: block !important; }

.tik100-mob-center { flex-grow: 1 !important; text-align: center !important; padding: 0 5px !important; }

.mob-title { font-size: 20px !important; margin: 0 !important; font-weight: 900 !important; color: #fff !important; white-space: nowrap !important; text-shadow: 0 2px 4px rgba(0,0,0,0.2) !important; }

.tik100-mob-left { display: flex !important; align-items: center !important; }

.tik100-mob-menu-trigger { background: none !important; border: none !important; color: white !important; cursor: pointer !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 25px !important; height: 25px !important; }

.tik100-mob-menu-trigger i { font-size: 25px !important; color: white !important; }
/**
 * استایل منوی پاپ‌آپ موبایل صدتیک
 * ✅ حذف تعریف‌های تکراری فونت و استفاده از Font Manager متمرکز
 * 
 * @package SadTik\Modules\MobileMenu
 * @version 7.2.2 - حذف تعاریف تکراری فونت و استانداردسازی
 */

/* ============================================================
   ✅ فونت‌ها توسط Font Manager متمرکز بارگذاری می‌شوند
   ❌ تعریف @font-face در این فایل حذف شد
   ============================================================ */

/* ============================================ */
/* 1. استایل بیس مودال                          */
/* ============================================ */
.tik100-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    font-family: inherit;
}

/* ============================================ */
/* 2. لایه تاریک پشت مودال (Overlay)           */
/* ============================================ */
.tik100-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 1;
}

/* ============================================ */
/* 3. باکس اصلی منو - دقیقاً وسط صفحه          */
/* ============================================ */
.tik100-menu-centered {
    position: absolute;
    z-index: 2;
    width: 85%;
    max-width: 380px;
    
    /* وسط‌چین دقیق با transform */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    /* ظاهر */
    background: linear-gradient(180deg, #3B82F6 0%, #1E40AF 100%);
    border-radius: 20px;
    padding: 30px 20px 20px 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* چیدمان داخلی */
    display: flex;
    flex-direction: column;
    gap: 15px;
    
    /* انیمیشن */
    animation: tikPopupOpen 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

/* ============================================ */
/* 4. دکمه بستن (X) بالای باکس                 */
/* ============================================ */
.tik100-close-btn {
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    
    /* ظاهر */
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    
    /* چیدمان داخلی */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    
    /* افکت */
    transition: all 0.3s ease;
}

.tik100-close-btn:hover {
    background: rgba(255, 255, 255, 0.4);
    transform: translateX(-50%) rotate(90deg);
}

.tik100-close-btn:focus-visible {
    outline: 2px solid #FFD700;
    outline-offset: 2px;
}

/* ============================================ */
/* 5. لیست دکمه‌ها (کانتینر اصلی)              */
/* ============================================ */
.tik100-menu-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    max-height: 55vh;
    overflow-y: auto;
}

/* ============================================ */
/* 6. ردیف دکمه‌های دوستونه (مینیمال)          */
/* ============================================ */
.menu-row {
    display: flex;
    gap: 10px;
    width: 100%;
}

.menu-row .menu-btn {
    flex: 1;
    justify-content: center;
    padding: 12px 5px;
    font-size: 14px;
}

.menu-row .menu-btn i {
    margin-left: 5px;
    font-size: 16px;
}

/* ============================================ */
/* 7. استایل عمومی دکمه‌ها                      */
/* ============================================ */
.menu-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 12px 15px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    transition: transform 0.2s, background 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    border: none;
    background: transparent;
    font-family: inherit;
}

.menu-btn:hover {
    transform: scale(1.02);
}

.menu-btn:focus-visible {
    outline: 2px solid #FFD700;
    outline-offset: 2px;
}

.menu-btn:active {
    transform: scale(0.98);
}

.menu-btn i {
    font-size: 18px;
    margin-left: 12px;
    width: 20px;
    text-align: center;
}

/* ============================================ */
/* 8. استایل دکمه‌های شیشه‌ای (glass-btn)      */
/* ============================================ */
.glass-btn {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(2px);
}

.glass-btn:hover {
    background: rgba(255, 255, 255, 0.25);
}

/* ============================================ */
/* 9. دکمه کیف پول (حاشیه طلایی)              */
/* ============================================ */
.wallet-btn {
    border-color: rgba(255, 215, 0, 0.5);
}

/* ============================================ */
/* 10. ردیف شبکه‌های اجتماعی                    */
/* ============================================ */
.social-icons-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
    flex-wrap: wrap;
}

.social-icon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    
    /* ظاهر */
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    
    /* افکت */
    transition: all 0.3s ease;
}

.social-icon-btn:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.social-icon-btn:focus-visible {
    outline: 2px solid #FFD700;
    outline-offset: 2px;
}

.social-icon-btn i {
    font-size: 13px;
}

/* ============================================ */
/* 11. بخش اطلاعات کاربر و خروج                */
/* ============================================ */
.tik100-user-info {
    margin-top: 10px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 15px;
}

.user-welcome-text {
    margin-bottom: 15px;
}

.u-name {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 5px 0;
}

.u-balance {
    font-size: 13px;
    color: #fff;
    margin: 0;
}

.u-balance strong {
    color: #FFD700;
}

/* ============================================ */
/* 12. دکمه خروج / ورود                        */
/* ============================================ */
.logout-btn {
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    padding: 8px 30px;
    border-radius: 10px;
    font-size: 14px;
    text-decoration: none;
    background: transparent;
    transition: all 0.3s;
    cursor: pointer;
    font-family: inherit;
}

.logout-btn:hover {
    background: #fff;
    color: #DE2600;
}

.logout-btn:focus-visible {
    outline: 2px solid #FFD700;
    outline-offset: 2px;
}

/* حالت دکمه ورود (زمانی که کاربر لاگین نکرده) */
.login-mode {
    border-color: #4ade80;
}

.login-mode:hover {
    background: #4ade80;
    color: #fff;
}

/* ============================================ */
/* 13. انیمیشن باز شدن پاپ‌آپ                  */
/* ============================================ */
@keyframes tikPopupOpen {
    from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.8);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

/* ============================================ */
/* 14. اسکرول‌بار سفارشی (برای لیست بلند)      */
/* ============================================ */
.tik100-menu-items::-webkit-scrollbar {
    width: 4px;
}

.tik100-menu-items::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.tik100-menu-items::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
}

.tik100-menu-items::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}

/* ============================================ */
/* 15. دسترسی پذیری - کاهش انیمیشن             */
/* ============================================ */
@media (prefers-reduced-motion: reduce) {
    /* استفاده از کلاس مخصوص برای جلوگیری از تداخل */
    .tik100-menu-centered {
        animation: none !important;
    }
    
    .tik100-close-btn:hover {
        transform: translateX(-50%) !important;
    }
    
    .social-icon-btn:hover {
        transform: none !important;
    }
    
    .menu-btn:hover {
        transform: none !important;
    }
}

/* ============================================ */
/* 16. رسپانسیو برای صفحه‌های خیلی کوچک         */
/* ============================================ */
@media (max-width: 320px) {
    /* ردیف‌های دوستونه تبدیل به تک‌ستونه می‌شوند */
    .menu-row {
        flex-direction: column;
        gap: 10px;
    }
    
    .menu-row .menu-btn {
        width: 100%;
    }

    /* شبکه‌های اجتماعی کوچک‌تر */
    .social-icons-row {
        gap: 8px;
    }

    .social-icon-btn {
        width: 26px;
        height: 26px;
    }

    .social-icon-btn i {
        font-size: 11px;
    }
}
/**
 * 100tik Homepage — Light, Mobile-First.
 * Version: 4.2.0
 * نکته: استایل داخلی کارت‌های آگهی عمداً در این فایل تعریف نشده است.
 */

:root {
    --tik-home-blue: #086bdc;
    --tik-home-blue-strong: #0759bc;
    --tik-home-orange: #ff6b00;
    --tik-home-ink: #10233f;
    --tik-home-copy: #516984;
    --tik-home-muted: #71859c;
    --tik-home-line: #e0e8f1;
    --tik-home-surface: #ffffff;
    --tik-home-canvas: #f6f9fc;
    --tik-home-radius: 20px;
}

.tik-homepage-full {
    direction: rtl;
    color: var(--tik-home-ink);
    background: var(--tik-home-canvas);
    padding: 0 0 32px;
    font-family: 'Estedad', 'IRANSans', Tahoma, sans-serif;
}

.tik-homepage-full img {
    max-width: 100%;
}

.tik-home-category-nav {
    max-width: 1280px;
    margin: 0 auto;
    padding: 10px 8px 14px;
    direction: rtl;
    background: transparent;
}

.tik-home-category-grid {
    display: grid;
    direction: rtl;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}

.tik-home-category-tile {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid #e6ebf2;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(30, 65, 103, 0.07);
    text-decoration: none;
    transform: translateZ(0);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.tik-home-category-tile img {
    display: block;
    width: calc(100% - 2px);
    height: 67%;
    margin: 1px 1px 0;
    flex: 0 0 67%;
    object-fit: contain;
    object-position: center bottom;
}

.tik-home-category-copy {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1px 3px 5px;
    line-height: 1.25;
    text-align: center;
}

.tik-home-category-copy strong,
.tik-home-category-copy small {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tik-home-category-copy strong {
    color: #111d31;
    font-size: clamp(0.7rem, 3.1vw, 0.9rem);
    font-weight: 900;
}

.tik-home-category-copy small {
    margin-top: 3px;
    color: #53647a;
    font-family: Arial, sans-serif;
    font-size: clamp(0.58rem, 2.7vw, 0.74rem);
    font-weight: 500;
}

.tik-home-category-tile:hover,
.tik-home-category-tile:focus-visible {
    border-color: #bad6f6;
    box-shadow: 0 8px 22px rgba(30, 76, 126, 0.13);
    transform: translateY(-2px);
}

.tik-home-category-tile:active {
    transform: scale(0.98);
}

.tik-home-all-ads-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 56px;
    margin-top: 14px;
    padding: 10px 18px;
    border-radius: 17px;
    color: #fff;
    background: linear-gradient(135deg, var(--tik-home-blue), #1788f6);
    box-shadow: 0 8px 22px rgba(8, 107, 220, 0.22);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 800;
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.tik-home-all-ads-button i {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.17);
    font-size: 0.82rem;
}

.tik-home-all-ads-button:hover,
.tik-home-all-ads-button:focus-visible {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 11px 28px rgba(8, 107, 220, 0.28);
}

.tik-home-section {
    width: calc(100% - 16px);
    max-width: 1280px;
    margin: 14px auto 0;
    padding: 16px;
    border: 1px solid var(--tik-home-line);
    border-radius: var(--tik-home-radius);
    background: var(--tik-home-surface);
    box-shadow: 0 8px 28px rgba(28, 60, 96, 0.055);
}

.tik-home-section:not(.tik-home-banners):not(.tik-home-featured) {
    content-visibility: auto;
    contain-intrinsic-size: 520px;
}

.tik-home-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 14px;
}

.tik-home-section-heading h2 {
    margin: 3px 0 0;
    color: var(--tik-home-ink);
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.65;
}

.tik-home-kicker {
    display: block;
    color: var(--tik-home-blue);
    font-size: 0.68rem;
    font-weight: 700;
}

.tik-home-section-heading > a {
    flex: 0 0 auto;
    color: var(--tik-home-blue);
    text-decoration: none;
    font-size: 0.72rem;
    font-weight: 700;
}

.tik-home-heading-centered {
    justify-content: center;
    text-align: center;
}

/* بنرهای متحرک */
.tik-home-banner-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid #d7e4f2;
    border-radius: 10px;
    color: #42617f;
    background: #f7faff;
    font: inherit;
    font-size: 0.68rem;
    cursor: pointer;
}

.tik-home-banner-viewport {
    overflow: hidden;
    border-radius: 15px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}

.tik-home-banner-track {
    display: flex;
    direction: ltr;
    width: max-content;
    gap: 10px;
    will-change: transform;
    animation: tik-home-banner-flow var(--tik-banner-duration, 42s) linear infinite;
}

.tik-home-banner-set {
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
}

.tik-home-banners[data-paused="true"] .tik-home-banner-track,
.tik-home-banner-viewport:hover .tik-home-banner-track,
.tik-home-banner-viewport:focus-within .tik-home-banner-track {
    animation-play-state: paused;
}

.tik-home-banner-card {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: min(72vw, 290px);
    aspect-ratio: 16 / 10;
    overflow: hidden;
    border-radius: 15px;
    background: #edf3f9;
    text-decoration: none;
}

.tik-home-banner-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 260ms ease;
}

.tik-home-banner-card::after {
    content: '';
    position: absolute;
    inset: 42% 0 0;
    background: linear-gradient(0deg, rgba(5, 18, 36, 0.78), transparent);
}

.tik-home-banner-card > span {
    position: absolute;
    z-index: 1;
    right: 12px;
    bottom: 10px;
    left: 12px;
    overflow: hidden;
    color: #fff;
    font-size: 0.76rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tik-home-banner-card:hover img {
    transform: scale(1.035);
}

@keyframes tik-home-banner-flow {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(calc(-50% - 5px), 0, 0); }
}

/* فقط چیدمان کارت‌ها؛ ظاهر خود کارت‌ها در ماژول کارت باقی می‌ماند. */
.tik-homepage-listing-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

.tik-homepage-listing-item {
    min-width: 0;
}

/* فضای مفید بیشتر برای کارت‌های اصلی، بدون تغییر استایل خود کارت. */
.tik-home-section.tik-home-featured {
    padding: 5px;
}

.tik-home-featured .tik-home-section-heading {
    margin: 7px 5px 12px;
}

.tik-home-empty {
    margin: 0;
    padding: 28px 12px;
    color: var(--tik-home-muted);
    text-align: center;
    font-size: 0.82rem;
}

/* ویترین رندوم */
.tik-home-showcase-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: dense;
    gap: 9px;
}

.tik-home-showcase-item {
    position: relative;
    display: block;
    min-height: 128px;
    overflow: hidden;
    border-radius: 16px;
    background: #e9f1f9;
    text-decoration: none;
    transition: opacity 220ms ease, transform 220ms ease;
}

.tik-home-showcase-item.is-changing {
    opacity: 0.18;
    transform: scale(0.97);
}

.tik-home-showcase-item-1 {
    grid-column: 1 / -1;
    min-height: 200px;
}

.tik-home-showcase-item img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
    transition: transform 260ms ease;
}

.tik-home-showcase-shade {
    position: absolute;
    inset: 32% 0 0;
    background: linear-gradient(0deg, rgba(7, 24, 45, 0.86), transparent);
}

.tik-home-showcase-copy {
    position: absolute;
    z-index: 1;
    right: 11px;
    bottom: 10px;
    left: 11px;
    color: #fff;
}

.tik-home-showcase-copy small {
    display: block;
    margin-bottom: 3px;
    color: #dbeafe;
    font-size: 0.6rem;
}

.tik-home-showcase-copy strong {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tik-home-showcase-item:hover img {
    transform: scale(1.04);
}

/* امکانات */
.tik-home-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.tik-home-feature {
    margin: 0;
    padding: 14px 10px;
    border: 1px solid #e4ebf3;
    border-radius: 15px;
    background: #fbfdff;
    text-align: center;
}

.tik-home-feature > span {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    margin: 0 auto 9px;
    border-radius: 12px;
    color: var(--tik-home-blue);
    background: #eaf4ff;
    font-size: 0.95rem;
}

.tik-home-feature:nth-child(2) > span { color: #7c3aed; background: #f2ecff; }
.tik-home-feature:nth-child(3) > span { color: #e85d04; background: #fff2e7; }
.tik-home-feature:nth-child(4) > span { color: #0a9b68; background: #e8fbf4; }

.tik-home-feature h3 {
    margin: 0 0 5px;
    color: var(--tik-home-ink);
    font-size: 0.75rem;
    font-weight: 800;
}

.tik-home-feature p {
    margin: 0;
    color: var(--tik-home-copy);
    font-size: 0.66rem;
    line-height: 1.8;
}

/* FAQ */
.tik-home-faq-list {
    max-width: 820px;
    margin: 0 auto;
}

.tik-home-faq-item {
    margin-top: 8px;
    overflow: hidden;
    border: 1px solid #e1e8f1;
    border-radius: 14px;
    background: #fff;
}

.tik-home-faq-question::-webkit-details-marker {
    display: none;
}

.tik-home-faq-question::marker {
    content: '';
}

.tik-home-faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 48px;
    padding: 11px 13px;
    border: 0;
    color: var(--tik-home-ink);
    background: transparent;
    font: inherit;
    font-size: 0.76rem;
    font-weight: 700;
    text-align: right;
    cursor: pointer;
}

.tik-home-faq-question i {
    color: var(--tik-home-blue);
    transition: transform 180ms ease;
}

.tik-home-faq-item[open] .tik-home-faq-question i {
    transform: rotate(180deg);
}

.tik-home-faq-answer {
    padding: 0 13px 13px;
}

.tik-home-faq-answer[hidden] {
    display: none !important;
}

.tik-home-faq-answer p {
    margin: 0;
    color: var(--tik-home-copy);
    font-size: 0.72rem;
    line-height: 1.9;
}

/* CTA و مجوزها */
.tik-home-cta {
    display: grid;
    gap: 14px;
    background: linear-gradient(145deg, #eef7ff, #fffaf0);
}

.tik-home-cta-copy {
    text-align: center;
}

.tik-home-cta-copy h2 {
    margin: 5px 0 8px;
    color: var(--tik-home-ink);
    font-size: 1.1rem;
    font-weight: 900;
    line-height: 1.7;
}

.tik-home-cta-copy p {
    margin: 0 auto 14px;
    max-width: 620px;
    color: var(--tik-home-copy);
    font-size: 0.76rem;
    line-height: 1.9;
}

.tik-home-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 16px;
    border-radius: 13px;
    color: #fff;
    background: var(--tik-home-orange);
    box-shadow: 0 8px 20px rgba(255, 107, 0, 0.22);
    text-decoration: none;
    font-size: 0.76rem;
    font-weight: 800;
}

.tik-home-cta-button:hover,
.tik-home-cta-button:focus-visible {
    color: #fff;
}

.tik-home-trust-panel {
    display: grid;
    grid-template-columns: repeat(2, 84px);
    justify-content: center;
    gap: 10px;
}

.tik-home-trust-panel > a {
    display: grid;
    place-items: center;
    min-height: 84px;
    padding: 8px;
    border: 1px solid #dbe5ef;
    border-radius: 14px;
    background: #fff;
}

.tik-home-trust-panel img {
    display: block;
    width: 68px;
    height: 68px;
    object-fit: contain;
}

.tik-home-trust-panel p {
    grid-column: 1 / -1;
    margin: 2px 0 0;
    color: var(--tik-home-copy);
    font-size: 0.68rem;
    line-height: 1.9;
    text-align: center;
}

.tik-home-trust-panel p a {
    color: var(--tik-home-blue);
}

/* محتوای قابل فهم برای کاربر و موتور جست‌وجو */
.tik-home-seo-intro {
    max-width: 860px;
    margin: 0 auto 16px;
    text-align: center;
}

.tik-home-seo-intro h2 {
    margin: 5px 0 9px;
    color: var(--tik-home-ink);
    font-size: 1.08rem;
    font-weight: 900;
}

.tik-home-seo p {
    margin: 0;
    color: var(--tik-home-copy);
    font-size: 0.75rem;
    line-height: 2;
}

.tik-home-seo-grid {
    display: grid;
    gap: 10px;
}

.tik-home-seo-grid article {
    padding: 14px;
    border: 1px solid #e2eaf2;
    border-radius: 15px;
    background: #fbfdff;
}

.tik-home-seo-grid h3 {
    margin: 0 0 7px;
    color: #173d68;
    font-size: 0.82rem;
    font-weight: 800;
}

.tik-home-credit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid #e4ebf3;
    color: var(--tik-home-muted);
    font-size: 0.7rem;
}

.tik-home-credit a {
    color: var(--tik-home-blue);
    font-weight: 800;
    text-decoration: none;
}

@media (min-width: 560px) {
    .tik-home-category-nav {
        padding: 14px 16px 18px;
    }

    .tik-home-category-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
    }

    .tik-home-section {
        width: calc(100% - 28px);
        padding: 20px;
    }

    .tik-homepage-listing-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .tik-home-showcase-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tik-home-showcase-item-1 {
        grid-column: span 2;
        grid-row: span 2;
    }

    .tik-home-feature-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .tik-home-seo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 960px) {
    .tik-home-category-nav {
        padding: 18px 22px 22px;
    }

    .tik-home-category-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 13px;
    }

    .tik-home-category-tile {
        border-radius: 22px;
    }

    .tik-home-category-copy strong {
        font-size: 1rem;
    }

    .tik-home-category-copy small {
        font-size: 0.8rem;
    }

    .tik-home-all-ads-button {
        width: 260px;
        margin: 16px auto 0;
    }

    .tik-home-section {
        margin-top: 20px;
        padding: 24px;
        border-radius: 24px;
    }

    .tik-home-section-heading h2 {
        font-size: 1.3rem;
    }

    .tik-homepage-listing-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .tik-home-showcase-grid {
        grid-template-columns: 1.35fr repeat(3, 1fr);
        grid-template-rows: repeat(2, 180px);
    }

    .tik-home-showcase-item {
        min-height: 0;
    }

    .tik-home-showcase-item-1 {
        grid-column: auto;
        grid-row: 1 / 3;
    }

    .tik-home-showcase-item-6,
    .tik-home-showcase-item-7 {
        grid-column: span 1;
    }

    .tik-home-cta {
        grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.55fr);
        align-items: center;
    }

    .tik-home-cta-copy {
        text-align: right;
    }

    .tik-home-trust-panel {
        grid-template-columns: repeat(2, 100px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .tik-home-banner-track {
        animation: none;
    }

    .tik-home-category-tile,
    .tik-home-banner-card img,
    .tik-home-showcase-item img,
    .tik-home-showcase-item,
    .tik-home-faq-question i {
        transition: none;
    }
}

/* ویترین زنده نسخه ۵؛ بنر نسخه ۷ استایل مستقل دارد. */

.tik-live-showcase-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: dense;
    gap: 9px;
}

.tik-live-showcase-item {
    position: relative;
    display: block;
    min-height: 128px;
    overflow: hidden;
    border-radius: 16px;
    background: #e9f1f9;
    text-decoration: none;
    transition: opacity 240ms ease, transform 240ms ease, filter 240ms ease;
}

.tik-live-showcase-item-1 {
    grid-column: 1 / -1;
    min-height: 200px;
}

.tik-live-showcase-item.is-switching {
    opacity: 0.12;
    filter: blur(3px);
    transform: scale(0.965);
}

.tik-live-showcase-item img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
    transition: transform 260ms ease;
}

.tik-live-showcase-shade {
    position: absolute;
    inset: 32% 0 0;
    background: linear-gradient(0deg, rgba(7, 24, 45, 0.86), transparent);
}

.tik-live-showcase-copy {
    position: absolute;
    z-index: 1;
    right: 11px;
    bottom: 10px;
    left: 11px;
    color: #fff;
}

.tik-live-showcase-copy small {
    display: block;
    margin-bottom: 3px;
    color: #dbeafe;
    font-size: 0.6rem;
}

.tik-live-showcase-copy strong {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tik-live-showcase-item:hover img {
    transform: scale(1.04);
}

@media (min-width: 560px) {
    .tik-live-showcase-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tik-live-showcase-item-1 {
        grid-column: span 2;
        grid-row: span 2;
    }
}

@media (min-width: 960px) {
    .tik-live-marquee-viewport {
        min-height: 181px;
    }

    .tik-live-showcase-grid {
        grid-template-columns: 1.35fr repeat(3, 1fr);
        grid-template-rows: repeat(2, 180px);
    }

    .tik-live-showcase-item {
        min-height: 0;
    }

    .tik-live-showcase-item-1 {
        grid-column: auto;
        grid-row: 1 / 3;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tik-live-banner-card img,
    .tik-live-showcase-item,
    .tik-live-showcase-item img {
        transition: none;
    }
}

/** 100tik Banner Orbit v8 — equal-gap, endless positioning */
.tik-home-section.tik-v8-banners {
    content-visibility: visible;
    contain: none;
    overflow: hidden;
}

.tik-v8-all-banners {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 8px 13px;
    border: 1px solid #cfe1f5;
    border-radius: 12px;
    color: #086bdc;
    background: #f4f9ff;
    font-size: .72rem;
    font-weight: 800;
    text-decoration: none;
    transition: color 180ms ease, background 180ms ease, transform 180ms ease;
}

.tik-v8-all-banners:hover,
.tik-v8-all-banners:focus-visible {
    color: #fff;
    background: #086bdc;
    transform: translateY(-1px);
}

.tik-v8-orbit-viewport {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 17px;
    background: #eaf1f8;
    isolation: isolate;
}

.tik-v8-orbit-track {
    --tik-v8-gap: 12px;
    display: flex;
    align-items: stretch;
    width: max-content;
    gap: var(--tik-v8-gap);
    direction: ltr;
}

.tik-v8-banner-card {
    position: relative;
    display: block;
    flex: 0 0 68vw;
    width: 68vw;
    max-width: none;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    border-radius: 15px;
    background: #dce7f2;
    box-shadow: 0 5px 16px rgba(20, 53, 88, .12);
    text-decoration: none;
    transform: translateZ(0);
}

.tik-v8-banners.is-orbit-ready .tik-v8-orbit-track {
    position: relative;
    display: block;
    width: 100%;
    gap: 0;
}

.tik-v8-banners.is-orbit-ready .tik-v8-banner-card {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    will-change: transform;
}

.tik-v8-banner-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #dce7f2;
    transition: transform 260ms ease;
}

.tik-v8-banner-card::after {
    content: '';
    position: absolute;
    inset: 46% 0 0;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(4, 18, 36, .84), transparent);
}

.tik-v8-banner-card > span {
    position: absolute;
    z-index: 1;
    right: 12px;
    bottom: 10px;
    left: 12px;
    overflow: hidden;
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.7;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tik-v8-banner-card:hover img {
    transform: scale(1.035);
}

@media (min-width: 560px) {
    .tik-v8-banner-card {
        flex-basis: min(46vw, 300px);
        width: min(46vw, 300px);
    }
}

@media (min-width: 960px) {
    .tik-v8-banner-card {
        flex-basis: 300px;
        width: 300px;
    }
}

@media (max-width: 480px) {
    .tik-v8-all-banners {
        min-height: 36px;
        padding: 7px 9px;
        font-size: .64rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tik-v8-banner-card img,
    .tik-v8-all-banners {
        transition: none;
    }
}

/* 100tik v0.73 — homepage theme isolation + continuous banner conveyor */
html[data-theme="light"] body.fe-body,
html[data-theme="light"] body.fe-body .fe-main,
html[data-theme="light"] .tik-homepage-full{background:#f4f7fb!important;color:#10233f!important}

html[data-theme="dark"] body.fe-body,
html[data-theme="dark"] body.fe-body .fe-main,
html[data-theme="dark"] .tik-homepage-full{
  --home-blue:#72b4ff!important;
  --home-blue-strong:#9acaff!important;
  --home-ink:#f5f8fd!important;
  --home-copy:#b8c7d9!important;
  --home-line:#2a4161!important;
  --home-surface:#111f33!important;
  --home-canvas:#081321!important;
  background:#081321!important;
  color:#f5f8fd!important;
}
html[data-theme="dark"] .tik-homepage-full .tik-home-category-nav,
html[data-theme="dark"] .tik-homepage-full .tik-home-category-grid{background:transparent!important}
html[data-theme="dark"] .tik-homepage-full .tik-home-section,
html[data-theme="dark"] .tik-homepage-full .tik-home-category-tile,
html[data-theme="dark"] .tik-homepage-full .tik-home-ad-card,
html[data-theme="dark"] .tik-homepage-full .tik-home-faq-item,
html[data-theme="dark"] .tik-homepage-full .tik-home-feature,
html[data-theme="dark"] .tik-homepage-full .tik-home-trust-panel{
  background:#111f33!important;
  border-color:#2a4161!important;
  color:#f5f8fd!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .tik-homepage-full .tik-home-cta{
  background:linear-gradient(135deg,#142946,#111f33)!important;
}
html[data-theme="dark"] .tik-homepage-full :is(h1,h2,h3,strong,summary),
html[data-theme="dark"] .tik-homepage-full .tik-home-category-copy strong,
html[data-theme="dark"] .tik-homepage-full .tik-home-ad-copy h3 a{
  color:#f5f8fd!important;
}
html[data-theme="dark"] .tik-homepage-full :is(p,small,.tik-home-faq-answer),
html[data-theme="dark"] .tik-homepage-full .tik-home-category-copy small,
html[data-theme="dark"] .tik-homepage-full .tik-home-ad-copy p,
html[data-theme="dark"] .tik-homepage-full .tik-home-ad-copy footer{
  color:#b8c7d9!important;
}
html[data-theme="dark"] .tik-homepage-full .tik-home-ad-media,
html[data-theme="dark"] .tik-homepage-full .tik-v11-banner-viewport{
  background:#0b1829!important;
}
html[data-theme="dark"] .tik-homepage-full .tik-home-faq-item summary,
html[data-theme="dark"] .tik-homepage-full .tik-home-ad-copy footer{border-color:#2a4161!important}

/* v0.98.2 — gapless physical ribbon. The site may be RTL, the conveyor is explicitly LTR. */
.tik-homepage-full .tik-v11-banner-viewport{
  position:relative!important;
  width:100%!important;
  min-height:170px!important;
  overflow:hidden!important;
  contain:layout paint!important;
  direction:ltr!important;
  touch-action:pan-y!important;
  cursor:grab;
  -webkit-user-select:none;
  user-select:none;
  overscroll-behavior-inline:contain;
}
.tik-homepage-full .tik-v11-banner-track{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  direction:ltr!important;
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  animation:none!important;
  transition:none!important;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.tik-homepage-full .tik-v11-banner-card{
  display:block!important;
  flex:0 0 min(76vw,300px)!important;
  width:min(76vw,300px)!important;
  height:170px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border:1px solid var(--home-line)!important;
  border-radius:14px!important;
  background:#dce7f2!important;
  box-shadow:0 5px 16px rgba(20,53,88,.12)!important;
  -webkit-user-drag:none;
  user-drag:none;
}
.tik-homepage-full .tik-v11-banner-card img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  object-fit:cover!important;
  pointer-events:none;
  -webkit-user-drag:none;
  user-drag:none;
}
html[data-theme="dark"] .tik-homepage-full .tik-v11-banner-card{background:#162943!important;box-shadow:none!important}
.tik-homepage-full .tik-v11-banner-viewport.is-dragging{cursor:grabbing}
.tik-homepage-full .tik-v11-banner-viewport.is-dragging .tik-v11-banner-card{pointer-events:none}
.tik-homepage-full .tik-v11-banner-track.is-js-loop{animation:none!important;transition:none!important}
@media(min-width:560px){
  .tik-homepage-full .tik-v11-banner-viewport{min-height:188px!important}
  .tik-homepage-full .tik-v11-banner-card{flex-basis:300px!important;width:300px!important;height:188px!important}
}
@media(max-width:420px){
  .tik-homepage-full .tik-v11-banner-track{gap:8px!important}
  .tik-homepage-full .tik-v11-banner-card{flex-basis:72vw!important;width:72vw!important;max-width:286px!important}
}
@media(prefers-reduced-motion:reduce){.tik-homepage-full .tik-v11-banner-track{will-change:auto}}

/* 100tik v0.17 — strict legacy parity bridge. Original 100tik visual system is the source of truth. */
:root{
 --tik-blue:#0373ec;--tik-navy:#00244b;--tik-yellow:#ffd800;--tik-orange:#f97316;--tik-danger:#e53935;
 --tik-bg:#f5f7fb;--tik-surface:#fff;--tik-text:#0a1628;--tik-muted:#64748b;--tik-border:#e2e8f0;
 --tik-shadow:0 5px 20px rgba(0,36,75,.10);--tik-r:18px;
}
html[data-theme="dark"]{--tik-bg:#0b1320;--tik-surface:#121d2b;--tik-text:#f4f7fb;--tik-muted:#aeb9c8;--tik-border:#29384d;--tik-shadow:0 8px 30px rgba(0,0,0,.34)}
.tik100-strict-parity,.tik100-strict-parity button,.tik100-strict-parity input,.tik100-strict-parity textarea,.tik100-strict-parity select{font-family:'Estedad',Tahoma,Arial,sans-serif!important}
.tik100-strict-parity{background:var(--tik-bg);color:var(--tik-text)}
/* Keep original desktop/tablet/mobile split exactly around legacy 992px breakpoint. */
@media(min-width:992px){.tik100-header-mobile,.htk-footer-m,.tik100-mobile-nav,.mobile-menu-modal{display:none!important}.htk-header-d,.htk-footer-d{display:flex!important}}
@media(max-width:991.98px){.htk-header-d,.htk-footer-d{display:none!important}.tik100-header-mobile,.htk-footer-m,.tik100-mobile-nav{display:flex!important}}
/* Legacy header/footer theme adaptation without redesigning them. */
html[data-theme="dark"] .htk-header-d,html[data-theme="dark"] .tik100-header-mobile,html[data-theme="dark"] .htk-footer-d,html[data-theme="dark"] .htk-footer-m{filter:none;background-color:var(--tik-surface)!important;color:var(--tik-text)!important;border-color:var(--tik-border)!important}
html[data-theme="dark"] .htk-nav-btn,html[data-theme="dark"] .htk-city-btn,html[data-theme="dark"] .htk-wallet-box,html[data-theme="dark"] .tik100-mob-menu-trigger{color:var(--tik-text)!important}
/* Homepage: original sections/card geometry, only color tokens adapt to dark. */
html[data-theme="dark"] .tik-homepage-wrap,html[data-theme="dark"] .tik-home-section,html[data-theme="dark"] .tik-home-feature,html[data-theme="dark"] .tik-home-faq-item{color:var(--tik-text)}
html[data-theme="dark"] .tik-home-feature,html[data-theme="dark"] .tik-home-faq-item,html[data-theme="dark"] .tik-home-category-card,html[data-theme="dark"] .tik-homepage-listing-item{background:var(--tik-surface)!important;border-color:var(--tik-border)!important}
/* New listing markup bridged to the exact proportions of legacy all-listings. */
.fe-container{max-width:1400px!important;margin-inline:auto!important;padding-inline:20px!important}
.fe-section{margin-top:16px!important;margin-bottom:40px!important}
.fe-section-head{background:var(--tik-surface)!important;border:1px solid var(--tik-border)!important;border-radius:18px!important;box-shadow:var(--tik-shadow)!important;padding:16px 24px!important;margin-bottom:20px!important}
.fe-section-head h1{font-size:20px!important;font-weight:800!important;color:var(--tik-text)!important}
.fe-kicker{font-size:11px!important;color:#94a3b8!important}
.fe-search.compact{display:flex!important;gap:8px!important;min-width:min(100%,420px)!important}
.fe-search.compact input{height:42px!important;border:1px solid var(--tik-border)!important;border-radius:12px!important;background:var(--tik-surface)!important;color:var(--tik-text)!important;padding:0 14px!important;flex:1!important}
.fe-search.compact button{height:42px!important;border:0!important;border-radius:50px!important;background:linear-gradient(135deg,#0a1628,#1a3a6b)!important;color:#fff!important;padding:0 22px!important;font-weight:700!important}
.fe-filterbar{display:inline-flex!important;align-items:center!important;gap:8px!important;background:var(--tik-surface)!important;border:1px solid var(--tik-border)!important;border-radius:999px!important;padding:7px 14px!important;margin:0 0 18px!important}
.fe-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.fe-card{background:var(--tik-surface)!important;border:1px solid var(--tik-border)!important;border-radius:16px!important;box-shadow:0 2px 12px rgba(0,0,0,.06)!important;overflow:hidden!important;transition:.22s ease!important;color:var(--tik-text)!important}
.fe-card:hover{transform:translateY(-3px)!important;box-shadow:0 8px 32px rgba(0,0,0,.10)!important}
.fe-card img{aspect-ratio:4/3!important;width:100%!important;object-fit:cover!important;display:block!important}
.fe-card-body{padding:12px 14px 14px!important}.fe-card h3{font-size:14px!important;font-weight:800!important;line-height:1.8!important;margin:0 0 8px!important}.fe-card p,.fe-card-meta{font-size:11px!important;color:var(--tik-muted)!important}
.fe-pages{display:flex!important;justify-content:center!important;gap:7px!important;margin:24px 0!important}.fe-pages a{min-width:38px!important;height:38px!important;border-radius:11px!important;border:1px solid var(--tik-border)!important;background:var(--tik-surface)!important;color:var(--tik-text)!important;display:grid!important;place-items:center!important}.fe-pages a.active{background:#0d47a1!important;color:#fff!important;border-color:#0d47a1!important}
/* Single ad: preserve previous card/surface hierarchy and mobile-first layout. */
.fe-detail{max-width:1400px!important;margin:16px auto 60px!important;padding:0 20px!important}.fe-back{display:inline-flex!important;align-items:center!important;gap:8px!important;margin-bottom:14px!important;color:#0d47a1!important;font-weight:700!important}.fe-detail-grid{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;gap:20px!important;align-items:start!important}.fe-detail-grid>section{background:var(--tik-surface)!important;border:1px solid var(--tik-border)!important;border-radius:20px!important;box-shadow:var(--tik-shadow)!important;padding:16px!important}.fe-gallery-main{border-radius:16px!important;overflow:hidden!important;background:#edf2f7!important}.fe-gallery-main img{width:100%!important;aspect-ratio:4/3!important;object-fit:contain!important;display:block!important}.fe-thumbs{display:flex!important;gap:8px!important;overflow:auto!important;padding-top:10px!important}.fe-thumbs button{width:72px!important;min-width:72px!important;height:72px!important;padding:0!important;border:2px solid transparent!important;border-radius:11px!important;overflow:hidden!important;background:transparent!important}.fe-thumbs img{width:100%!important;height:100%!important;object-fit:cover!important}.fe-info h1{font-size:24px!important;line-height:1.75!important;color:var(--tik-text)!important}.fe-chip{display:inline-flex!important;padding:6px 12px!important;border-radius:999px!important;background:#e8f2ff!important;color:#0d47a1!important;font-size:11px!important;font-weight:800!important}.fe-meta{display:flex!important;gap:12px!important;flex-wrap:wrap!important;color:var(--tik-muted)!important;font-size:11px!important;margin:10px 0 16px!important}.fe-description{line-height:2.05!important;font-size:14px!important;color:var(--tik-text)!important}.tik-specs{margin-top:18px!important;border-top:1px solid var(--tik-border)!important;padding-top:16px!important}.tik-specs dl{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.tik-specs dl div{background:var(--tik-bg)!important;border-radius:12px!important;padding:10px 12px!important}.tik-specs dt{font-size:10px!important;color:var(--tik-muted)!important}.tik-specs dd{font-size:12px!important;font-weight:700!important;margin:4px 0 0!important}
/* Glass dashboard: use original GlassDashboard visual language as base. */
.g-dash.gd-app{max-width:1320px!important;margin:18px auto 90px!important;padding:16px!important;background:transparent!important;display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:14px!important}.g-dash .gd-side{background:linear-gradient(180deg,#0a1628,#103863)!important;border-radius:24px!important;padding:16px 12px!important;box-shadow:0 16px 40px rgba(10,22,40,.18)!important;position:sticky!important;top:16px!important;height:max-content!important}.g-dash .gd-side a{color:#fff!important}.g-dash .gd-side nav a{display:flex!important;align-items:center!important;gap:9px!important;padding:10px 11px!important;border-radius:12px!important;font-size:11px!important;margin:3px 0!important}.g-dash .gd-side nav a:hover{background:rgba(255,255,255,.10)!important}.g-dash .gd-main{min-width:0!important}.g-dash .gd-top,.g-dash .gd-panel,.g-dash .gd-quick{background:var(--tik-surface)!important;border:1px solid var(--tik-border)!important;border-radius:20px!important;box-shadow:var(--tik-shadow)!important}.g-dash .gd-top{padding:14px 18px!important;margin-bottom:14px!important}.g-dash .gd-grid-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.g-dash .gd-card{background:var(--tik-surface)!important;border:1px solid var(--tik-border)!important;border-radius:18px!important;box-shadow:0 4px 18px rgba(0,0,0,.06)!important;padding:15px!important;color:var(--tik-text)!important}.g-dash .gd-card .gd-icon{width:42px!important;height:42px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#eef5ff!important;color:#1268e8!important}.g-dash .gd-card strong{display:block!important;font-size:20px!important;margin:9px 0 2px!important}.g-dash .gd-card>span:last-child{font-size:10px!important;color:var(--tik-muted)!important}.g-dash .gd-content{padding:0!important}.g-dash .gd-quick{padding:14px!important;margin-top:12px!important}.g-dash .gd-quick-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.g-dash .gd-quick-grid a{min-height:84px!important;border-radius:15px!important;background:var(--tik-bg)!important;color:var(--tik-text)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:6px!important;font-size:10px!important}.g-dash .gd-panel{padding:14px!important;margin-top:12px!important}.g-dash table{width:100%!important;border-collapse:separate!important;border-spacing:0 6px!important}.g-dash th{font-size:9px!important;color:var(--tik-muted)!important;text-align:start!important;padding:8px!important}.g-dash td{background:var(--tik-bg)!important;padding:10px 8px!important;font-size:10px!important;color:var(--tik-text)!important}.g-dash td:first-child{border-radius:0 12px 12px 0!important}.g-dash td:last-child{border-radius:12px 0 0 12px!important}
html[dir="ltr"] .g-dash td:first-child{border-radius:12px 0 0 12px!important}html[dir="ltr"] .g-dash td:last-child{border-radius:0 12px 12px 0!important}
html[data-theme="dark"] .g-dash .gd-card .gd-icon{background:#173252!important;color:#69a9ff!important}
/* Forms stay functional but inherit old visual proportions. */
.tik-form-shell,.tik-form-card,.form-section{background:var(--tik-surface)!important;color:var(--tik-text)!important;border-color:var(--tik-border)!important}.tik100-strict-parity input,.tik100-strict-parity select,.tik100-strict-parity textarea{background:var(--tik-surface)!important;color:var(--tik-text)!important;border-color:var(--tik-border)!important}
@media(max-width:1100px){.fe-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.g-dash .gd-grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:991.98px){.fe-container,.fe-detail{padding-inline:12px!important}.fe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.fe-detail-grid{grid-template-columns:1fr!important}.g-dash.gd-app{display:block!important;padding:10px!important;margin-top:10px!important}.g-dash .gd-side{position:static!important;display:none!important}.g-dash .gd-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.g-dash .gd-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:560px){.fe-section-head{padding:13px!important;border-radius:16px!important}.fe-grid{grid-template-columns:1fr!important}.fe-card{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;min-height:118px!important}.fe-card img{height:100%!important;aspect-ratio:auto!important}.fe-detail{margin-top:12px!important;padding-inline:10px!important}.fe-detail-grid>section{padding:11px!important;border-radius:16px!important}.fe-info h1{font-size:19px!important}.tik-specs dl{grid-template-columns:1fr!important}.g-dash .gd-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.g-dash .gd-card{padding:11px!important}.g-dash .gd-card strong{font-size:17px!important}.g-dash .gd-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.g-dash .gd-top{padding:12px!important}}

:root{--tik-bg:#f4f7fb;--tik-surface:#fff;--tik-surface-2:#f8fafc;--tik-text:#172033;--tik-muted:#64748b;--tik-border:#dbe3ef;--tik-primary:#0674ec;--tik-primary-2:#6454ee;--tik-shadow:0 10px 30px rgba(15,23,42,.07);--tik-input:#f8fafc}
html[data-theme="dark"]{--tik-bg:#0d1320;--tik-surface:#151d2b;--tik-surface-2:#101827;--tik-text:#edf3fb;--tik-muted:#a8b4c7;--tik-border:#2b384d;--tik-primary:#4b91f7;--tik-primary-2:#7a68ff;--tik-shadow:0 14px 36px rgba(0,0,0,.28);--tik-input:#101827;color-scheme:dark}
html,body{font-family:Estedad,Arial,sans-serif!important;background:var(--tik-bg);color:var(--tik-text)}
body.fe-body{background:var(--tik-bg)!important;color:var(--tik-text)!important}
.tik100-strict-parity main,.tik-admin-legacy-wrap,.g-dash{color:var(--tik-text)}
/* Prevent legacy light-only surfaces from breaking dark mode */
html[data-theme="dark"] :is(.fe-panel,.tik-fin-card,.tik-form-section,.gd-panel,.office-form-box,.tik-bookmark-wrapper,.all-listing-wrapper,.tik-single-wrapper,.tik-admin-legacy-card,.g-nav,.g-head){background:var(--tik-surface)!important;color:var(--tik-text)!important;border-color:var(--tik-border)!important}
html[data-theme="dark"] :is(input,select,textarea,.city-search-input,.all-filter-input,.all-filter-select){background:var(--tik-input)!important;color:var(--tik-text)!important;border-color:var(--tik-border)!important}
html[data-theme="dark"] :is(label,small,.muted,.gd-panel small,.tik-help){color:var(--tik-muted)!important}
html[data-theme="dark"] table{color:var(--tik-text)}
html[data-theme="dark"] th,html[data-theme="dark"] td{border-color:var(--tik-border)!important}
/* Dashboard now lives inside the same public header/footer shell */
.g-dash{width:min(1230px,calc(100% - 28px));margin:26px auto 130px!important;background:transparent!important;min-height:0!important}
.g-dashboard-body{background:var(--tik-bg)!important}
.g-dash .g-head,.g-dash .g-nav{box-shadow:var(--tik-shadow)}
.tik-admin-legacy-wrap{width:min(1230px,calc(100% - 28px));margin:26px auto 130px}
.tik-admin-legacy-card{background:var(--tik-surface);border:1px solid var(--tik-border);border-radius:24px;padding:24px;box-shadow:var(--tik-shadow)}
/* Ad topic chooser — legacy visual parity, mobile first */
.tik-topic-page{padding-block:24px 120px}
.tik-topic-head{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#086fe9 0%,#3d65e3 52%,#7150e9 100%);color:#fff;border-radius:26px;padding:22px 26px;margin-bottom:18px;box-shadow:0 18px 42px rgba(33,84,188,.20);overflow:hidden;position:relative}.tik-topic-head:after{content:"";position:absolute;width:180px;height:180px;left:-50px;top:-100px;border-radius:50%;background:rgba(255,255,255,.12)}
.tik-topic-head h1{margin:0 0 4px;font-size:clamp(20px,3vw,30px);font-weight:950}.tik-topic-head p{margin:0;opacity:.9;font-size:12px}.tik-topic-icon{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border-radius:18px;background:rgba(255,255,255,.17);font-size:27px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.tik-topic-grid-visual{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tik-topic-card-visual{position:relative;isolation:isolate;display:block;min-height:190px;border:1px solid var(--tik-border);border-radius:23px;overflow:hidden;background:var(--tik-surface);color:#fff;text-decoration:none;box-shadow:var(--tik-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tik-topic-card-visual:hover{transform:translateY(-3px);border-color:#82b8ff;box-shadow:0 18px 38px rgba(31,75,134,.15)}
.tik-topic-media{position:absolute;inset:0;z-index:-3}.tik-topic-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.tik-topic-card-visual:hover .tik-topic-media img{transform:scale(1.045)}
.tik-topic-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(8,19,39,.02) 20%,rgba(7,19,39,.35) 53%,rgba(7,17,34,.90) 100%)}
.tik-topic-copy{position:absolute;right:15px;left:42px;bottom:14px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;text-shadow:0 2px 8px rgba(0,0,0,.35)}.tik-topic-copy strong{font-size:14px;font-weight:950;line-height:1.5}.tik-topic-copy small{grid-column:2;color:rgba(255,255,255,.82);font-size:9px;font-weight:650}.tik-topic-mini-icon{grid-row:1/3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#116bd3;text-shadow:none;box-shadow:0 7px 18px rgba(0,0,0,.14)}.tik-topic-mini-icon i{font-size:16px}.tik-topic-arrow{position:absolute;left:14px;bottom:25px;color:#fff;font-size:11px;opacity:.85}
html[data-theme="dark"] .tik-topic-card-visual{border-color:#324258;background:#101827}html[data-theme="dark"] .tik-topic-shade{background:linear-gradient(180deg,rgba(2,8,18,.08) 18%,rgba(3,11,23,.44) 52%,rgba(3,10,21,.94) 100%)}
@media(max-width:991px){.tik-topic-grid-visual{grid-template-columns:repeat(3,minmax(0,1fr))}.tik-topic-card-visual{min-height:175px}.tik-topic-head{border-radius:22px;padding:19px 20px}}
@media(max-width:700px){.tik-topic-page{padding-block:14px 105px}.tik-topic-grid-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tik-topic-card-visual{min-height:160px;border-radius:19px}.tik-topic-copy{right:11px;left:31px;bottom:11px;gap:2px 7px}.tik-topic-copy strong{font-size:12px}.tik-topic-copy small{font-size:8px}.tik-topic-mini-icon{width:34px;height:34px;border-radius:10px}.tik-topic-arrow{left:10px;bottom:23px}.tik-topic-head{align-items:flex-start}.tik-topic-icon{width:50px;height:50px;flex-basis:50px;border-radius:15px;font-size:22px}.tik-topic-head p{font-size:10px}}
@media(max-width:390px){.tik-topic-card-visual{min-height:148px}.tik-topic-copy small{display:none}.tik-topic-copy .tik-topic-mini-icon{grid-row:auto}.tik-topic-copy strong{align-self:center}.tik-topic-copy{grid-template-columns:auto 1fr}}
@media(prefers-reduced-motion:reduce){.tik-topic-card-visual,.tik-topic-media img{transition:none!important}.tik-topic-card-visual:hover{transform:none!important}}
/* Cart popup parity and fallback route */
.tik100-cart-modal[hidden]{display:none!important}.tik100-cart-modal{position:fixed!important;inset:0!important;z-index:100090!important;display:grid!important;place-items:center!important;padding:18px!important;background:transparent!important}.tik100-cart-backdrop{position:absolute;inset:0;border:0;background:rgba(8,18,34,.58);backdrop-filter:blur(6px);cursor:pointer}.tik100-cart-modal .banking-glass-card{position:relative;z-index:1;width:min(620px,100%);max-height:min(82vh,760px);overflow:auto;background:var(--tik-surface)!important;color:var(--tik-text)!important;border:1px solid var(--tik-border)!important;box-shadow:0 28px 80px rgba(0,0,0,.28)!important}.tik100-cart-modal .glass-header,.tik100-cart-modal .glass-footer{background:var(--tik-surface-2)!important;border-color:var(--tik-border)!important}.tik100-cart-modal .glass-cart-item{background:var(--tik-surface)!important;border-color:var(--tik-border)!important}.tik100-cart-modal .activity-type{color:var(--tik-muted)!important}.tik-modal-open{overflow:hidden}
/* Unified form/finance surfaces */
:is(.tik-finance,.tik-form-page,.fe-account){color:var(--tik-text)}
:is(.tik-fin-card,.tik-form-section,.fe-account-head,.fe-panel){background:var(--tik-surface)!important;border-color:var(--tik-border)!important;box-shadow:var(--tik-shadow)}
/* Keep bottom/footer navigation interactive above content */
.tik100-mobile-nav-wrapper{z-index:10020!important}.tik100-mobile-nav a,.tik100-mobile-nav button{pointer-events:auto!important}
@media(max-width:991px){.g-dash,.tik-admin-legacy-wrap{width:calc(100% - 18px);margin-top:14px;margin-bottom:105px}}
@media(max-width:520px){.tik-admin-legacy-card{padding:15px}}

/* ==============================================
   main-style.css - استایل یکپارچه 100tik Ads
   نسخه 10.1.1 - حذف تعریف‌های تکراری فونت و استفاده از Font Manager متمرکز
   ============================================== */

/* ==============================================
   ❌ حذف: تعریف @font-face تکراری
   ✅ فونت‌ها توسط Font Manager متمرکز بارگذاری می‌شوند
   ============================================== */
/* 
   @font-face { ... }  ❌ حذف شد (Estedad x3)
   @font-face { ... }  ❌ حذف شد (Font Awesome x3)
*/

/* ==============================================
   ❌ حذف: اعمال اجباری فونت روی آیکون‌ها
   ✅ توسط Font Manager انجام می‌شود
   ============================================== */
/*
   .fas, .fa-solid, .far, .fa-regular { ... }  ❌ حذف شد
   .fas, .fa-solid { ... }  ❌ حذف شد
   .far, .fa-regular { ... }  ❌ حذف شد
   .fab, .fa-brands { ... }  ❌ حذف شد
*/

/* ==============================================
   ✅ اعمال فونت Estedad روی کل سایت
   ============================================== */
body,
.tik-single-wrapper,
.tik-module-wrapper,
.tik-bookmark-wrapper,
.tik-news-module-wrapper {
    font-family: 'Estedad', 'IRANSans', 'Tahoma', sans-serif !important;
}

/* ==============================================
   صفحه تکی آگهی - کانتینر اصلی
   ============================================== */
.tik-single-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 30px 20px;
    font-family: 'Estedad', sans-serif;
    direction: rtl;
    background: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);
    min-height: 100vh;
}
.tik-single-grid {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 30px;
}
.tik-single-main, .tik-single-sidebar { min-width: 0; }

/* ==============================================
   کارت‌های شیشه‌ای (Glassmorphism)
   ============================================== */
.tik-glass-card {
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(16px);
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    margin-bottom: 24px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}
.tik-glass-card:hover {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}
.tik-card-header {
    padding: 18px 24px;
    background: rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.tik-card-header h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 10px;
}
.tik-card-header h3 i {
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.tik-card-body { padding: 20px 24px; }

/* ==============================================
   Breadcrumbs
   ============================================== */
.tik-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 0.7rem;
    color: #64748b;
    margin-bottom: 12px;
}
.tik-breadcrumb a {
    color: #3b82f6;
    text-decoration: none;
    transition: color 0.2s;
}
.tik-breadcrumb a:hover {
    color: #2563eb;
    text-decoration: underline;
}
.tik-breadcrumb i {
    font-size: 0.6rem;
    color: #94a3b8;
}

/* ==============================================
   عنوان آگهی (بزرگ و ضخیم - ریسپانسیو)
   ============================================== */
.tik-single-title {
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 16px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em !important;
}
@media (min-width: 768px) {
    .tik-single-title { font-size: 1.6rem !important; }
}
@media (min-width: 1024px) {
    .tik-single-title { font-size: 1.8rem !important; }
}

/* موضوع فعالیت - فاصله آیکن با متن بیشتر */
.tik-subject-activity {
    font-size: 0.85rem;
    color: #3b82f6;
    background: rgba(59, 130, 246, 0.1);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 16px;
    border-radius: 30px;
    margin: 6px 0 10px;
    font-weight: 500;
    backdrop-filter: blur(4px);
}

/* ==============================================
   چیپس دسته‌بندی
   ============================================== */
.tik-category-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}
.tik-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    background: rgba(241, 245, 249, 0.8);
    backdrop-filter: blur(4px);
    border-radius: 40px;
    font-size: 0.7rem;
    font-weight: 500;
    color: #334155;
}
.tik-chip-primary { background: #3b82f6; color: #fff; }
.tik-chip-vip { 
    background: linear-gradient(135deg, #fbbf24, #f59e0b); 
    color: #fff;
    animation: tik-vip-pulse 2s infinite;
    position: relative;
    overflow: hidden;
}
.tik-chip-vip::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    animation: tik-vip-shine 3s infinite;
}
.tik-chip-free { background: #10b981; color: #fff; }

@keyframes tik-vip-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.4); }
    50% { box-shadow: 0 0 0 8px rgba(245, 158, 11, 0); }
}
@keyframes tik-vip-shine {
    0% { left: -100%; }
    50% { left: 100%; }
    100% { left: 100%; }
}

/* ==============================================
   وضعیت آگهی (منقضی/در انتظار)
   ============================================== */
.tik-status-expired {
    background: #fef2f2;
    border-right: 4px solid #ef4444;
    padding: 10px 18px;
    border-radius: 18px;
    color: #dc2626;
    font-size: 0.8rem;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.tik-status-pending {
    background: #fffbeb;
    border-right: 4px solid #f59e0b;
    padding: 10px 18px;
    border-radius: 18px;
    color: #d97706;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

/* ==============================================
   هیرو سکشن (تصویر + اطلاعات اصلی)
   ============================================== */
.tik-hero-container {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 28px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(16px);
    border-radius: 32px;
    padding: 24px;
    margin-bottom: 24px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
}
.tik-featured-img {
    position: relative;
    aspect-ratio: 1/1;
    border-radius: 28px;
    overflow: hidden;
    cursor: pointer;
    background: #f1f5f9;
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.15);
}
.tik-featured-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}
.tik-featured-img:hover img { transform: scale(1.06); }
.tik-img-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
    backdrop-filter: blur(3px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s;
}
.tik-featured-img:hover .tik-img-overlay { opacity: 1; }
.tik-img-overlay i {
    background: rgba(255, 255, 255, 0.95);
    padding: 16px;
    border-radius: 50%;
    font-size: 22px;
    color: #1e293b;
    transform: scale(0.8);
    transition: transform 0.3s ease;
}
.tik-featured-img:hover .tik-img-overlay i { transform: scale(1); }
.tik-vip-badge {
    position: absolute;
    top: 16px;
    right: 16px;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: #fff;
    padding: 6px 18px;
    border-radius: 40px;
    font-size: 0.7rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 2;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* استاتس بج - فاصله عمودی کمتر */
.tik-stats-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0;
}
.tik-stat-badge {
    background: rgba(248, 250, 252, 0.8);
    backdrop-filter: blur(4px);
    padding: 5px 14px;
    border-radius: 40px;
    font-size: 0.7rem;
    color: #475569;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* ==============================================
   📌 استایل یکپارچه دکمه‌های عملیاتی - مینیمال
   (ویرایش، حذف، ذخیره، ارتقا)
   ============================================== */
.tik-hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

/* کلاس پایه مشترک برای همه ۴ دکمه - مینیمال */
.tik-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    
    /* سایز مینیمال */
    padding: 6px 14px;
    font-size: 0.72rem;
    font-weight: 500;
    font-family: 'Estedad', sans-serif;
    line-height: 1.3;
    
    /* ظاهر */
    border-radius: 30px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    
    /* انیمیشن */
    transition: all 0.25s ease;
    
    /* عرض یکسان برای همه */
    flex: 0 0 auto;
    min-width: 105px;
    white-space: nowrap;
    
    /* حذف استایل‌های پیش‌فرض */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

/* رنگ‌های اختصاصی */
.tik-action-btn.edit-btn {
    background: #42a5f5;
}
.tik-action-btn.delete-btn {
    background: #ef5350;
}
.tik-action-btn.save-btn {
    background: #66bb6a;
    min-width: 105px !important;
}
.tik-action-btn.upgrade-btn {
    background: #ff7043;
}

/* حالت ذخیره شده */
.tik-action-btn.save-btn.saved {
    background: #43a047;
}

/* ==============================================
   🔧 Hover - بدون مشکل سفید شدن
   ============================================== */
.tik-action-btn:hover,
.tik-action-btn:focus,
.tik-action-btn:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    color: #fff !important;
    text-decoration: none;
    filter: brightness(1.1);
}

/* هشدار زیر دکمه ذخیره */
.tik-save-warning {
    font-size: 0.7rem;
    color: #64748b;
    text-align: center;
    background: rgba(248, 250, 252, 0.8);
    padding: 5px 12px;
    border-radius: 20px;
    margin-top: 8px;
    display: inline-block;
    width: auto;
}

/* ==============================================
   📱 ریسپانسیو دکمه‌ها
   ============================================== */
@media (max-width: 768px) {
    .tik-hero-actions {
        gap: 6px;
    }
    .tik-action-btn {
        flex: 0 0 calc(50% - 3px);
        min-width: 0;
        max-width: calc(50% - 3px);
        padding: 6px 10px;
        font-size: 0.7rem;
        gap: 4px;
    }
}

@media (max-width: 380px) {
    .tik-action-btn {
        padding: 5px 8px;
        font-size: 0.68rem;
    }
}

/* ==============================================
   متن آگهی
   ============================================== */
.tik-content-body {
    line-height: 1.9;
    color: #334155;
    font-size: 0.95rem;
    text-align: justify;
}

/* ==============================================
   گالری تصاویر (اسلایدر + لایت‌باکس)
   ============================================== */
.tik-gallery-slider { position: relative; }
.tik-slider-main {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    background: #0f172a;
    border-radius: 20px;
    overflow: hidden;
}
.tik-slider-main img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
}
.tik-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.2s;
}
.tik-slider-arrow:hover {
    background: #fff;
    transform: translateY(-50%) scale(1.05);
}
.tik-slider-prev { left: 16px; }
.tik-slider-next { right: 16px; }
.tik-slider-counter {
    position: absolute;
    bottom: 16px;
    right: 16px;
    background: rgba(0,0,0,0.6);
    padding: 4px 12px;
    border-radius: 30px;
    color: #fff;
    font-size: 0.7rem;
    z-index: 10;
}
.tik-slider-thumbs {
    display: flex;
    gap: 10px;
    margin-top: 16px;
    overflow-x: auto;
    scrollbar-width: thin;
}
.tik-slider-thumb {
    width: 70px;
    height: 70px;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.6;
    border: 2px solid transparent;
    flex-shrink: 0;
    transition: all 0.2s;
}
.tik-slider-thumb:hover { opacity: 0.8; }
.tik-slider-thumb.active { opacity: 1; border-color: #3b82f6; }
.tik-slider-thumb img { width: 100%; height: 100%; object-fit: cover; }

/* ==============================================
   ویدئو (آپارات)
   ============================================== */
.tik-video-wrapper {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    background: #000;
}
.tik-video-wrapper iframe {
    width: 100%;
    aspect-ratio: 16/9;
    border: 0;
}

/* ==============================================
   نقشه (Neshan)
   ============================================== */
.tik-map-container {
    height: 260px;
    border-radius: 20px;
    overflow: hidden;
    background: #f1f5f9;
    margin-top: 12px;
}
.tik-map-address {
    background: rgba(248,250,252,0.8);
    padding: 12px 18px;
    border-radius: 18px;
    margin-bottom: 16px;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 10px;
}
.tik-map-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid rgba(0,0,0,0.05);
    font-size: 0.8rem;
    color: #475569;
}

/* ==============================================
   دکمه‌های تماس
   ============================================== */
.tik-contact-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.tik-contact-item {
    padding: 12px 16px;
    background: rgba(248,250,252,0.7);
    border-radius: 28px;
    border: 1px solid rgba(0,0,0,0.03);
}
.tik-contact-item:hover {
    transform: translateY(-3px);
    background: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    border-color: rgba(59, 130, 246, 0.2);
}
.tik-contact-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.tik-contact-icon i { font-size: 1.2rem; }
.tik-contact-label { font-size: 0.8rem; font-weight: 500; color: #1e293b; }
.tik-contact-phone .tik-contact-icon { background: #dcfce7; }
.tik-contact-phone .tik-contact-icon i { color: #16a34a; }
.tik-contact-whatsapp .tik-contact-icon { background: #dcfce7; }
.tik-contact-whatsapp .tik-contact-icon i { color: #25D366; }
.tik-contact-telegram .tik-contact-icon { background: #e0f2fe; }
.tik-contact-telegram .tik-contact-icon i { color: #0284c7; }
.tik-contact-instagram .tik-contact-icon { background: #fce7f3; }
.tik-contact-instagram .tik-contact-icon i { color: #db2777; }
.tik-contact-website .tik-contact-icon { background: #e0f2fe; }
.tik-contact-website .tik-contact-icon i { color: #0891b2; }

/* ==============================================
   اشتراک‌گذاری + QR Code (بدون سایه و باکس)
   ============================================== */
.tik-share-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}
.tik-share-btn {
    justify-content: center;
    font-size: 0.7rem;
    padding: 8px 12px;
    border-radius: 50px;
}
.tik-share-whatsapp { background: linear-gradient(135deg, #25D366, #128C7E); color: #fff; }
.tik-share-telegram { background: linear-gradient(135deg, #0088cc, #004c6e); color: #fff; }
.tik-share-bale { background: linear-gradient(135deg, #7c3aed, #5b21b6); color: #fff; }
.tik-share-eitaa { background: linear-gradient(135deg, #2b9348, #1a7431); color: #fff; }
.tik-share-email { background: linear-gradient(135deg, #64748b, #475569); color: #fff; }
.tik-share-copy { background: linear-gradient(135deg, #e2e8f0, #cbd5e1); color: #1e293b; }
.tik-share-copy:hover { background: linear-gradient(135deg, #3b82f6, #2563eb) !important; color: #fff !important; }

/* QR Code - بدون سایه و باکس */
.tik-qr-code {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}
.tik-qr-code img {
    width: 120px;
    height: 120px;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: none;
}
.tik-qr-scan-text {
    font-size: 0.7rem;
    color: #94a3b8;
    margin-top: 6px;
}
.tik-qr-placeholder {
    cursor: pointer;
    text-align: center;
}
.tik-qr-placeholder i {
    font-size: 48px;
    color: #3b82f6;
    transition: transform 0.2s;
}
.tik-qr-placeholder i:hover {
    transform: scale(1.05);
}

/* ==============================================
   آمار بازدید (نمودار)
   ============================================== */
.tik-stats-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 20px;
}
.tik-stats-mini-card {
    text-align: center;
    padding: 14px;
    background: rgba(248,250,252,0.6);
    backdrop-filter: blur(4px);
    border-radius: 20px;
    transition: all 0.2s;
}
.tik-stats-mini-card:hover {
    background: rgba(255,255,255,0.9);
    transform: translateY(-2px);
}
.tik-stats-mini-label {
    font-size: 0.7rem;
    color: #64748b;
    margin-bottom: 6px;
}
.tik-stats-mini-value {
    font-size: 1.3rem;
    font-weight: 700;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.tik-chart-wrapper {
    height: 180px;
    position: relative;
}

/* ==============================================
   آگهی‌دهنده
   ============================================== */
.tik-advertiser-box {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-radius: 24px;
}
.tik-advertiser-box i {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    border-radius: 50%;
    color: #fff;
}

/* ==============================================
   هشدار پلیس (امنیت)
   ============================================== */
.tik-police-warning {
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, #fefce8, #fef9c3);
    border-right: 5px solid #eab308;
    padding: 16px 22px;
    border-radius: 28px;
    margin-bottom: 24px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #545454;
}
.tik-police-warning i {
    font-size: 1.4rem;
    color: #eab308;
}
.tik-police-warning p {
    margin: 0;
    line-height: 1.6;
}

/* ==============================================
   آگهی‌های قبلی و بعدی
   ============================================== */
.tik-prev-next-ads {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.tik-prev-link, .tik-next-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    text-decoration: none;
    background: rgba(248, 250, 252, 0.9);
    padding: 12px 16px;
    border-radius: 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(0,0,0,0.05);
}
.tik-prev-link:hover, .tik-next-link:hover {
    background: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    border-color: rgba(59, 130, 246, 0.3);
}
.tik-prev-link:hover { transform: translateX(-3px); }
.tik-next-link:hover { transform: translateX(3px); }
.tik-prev-next-content {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}
.tik-prev-next-thumb {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
}
.tik-prev-next-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tik-prev-next-no-thumb {
    width: 50px;
    height: 50px;
    background: #e2e8f0;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    flex-shrink: 0;
}
.tik-prev-next-info {
    flex: 1;
}
.tik-prev-next-label {
    font-size: 0.65rem;
    color: #64748b;
    display: block;
}
.tik-prev-next-title {
    font-size: 0.75rem;
    font-weight: 600;
    color: #1e293b;
    display: block;
    line-height: 1.4;
}
.tik-prev-next-arrow {
    color: #3b82f6;
    flex-shrink: 0;
}
.tik-next-link .tik-prev-next-content {
    flex-direction: row-reverse;
}

/* ==============================================
   آگهی‌های مرتبط
   ============================================== */
.tik-related-section {
    margin-top: 24px;
}
.tik-related-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.tik-related-card-wrapper {
    padding: 0;
    height: 100%;
}
.tik-related-card-wrapper .tik-card,
.tik-related-card-wrapper .sd-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* ==============================================
   صفحه اصلی - بنر اسکرولر
   ============================================== */
.tik-section-header-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    color: #fff;
    padding: 15px 25px;
    border-radius: 16px;
    margin-bottom: 20px;
    margin-top: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
}
.tik-section-header-bar .tik-header-icon {
    font-size: 18px;
    line-height: 1;
    flex-shrink: 0;
    color: #fff;
}
.tik-section-header-bar .tik-bolt-icon {
    color: #FFD600;
    filter: drop-shadow(0 0 5px rgba(255,214,0,0.8));
}
.tik-section-header-text {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
.tik-banner-header-bar {
    background: linear-gradient(135deg, #0D47A1 0%, #1565C0 60%, #1E88E5 100%);
}
.tik-featured-header-bar {
    background: linear-gradient(135deg, #1565C0 0%, #1976D2 60%, #29B6F6 100%);
    margin-top: 18px;
    margin-bottom: 14px;
}

.tik-banner-scroller {
    display: flex;
    gap: 15px;
    overflow-x: auto;
    padding: 10px 0 20px 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
}
.tik-banner-scroller::-webkit-scrollbar { display: none; }
.tik-banner-scroller.active { cursor: grabbing; }
.tik-banner-item {
    flex-shrink: 0;
    width: 280px;
    height: 180px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tik-banner-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}
.tik-banner-bg-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
}
.tik-banner-item:hover .tik-banner-bg-div { transform: scale(1.05); }
.tik-banner-overlay-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 60%);
    pointer-events: none;
}
.tik-banner-title-badge {
    position: absolute;
    bottom: 10px;
    right: 12px;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    text-shadow: 0 1px 4px rgba(0,0,0,0.7);
    max-width: 90%;
    line-height: 1.4;
}
@media (max-width: 768px) {
    .tik-banner-item { width: 85%; }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .tik-banner-item { width: calc(33.333% - 10px); }
}
@media (min-width: 1200px) {
    .tik-banner-item { width: calc(20% - 12px); }
}

/* ==============================================
   دکمه برگشت به بالا (Back To Top)
   ============================================== */
.tik-back-to-top {
    position: fixed;
    bottom: 25px;
    left: 25px;
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, rgba(21, 101, 192, 0.7) 0%, rgba(25, 118, 210, 0.3) 100%);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    z-index: 99999;
}
.tik-back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.tik-back-to-top:hover {
    background: linear-gradient(135deg, rgba(21, 101, 192, 0.9) 0%, rgba(25, 118, 210, 0.5) 100%);
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 6px 20px rgba(21, 101, 192, 0.4);
}
@media (max-width: 768px) {
    .tik-back-to-top {
        bottom: 85px;
        left: 20px;
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
}

/* ==============================================
   صفحه آگهی‌های ذخیره شده (بوکمارک)
   ============================================== */
.tik-bookmark-wrapper {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
    font-family: 'Estedad', sans-serif;
    direction: rtl;
}
.tik-bookmark-header {
    text-align: center;
    margin-bottom: 40px;
}
.tik-bookmark-header h1 {
    font-size: 2rem;
    color: #1e293b;
    margin-bottom: 10px;
}
.tik-bookmark-header h1 i {
    color: #3b82f6;
    margin-left: 10px;
}
.tik-bookmark-header p {
    color: #64748b;
    font-size: 0.9rem;
}
.tik-bookmark-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 25px;
}
.tik-bookmark-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    border: 1px solid #eef2f6;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.tik-bookmark-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 30px -10px rgba(0,0,0,0.15);
}
.tik-bookmark-img {
    aspect-ratio: 16/9;
    overflow: hidden;
    background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
}
.tik-bookmark-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}
.tik-bookmark-card:hover .tik-bookmark-img img {
    transform: scale(1.05);
}
.tik-bookmark-no-img {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tik-bookmark-no-img i {
    font-size: 48px;
    color: #94a3b8;
}
.tik-bookmark-content {
    padding: 18px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.tik-bookmark-content h3 {
    margin: 0 0 10px;
    font-size: 1.1rem;
    line-height: 1.4;
}
.tik-bookmark-content h3 a {
    color: #0f172a;
    text-decoration: none;
    transition: color 0.2s;
}
.tik-bookmark-content h3 a:hover {
    color: #3b82f6;
}
.tik-bookmark-meta {
    display: flex;
    gap: 15px;
    font-size: 0.75rem;
    color: #64748b;
    margin-bottom: 12px;
}
.tik-bookmark-meta i {
    margin-left: 4px;
}
.tik-bookmark-price {
    font-size: 0.85rem;
    font-weight: 600;
    color: #10b981;
    background: #ecfdf5;
    padding: 6px 12px;
    border-radius: 30px;
    display: inline-block;
    width: fit-content;
    margin-bottom: 15px;
}
.tik-bookmark-price i {
    margin-left: 5px;
}
.tik-bookmark-remove {
    background: #fef2f2;
    border: 1px solid #fee2e2;
    color: #dc2626;
    padding: 8px 15px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 500;
    transition: all 0.2s;
    margin-top: auto;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.tik-bookmark-remove:hover {
    background: #fee2e2;
    transform: translateY(-2px);
}
.tik-bookmark-empty, .tik-bookmark-login-required {
    text-align: center;
    padding: 60px 20px;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}
.tik-bookmark-empty i, .tik-bookmark-login-required i {
    font-size: 64px;
    color: #cbd5e1;
    margin-bottom: 20px;
}
.tik-bookmark-empty h3, .tik-bookmark-login-required h3 {
    color: #1e293b;
    margin-bottom: 10px;
}
.tik-bookmark-login-btn, .tik-bookmark-shop-btn {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 30px;
    background: #3b82f6;
    color: #fff;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s;
}
.tik-bookmark-login-btn:hover, .tik-bookmark-shop-btn:hover {
    background: #2563eb;
    transform: translateY(-2px);
}
.tik-bookmark-expired-warning {
    background: #fefce8;
    border-right: 4px solid #eab308;
    padding: 15px 20px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 30px;
}
.tik-bookmark-expired-warning i {
    font-size: 24px;
    color: #eab308;
}
@media (max-width: 768px) {
    .tik-bookmark-grid {
        grid-template-columns: 1fr;
    }
    .tik-bookmark-header h1 {
        font-size: 1.5rem;
    }
}

/* ==============================================
   ریسپانسیو کلی (Responsive)
   ============================================== */
@media (max-width: 1024px) {
    .tik-single-grid {
        grid-template-columns: 1fr 320px;
        gap: 20px;
    }
    .tik-hero-container {
        grid-template-columns: 260px 1fr;
        gap: 20px;
        padding: 20px;
    }
    .tik-related-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .tik-single-wrapper {
        padding: 15px;
    }
    .tik-single-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .tik-hero-container {
        grid-template-columns: 1fr;
    }
    .tik-chip {
        padding: 4px 12px;
        font-size: 0.65rem;
    }
    .tik-contact-grid {
        grid-template-columns: 1fr;
    }
    .tik-related-grid {
        grid-template-columns: 1fr;
    }
    .tik-stats-mini-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .tik-prev-next-ads {
        flex-direction: column;
    }
    .tik-share-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .tik-section-header-bar {
        padding: 12px 18px;
    }
    .tik-section-header-text {
        font-size: 14px;
    }
    .tik-save-warning {
        font-size: 0.65rem;
    }
}

@media (max-width: 480px) {
    .tik-share-grid {
        grid-template-columns: 1fr;
    }
}
/* ============================================================
   Listing pages — فاصله استاندارد محتوا از هدر سایت
   Mobile First: فقط فاصله بالا، بدون تغییر فاصله افقی/پایین
   ============================================================ */
.jobs-app,
.estate-app,
.vehicles-app,
.electronic-app,
.medicine-app,
.home-app,
.leisure-app,
.industry-app,
.personal-app,
.employment-app,
.insta-listing-wrapper,
.banner-listing-wrapper,
.tik-module-wrapper {
    margin-top: 12px;
}

@media (min-width: 768px) {
    .jobs-app,
    .estate-app,
    .vehicles-app,
    .electronic-app,
    .medicine-app,
    .home-app,
    .leisure-app,
    .industry-app,
    .personal-app,
    .employment-app,
    .insta-listing-wrapper,
    .banner-listing-wrapper,
    .tik-module-wrapper {
        margin-top: 14px;
    }
}

@media (min-width: 1024px) {
    .jobs-app,
    .estate-app,
    .vehicles-app,
    .electronic-app,
    .medicine-app,
    .home-app,
    .leisure-app,
    .industry-app,
    .personal-app,
    .employment-app,
    .insta-listing-wrapper,
    .banner-listing-wrapper,
    .tik-module-wrapper {
        margin-top: 16px;
    }
}

/* 100tik v0.23 strict parity bridge
   Old 100tik is the visual/functional source of truth. This file only adds
   language direction + light/dark compatibility and native-core bridges. */
:root{
  --tik-bg:#f4f7fb;--tik-surface:#fff;--tik-surface-2:#f8fafc;--tik-text:#172033;--tik-muted:#65758b;
  --tik-line:#e1e8f2;--tik-blue:#0373EC;--tik-navy:#0d2e5e;--tik-yellow:#FFB700;--tik-shadow:0 10px 30px rgba(13,46,94,.08)
}
html[data-theme="dark"]{
  --tik-bg:#0d131f;--tik-surface:#151e2d;--tik-surface-2:#1b2638;--tik-text:#f5f8ff;--tik-muted:#a9b6c9;
  --tik-line:#2b3950;--tik-navy:#dbeafe;--tik-shadow:0 12px 32px rgba(0,0,0,.28)
}
html,body{font-family:'Estedad',system-ui,sans-serif!important;background:var(--tik-bg);color:var(--tik-text)}
button,input,select,textarea{font:inherit}
.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands{font-style:normal}
[hidden]{display:none!important}

/* Desktop list popup: same old module, native modal mechanics */
.tik100-modal{position:fixed;inset:0;z-index:100060;display:flex;align-items:center;justify-content:center;padding:18px}
.tik100-v23-backdrop{position:absolute;inset:0;border:0;background:rgba(1,18,39,.58);backdrop-filter:blur(8px);cursor:pointer}
.tik100-modal .list-popup-content{position:relative;z-index:1;max-height:min(88vh,760px);overflow:auto}
html[data-theme="dark"] .tik100-modal .list-popup-content{background:#141e2d!important;border-color:#2e3d55!important;color:#f6f8fc!important}
html[data-theme="dark"] .tik100-modal .grid-item{background:#192538!important;border-color:#2e3d55!important;color:#f6f8fc!important}
html[data-theme="dark"] .tik100-modal .grid-item .title-fa,
html[data-theme="dark"] .tik100-modal .grid-item .title-en{color:#edf4ff!important}
html[data-theme="dark"] .tik100-modal .list-popup-footer{border-color:#2e3d55!important}
html[dir="ltr"] .tik100-modal{direction:ltr}
html[dir="ltr"] .tik100-modal .titles-wrapper,html[dir="ltr"] .tik100-modal .text-wrap{text-align:left}

/* Search/city modals: do not invent a second design; theme the old CSS */
html[data-theme="dark"] #search_modal .search-modal-content,
html[data-theme="dark"] #city_modal .city-modal-content,
html[data-theme="dark"] .tik-search-modal-content,
html[data-theme="dark"] .tik-city-modal-content{background:#151e2d!important;color:#f5f8ff!important;border-color:#2b3950!important}
html[data-theme="dark"] #search_modal input,html[data-theme="dark"] #search_modal select,
html[data-theme="dark"] #city_modal input,html[data-theme="dark"] #city_modal select{background:#0f1724!important;color:#f5f8ff!important;border-color:#34445e!important}

/* Exact old auth CSS is loaded separately; only language/theme overlays here */
.c100tik-page{padding:1px 0 60px;min-height:60vh}
html[dir="ltr"] .c100tik-wrapper{direction:ltr}
html[dir="ltr"] .c100tik-group label{text-align:left}
html[dir="ltr"] .c100tik-input-wrapper .c100tik-toggle-pass{left:auto;right:8px}
html[data-theme="dark"] .c100tik-wrapper{background:#151e2d!important;box-shadow:0 16px 44px rgba(0,0,0,.35)!important}
html[data-theme="dark"] .c100tik-tabs,html[data-theme="dark"] .c100tik-tab,html[data-theme="dark"] .c100tik-content{background:#151e2d!important;border-color:#2b3950!important;color:#aebbd0!important}
html[data-theme="dark"] .c100tik-tab.active{color:#60a5fa!important;background:linear-gradient(to bottom,#172235,#101a29)!important}
html[data-theme="dark"] .c100tik-group label,html[data-theme="dark"] .c100tik-links button{color:#dce6f5!important}
html[data-theme="dark"] .c100tik-group input,html[data-theme="dark"] .otp-input{background:#0f1724!important;color:#f8fafc!important;border-color:#34445e!important;-webkit-text-fill-color:#f8fafc!important}
.c100tik-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.c100tik-toggle-pass{border:0;background:transparent;cursor:pointer;color:#64748b}
.c100tik-links button{background:none;border:0;color:#2563eb;cursor:pointer;font-weight:700}
.c100tik-global-msg{margin:0 0 14px;padding:10px 12px;border-radius:12px;font-size:13px}
.c100tik-global-msg.error{background:#fee2e2;color:#991b1b}.c100tik-global-msg.success{background:#dcfce7;color:#166534}
.c100tik-debug{margin:10px 0;background:#fff7d6;border:1px dashed #f59e0b;border-radius:10px;padding:8px;text-align:center;color:#92400e}
@media(max-width:520px){.c100tik-grid-two{grid-template-columns:1fr}}

/* Native static pages use the old 100tik visual language */
.tik-v23-content-page{max-width:1180px;margin:22px auto 120px;padding:0 16px;font-family:'Estedad',sans-serif}
.tik-v23-content-hero{display:flex;align-items:center;gap:18px;padding:28px;border-radius:24px;background:var(--tik-surface);border:1px solid var(--tik-line);box-shadow:var(--tik-shadow)}
.tik-v23-content-icon{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#0373EC,#635bdf);color:#fff;font-size:27px;flex:0 0 auto}
.tik-v23-content-hero h1{margin:0 0 8px;color:var(--tik-navy);font-size:clamp(1.5rem,3vw,2.25rem)}
.tik-v23-content-hero p{margin:0;color:var(--tik-muted);line-height:2}
.tik-v23-content-card{margin-top:18px;padding:28px;background:var(--tik-surface);border:1px solid var(--tik-line);border-radius:24px;box-shadow:var(--tik-shadow);line-height:2}
.tik-v23-content-card h2,.tik-v23-content-card h3{color:var(--tik-navy)}
.tik-v23-content-card p,.tik-v23-content-card li{color:var(--tik-muted)}
.tik-v23-feature-grid,.tik-v23-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.tik-v23-feature,.tik-v23-contact-grid a{padding:18px;border:1px solid var(--tik-line);border-radius:16px;background:var(--tik-surface-2);color:var(--tik-text);text-decoration:none;display:flex;gap:10px;align-items:center}
.tik-v23-contact-form{display:grid;gap:12px;margin-top:22px}.tik-v23-contact-form input,.tik-v23-contact-form textarea{width:100%;background:var(--tik-surface-2);color:var(--tik-text);border:1px solid var(--tik-line);border-radius:13px;padding:12px}.tik-v23-contact-form button{border:0;border-radius:13px;background:#0373EC;color:white;padding:12px 20px;font-weight:800;cursor:pointer}
@media(max-width:780px){.tik-v23-feature-grid,.tik-v23-contact-grid{grid-template-columns:1fr}.tik-v23-content-hero{align-items:flex-start}}

/* Special listing parity. Actual old module CSS does most of the work. */
.tik-v23-special{margin-bottom:120px}
.tik-v23-special-city{border:0;background:#0d47a1;color:#fff;border-radius:50px;padding:9px 18px;font-weight:700;cursor:pointer}
.banner-listing-grid .sd_100tik_banner_card .banner-card-link{display:block;width:100%;height:100%;text-decoration:none}
.banner-listing-grid .sd_100tik_banner_card .banner-card-wrapper,.banner-listing-grid .sd_100tik_banner_card .banner-card-image{width:100%;height:100%}
.banner-listing-grid .sd_100tik_banner_card .banner-card-image{position:relative;overflow:hidden;border-radius:inherit}
.banner-listing-grid .sd_100tik_banner_card .banner-img{width:100%;height:100%;object-fit:cover;display:block}
.banner-power-badge{position:absolute;top:10px;left:10px;z-index:3}.banner-title-overlay{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font-weight:800}.banner-title-text{color:#fff}
.tik-v23-insta-card .card-imgbox img{width:100%;height:100%;object-fit:cover}.tik-v23-insta-card .insta-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid var(--tik-line);padding-top:8px}.tik-v23-insta-card .stat-item{text-align:center}.tik-v23-insta-card .stat-label{display:block;font-size:11px;color:var(--tik-muted)}.tik-v23-insta-card .stat-number{font-weight:800;color:#ec4899}
html[data-theme="dark"] .banner-listing-wrapper,html[data-theme="dark"] .insta-listing-wrapper{color:var(--tik-text)}
html[data-theme="dark"] .banner-listing-header,html[data-theme="dark"] .insta-listing-header{background:#151e2d!important;border-color:#2b3950!important}
html[data-theme="dark"] .banner-listing-brand-title,html[data-theme="dark"] .insta-listing-brand-title,html[data-theme="dark"] .banner-listing-count-number,html[data-theme="dark"] .insta-listing-count-number{color:#f5f8ff!important}
html[dir="ltr"] .banner-listing-wrapper,html[dir="ltr"] .insta-listing-wrapper{direction:ltr}

/* Cart / checkout parity with old glass cart */
.tik-finance{max-width:1180px;margin:24px auto 130px;padding:0 16px}.tik-v23-cart-full,.tik-v23-checkout .banking-glass-card{background:var(--tik-surface)!important;border:1px solid var(--tik-line)!important;color:var(--tik-text)!important}.glass-header{border-bottom:1px solid var(--tik-line)}.glass-title{color:var(--tik-navy)!important}.glass-cart-item{background:var(--tik-surface-2)!important;border-color:var(--tik-line)!important}.glass-cart-item small{color:var(--tik-muted)}.tik-v23-checkout-form{display:grid;gap:10px}.tik-v23-checkout-form label{padding:14px;border:1px solid var(--tik-line);border-radius:14px;background:var(--tik-surface-2);cursor:pointer}.tik-v23-checkout-total{font-size:1.5rem;font-weight:900;color:#0373EC;text-align:center;margin:10px 0 18px}

/* Listing/card theme bridges: keep original card sizes/structure, never redesign */
html[data-theme="dark"] .all-listing-wrapper,html[data-theme="dark"] .tik-single-wrapper{color:var(--tik-text)}
html[data-theme="dark"] .all-listing-wrapper .tik-card,html[data-theme="dark"] .all-listing-wrapper .sd_100tik_card,html[data-theme="dark"] .sd_100tik_card{background:#151e2d!important;border-color:#2b3950!important;color:#f5f8ff!important}
html[data-theme="dark"] .sd_100tik_card .card-title,html[data-theme="dark"] .sd_100tik_card .card-price,html[data-theme="dark"] .sd_100tik_card .card-special,html[data-theme="dark"] .sd_100tik_card .real-estate-action{color:#f5f8ff!important}
html[data-theme="dark"] .sd_100tik_card .card-bottom{background:#111a28!important;border-color:#2b3950!important;color:#aebbd0!important}
html[data-theme="dark"] .tik-single-wrapper section,html[data-theme="dark"] .tik-single-wrapper .tik-single-card{background:#151e2d!important;border-color:#2b3950!important;color:#f5f8ff!important}
html[dir="ltr"] .sd_100tik_card,html[dir="ltr"] .all-listing-wrapper,html[dir="ltr"] .tik-single-wrapper{text-align:left;direction:ltr}

/* Generic parity guarantees for dialogs/forms in all languages/themes */
.tik-v23-modal-open{overflow:hidden}
html[data-theme="dark"] dialog,html[data-theme="dark"] .modal-content,html[data-theme="dark"] .popup-content{background:var(--tik-surface);color:var(--tik-text);border-color:var(--tik-line)}

/* v0.24 strict parity corrections */
html.tik-v24-modal-open,html.tik-v24-modal-open body{overflow:hidden!important}
.tik100-modal[hidden],#search_modal[hidden],#city_modal[hidden],#cart_modal[hidden]{display:none!important}
.tik100-modal:not([hidden]),#search_modal:not([hidden]),#city_modal:not([hidden]),#cart_modal:not([hidden]){display:flex!important}
/* Content pages preserve legacy classes, theme is additive only. */
.tik-v24-legacy-page{font-family:'Estedad',sans-serif!important}
html[dir=ltr] .tik-v24-legacy-page{direction:ltr;text-align:left}
html[dir=rtl] .tik-v24-legacy-page{direction:rtl}
[data-theme=dark] .about-sadik-container,[data-theme=dark] .revised-contact-container,[data-theme=dark] .rules-container-100tik{color:#e8eef7}
[data-theme=dark] .about-sadik-container .vision-mission-card,[data-theme=dark] .revised-contact-container .r-info-panel,[data-theme=dark] .revised-contact-container .r-form-panel,[data-theme=dark] .rules-container-100tik .rules-category,[data-theme=dark] .rules-container-100tik .rules-accordion-item,[data-theme=dark] .rules-container-100tik .rules-search-box{background:#151b27!important;border-color:#2b3548!important;color:#e8eef7!important}
[data-theme=dark] .about-sadik-container h1,[data-theme=dark] .about-sadik-container h2,[data-theme=dark] .about-sadik-container h3,[data-theme=dark] .revised-contact-container h1,[data-theme=dark] .revised-contact-container h2,[data-theme=dark] .rules-container-100tik h1,[data-theme=dark] .rules-container-100tik h2{color:#f7f9fc!important}
[data-theme=dark] .about-sadik-container p,[data-theme=dark] .revised-contact-container p,[data-theme=dark] .rules-container-100tik p,[data-theme=dark] .rules-container-100tik .rules-accordion-header{color:#cbd5e1!important}
[data-theme=dark] .revised-contact-container input,[data-theme=dark] .revised-contact-container textarea,[data-theme=dark] .rules-container-100tik input{background:#0e1420!important;color:#f8fafc!important;border-color:#334155!important}
.r-faq-answer,.rules-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}
.r-faq-item.active .r-faq-icon,.rules-accordion-item.active .arrow{transform:rotate(180deg)}
/* Legacy single-ad CSS is now loaded globally. Keep theme additive. */
[data-theme=dark] .tik-single-wrapper .tik-hero-container,[data-theme=dark] .tik-single-wrapper .tik-content-section,[data-theme=dark] .tik-single-wrapper .tik-sidebar-box,[data-theme=dark] .tik-single-wrapper .tik-police-box,[data-theme=dark] .tik-single-wrapper .tik-advertiser-box{background:#151b27!important;border-color:#2b3548!important;color:#e8eef7!important}
[data-theme=dark] .tik-single-wrapper .tik-single-title,[data-theme=dark] .tik-single-wrapper h2,[data-theme=dark] .tik-single-wrapper h3{color:#f8fafc!important}
[data-theme=dark] .tik-single-wrapper .tik-spec-item,[data-theme=dark] .tik-single-wrapper .tik-stats-mini-card{background:#0f1623!important;color:#dbe4ef!important}

/* ============================================================
   100Tik v0.24.1 — Homepage listing cards / dark contrast fix
   Scope is intentionally limited to homepage card shells.
   Restores the same dark-card contrast used by listing pages.
   ============================================================ */
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card {
    background: #151e2d !important;
    border-color: #2b3950 !important;
    color: #f5f8ff !important;
}

html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-content-wrapper,
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-main-content {
    background: #151e2d !important;
    color: #d8e2ef !important;
}

/* Primary title — match the correct listing-card dark palette. */
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-title {
    color: #f2c4a7 !important;
}

/* Secondary/specification text must stay readable on navy cards. */
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-special,
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-vehicle-details,
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-short-desc,
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .two-cols,
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .two-cols span {
    color: #d6e0ed !important;
}

/* Important values / phone / price / CTA. */
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .single-centered-phone,
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .special-number,
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .price-number,
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-price,
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .real-estate-action {
    color: #f8fbff !important;
}

html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .price-currency {
    color: #dfe8f5 !important;
}

/* Footer/date/city uses a softer but WCAG-readable muted tone. */
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-bottom {
    background: #111a28 !important;
    border-color: #2b3950 !important;
    color: #aebbd0 !important;
}

html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-bottom .city,
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-bottom .date {
    color: #b9c6d8 !important;
}

/* Keep powered/VIP outline consistent with the other listing screens. */
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card.is-powered {
    border-color: #d89a00 !important;
    box-shadow: 0 0 0 1px rgba(245,158,11,.10), 0 8px 24px rgba(0,0,0,.16) !important;
}

/* ============================================================
   100Tik v0.24.2 — Homepage dark card COMPLETE surface parity
   Fixes the remaining light image column / power badge surfaces.
   Scoped to homepage listing cards only.
   ============================================================ */
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-body {
    background: #151e2d !important;
    color: #d8e2ef !important;
}

html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-image-wrapper {
    background: #111927 !important;
    border-inline-end-color: #2b3950 !important;
    border-left-color: #2b3950 !important;
}

html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-imgbox,
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-imgbox img {
    background: #202b3b !important;
}

html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-power {
    background: #111927 !important;
    color: #d8e2ef !important;
}

/* listings-city.css forces the powered badge back to a light palette.
   Restore the same dark powered badge used in the normal listing pages. */
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card.is-powered .sadtik-power-display.is-active,
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card.is-powered .tik74-power {
    background: linear-gradient(135deg,#3a2b10,#241b0b) !important;
    border: 1px solid #b88724 !important;
    color: #ffe7a6 !important;
    box-shadow: 0 2px 8px rgba(184,135,36,.18) !important;
}

html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card.is-powered .sadtik-power-display.is-active i,
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card.is-powered .tik74-power i {
    color: #ffc44d !important;
}

html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card.is-powered .sadtik-power-display.is-active span,
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card.is-powered .sadtik-power-display.is-active strong,
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card.is-powered .tik74-power span,
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card.is-powered .tik74-power strong {
    color: #fff0bd !important;
}

/* Free / inactive power badge must also remain dark and readable. */
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .sadtik-power-display.is-inactive {
    background: #1a2535 !important;
    border-color: #334259 !important;
    color: #aebbd0 !important;
    opacity: 1 !important;
}

/* Ensure nested generic elements cannot reintroduce a white surface. */
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-image-wrapper > *,
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-power > * {
    --tik-card: #111927;
}

/* Keep image itself untouched; only the column under/around it is dark. */
html[data-theme="dark"] .tik-home-card-shell .sd_100tik_card .card-imgbox img {
    opacity: 1 !important;
}


/**
 * 100Tik Desktop Header — Dark Theme & Theme Control Stabilizer
 * Version: 0.89.0
 * Scope: desktop header only (>= 992px)
 */

@media (min-width: 992px) {
  .htk-header-d.tik10-header-d {
    box-sizing: border-box !important;
    isolation: isolate;
    transition: background .22s ease, border-color .22s ease, box-shadow .22s ease !important;
  }

  .htk-header-d.tik10-header-d .htk-container {
    box-sizing: border-box !important;
    min-width: 0 !important;
  }

  .htk-header-d.tik10-header-d .htk-head-right,
  .htk-header-d.tik10-header-d .htk-head-mid,
  .htk-header-d.tik10-header-d .htk-head-left {
    min-width: 0 !important;
  }

  /* Keep all utility controls on one stable baseline. */
  .htk-header-d.tik10-header-d .htk-head-left {
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

  .htk-header-d.tik10-header-d .htk-city-btn,
  .htk-header-d.tik10-header-d .htk-wallet-box,
  .htk-header-d.tik10-header-d .htk-action-btn,
  .htk-header-d.tik10-header-d .tik10-theme-desktop,
  .htk-header-d.tik10-header-d .tik10-lang-desktop {
    box-sizing: border-box !important;
    margin-block: 0 !important;
  }

  /* Theme button: fixed geometry, one icon, no Font Awesome/text collision. */
  .htk-header-d.tik10-header-d .tik10-theme-desktop {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    transform: none !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
  }

  .htk-header-d.tik10-header-d .tik10-theme-desktop [data-theme-icon] {
    box-sizing: border-box !important;
    position: static !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    color: currentColor !important;
    font-size: 16px !important;
    line-height: 18px !important;
    text-align: center !important;
    transform: none !important;
  }

  .htk-header-d.tik10-header-d .tik10-theme-desktop [data-theme-icon]::before {
    display: block !important;
    margin: 0 !important;
    line-height: 1 !important;
  }

  .htk-header-d.tik10-header-d .tik10-theme-desktop:hover {
    transform: translateY(-1px) !important;
  }

  .htk-header-d.tik10-header-d .tik10-theme-desktop:active {
    transform: scale(.96) !important;
  }

  .htk-header-d.tik10-header-d .tik10-theme-desktop:focus-visible,
  .htk-header-d.tik10-header-d .tik10-lang-desktop a:focus-visible,
  .htk-header-d.tik10-header-d .htk-city-btn:focus-visible,
  .htk-header-d.tik10-header-d .htk-wallet-box:focus-visible,
  .htk-header-d.tik10-header-d .htk-action-btn:focus-visible,
  .htk-header-d.tik10-header-d .htk-nav-btn:focus-visible {
    outline: 2px solid #ffd800 !important;
    outline-offset: 2px !important;
  }

  /* Language switcher: prevent the active pill from clipping or changing height. */
  .htk-header-d.tik10-header-d .tik10-lang-desktop {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 4px !important;
    gap: 1px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .htk-header-d.tik10-header-d .tik10-lang-desktop a {
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    min-width: 28px !important;
    height: 28px !important;
    padding: 0 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    line-height: 1 !important;
  }

  /* Light theme keeps the original 100Tik identity, with cleaner control borders. */
  html[data-theme="light"] .htk-header-d.tik10-header-d {
    background: linear-gradient(135deg, #00244b 0%, #035fc7 42%, #087bf0 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 8px 25px rgba(3,115,236,.22) !important;
  }

  html[data-theme="light"] .htk-header-d.tik10-header-d .tik10-theme-desktop,
  html[data-theme="light"] .htk-header-d.tik10-header-d .tik10-lang-desktop {
    background: rgba(0,36,75,.52) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    color: #fff !important;
  }

  /* Dark theme: replace the legacy bright-blue background image, not only background-color. */
  html[data-theme="dark"] .htk-header-d.tik10-header-d {
    background: linear-gradient(135deg, #081522 0%, #0b1d30 48%, #0d2c4a 100%) !important;
    border-bottom: 1px solid rgba(109,157,210,.19) !important;
    box-shadow:
      0 12px 32px rgba(0,0,0,.30),
      inset 0 -1px 0 rgba(255,255,255,.025) !important;
    color: #f5f8fc !important;
  }

  html[data-theme="dark"] .htk-header-d.tik10-header-d .htk-titles,
  html[data-theme="dark"] .htk-header-d.tik10-header-d .htk-titles h1,
  html[data-theme="dark"] .htk-header-d.tik10-header-d .htk-titles p,
  html[data-theme="dark"] .htk-header-d.tik10-header-d .htk-nav-btn,
  html[data-theme="dark"] .htk-header-d.tik10-header-d .htk-nav-btn span,
  html[data-theme="dark"] .htk-header-d.tik10-header-d .htk-wallet-val,
  html[data-theme="dark"] .htk-header-d.tik10-header-d .htk-wallet-val small {
    color: #f4f8ff !important;
  }

  html[data-theme="dark"] .htk-header-d.tik10-header-d .htk-titles p {
    opacity: .78 !important;
  }

  html[data-theme="dark"] .htk-header-d.tik10-header-d .htk-nav-btn {
    border: 1px solid transparent !important;
  }

  html[data-theme="dark"] .htk-header-d.tik10-header-d .htk-nav-btn:hover {
    background: rgba(91,154,224,.10) !important;
    border-color: rgba(119,178,241,.12) !important;
  }

  html[data-theme="dark"] .htk-header-d.tik10-header-d .htk-nav-btn:hover i,
  html[data-theme="dark"] .htk-header-d.tik10-header-d .htk-nav-btn:hover span {
    color: #ffd800 !important;
  }

  html[data-theme="dark"] .htk-header-d.tik10-header-d .htk-city-btn,
  html[data-theme="dark"] .htk-header-d.tik10-header-d .htk-wallet-box,
  html[data-theme="dark"] .htk-header-d.tik10-header-d .tik10-theme-desktop,
  html[data-theme="dark"] .htk-header-d.tik10-header-d .tik10-lang-desktop {
    background: rgba(5,17,31,.64) !important;
    border-color: rgba(142,181,225,.22) !important;
    color: #f7faff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  }

  html[data-theme="dark"] .htk-header-d.tik10-header-d .htk-city-btn:hover,
  html[data-theme="dark"] .htk-header-d.tik10-header-d .htk-wallet-box:hover,
  html[data-theme="dark"] .htk-header-d.tik10-header-d .tik10-theme-desktop:hover {
    background: rgba(17,50,82,.78) !important;
    border-color: rgba(255,216,0,.58) !important;
  }

  html[data-theme="dark"] .htk-header-d.tik10-header-d .tik10-lang-desktop a {
    color: #dce9f8 !important;
  }

  html[data-theme="dark"] .htk-header-d.tik10-header-d .tik10-lang-desktop a:hover {
    background: rgba(255,255,255,.07) !important;
    color: #fff !important;
  }

  html[data-theme="dark"] .htk-header-d.tik10-header-d .tik10-lang-desktop a.active {
    background: #edf5ff !important;
    color: #102c4e !important;
    box-shadow: 0 1px 5px rgba(0,0,0,.22) !important;
  }

  html[data-theme="dark"] .htk-header-d.tik10-header-d .cart-items-count {
    border-color: #0b1d30 !important;
    box-shadow: 0 2px 7px rgba(0,0,0,.30) !important;
  }

}

/* Avoid control collision in medium desktop widths without changing the legacy breakpoint. */
@media (min-width: 992px) and (max-width: 1420px) {
  .htk-header-d.tik10-header-d .htk-container {
    gap: 8px !important;
  }
  .htk-header-d.tik10-header-d .htk-head-left {
    gap: 4px !important;
  }
  .htk-header-d.tik10-header-d .htk-head-mid {
    gap: 2px !important;
  }
}

@media (min-width: 992px) and (max-width: 1260px) {
  .htk-header-d.tik10-header-d .tik10-theme-desktop {
    flex-basis: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .htk-header-d.tik10-header-d,
  .htk-header-d.tik10-header-d *,
  .htk-header-d.tik10-header-d *::before,
  .htk-header-d.tik10-header-d *::after {
    transition: none !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* 100Tik v0.97.4.23
 * Surgical mobile wallet enhancement only.
 * Intentionally does NOT override drawer positioning, sizing, overlay,
 * menu rows, desktop header, theme controls or social layout.
 */
@media (max-width: 767.98px) {
  .tik10-menu-modal .tik10-user-card.tik10-wallet-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding-inline: 54px;
    text-align: center;
  }

  .tik10-menu-modal .tik10-wallet-balance {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    white-space: nowrap;
    font: inherit;
    font-weight: 800;
  }

  .tik10-menu-modal .tik10-wallet-add {
    position: absolute;
    inset-inline-end: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 999px;
    background: #ffd22e;
    color: #173b72;
    text-decoration: none;
    font-size: 23px;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 4px 12px rgba(0,0,0,.16);
    z-index: 2;
  }

  .tik10-menu-modal .tik10-wallet-add:active {
    transform: translateY(-50%) scale(.94);
  }
}