@font-face{font-family:'RestaurantArabic';src:url('fonts/RestaurantSansArabic-Regular.woff') format('woff'),url('fonts/RestaurantSansArabic-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'RestaurantArabic';src:url('fonts/RestaurantSansArabic-Bold.woff') format('woff'),url('fonts/RestaurantSansArabic-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--green:#374151;--green2:#4b5563;--gold:#d9ae58;--cream:#f5f1e7;--ink:#17251f;--muted:#6c7972;--white:#fff;--shadow:0 18px 55px rgba(18,59,45,.12);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'RestaurantArabic',Tahoma,sans-serif;background:#f7f8f5;color:var(--ink);direction:rtl}.container{width:min(1180px,92%);margin:auto}
a{color:inherit;text-decoration:none}.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);color:#17251f;box-shadow:0 4px 20px rgba(0,0,0,.08)}.nav .container{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;font-weight:900;display:flex;gap:10px;align-items:center}.menu{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.menu a{white-space:nowrap;min-width:110px;text-align:center;border-radius:12px;padding:10px 14px;background:#fff;border:1px solid #ddd}.menu a{position:relative;padding:10px 0;opacity:.92}.menu a:after{content:"";position:absolute;bottom:0;right:0;width:0;height:2px;background:var(--gold);transition:.3s}.menu a:hover:after{width:100%}.mobile-toggle{display:none;background:none;border:0;color:#17251f;font-size:27px}
.hero{height:650px;position:relative;overflow:hidden;background:transparent}.slide{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;align-items:center;transition:opacity 1s ease}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.08) 70%,rgba(0,0,0,.18))}.hero-content{position:relative;z-index:2;color:#fff;max-width:720px;animation:rise .9s ease}.eyebrow{color:var(--gold);font-weight:800;letter-spacing:1px}.hero h1{font-size:clamp(42px,7vw,82px);line-height:1.12;margin:12px 0}.hero p{font-size:20px;line-height:2;opacity:.92}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:#183329;border:0;padding:13px 23px;border-radius:14px;font-weight:800;cursor:pointer;box-shadow:0 10px 25px #0002;transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:0 15px 32px #0003}.btn.ghost{background:#ffffff18;color:#fff;border:1px solid #ffffff45}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.dots{position:absolute;z-index:5;bottom:28px;right:5%;display:flex;gap:8px}.dot{width:9px;height:9px;border:0;border-radius:50%;background:#fff8;cursor:pointer}.dot.active{background:var(--gold);width:28px;border-radius:9px}.section{padding:90px 0}.section.alt{background:#edf3ee}.section-head{text-align:center;margin-bottom:45px}.section-head h2{font-size:38px;margin:0 0 10px}.lead{max-width:780px;margin:auto;color:var(--muted);line-height:2}
.features,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.3s}.card:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(18,59,45,.16)}.card-body{padding:25px}.feature{padding:35px;text-align:center}.feature .icon{font-size:46px;margin-bottom:10px}.feature h3{font-size:22px}.card p{color:var(--muted);line-height:2}.card img{width:100%;height:230px;object-fit:cover;display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-55px;position:relative;z-index:4}.stat-card{background:#fff;border-radius:20px;padding:20px;text-align:center;box-shadow:var(--shadow)}.stat-card strong{display:block;font-size:34px;color:var(--green)}.stat-card span{color:var(--muted)}
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:220px;gap:14px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:20px;transition:.3s}.gallery img:hover{transform:scale(1.025);filter:saturate(1.15)}.gallery img:first-child{grid-row:span 2}.quote{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;border-radius:30px;padding:50px;text-align:center}.quote p{font-size:24px;line-height:2}.footer{background:#0d291f;color:#dce9e2;padding:55px 0}.footer .grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer p{color:#aebfb6;line-height:2}
.form{background:#fff;padding:30px;border-radius:22px;box-shadow:var(--shadow);max-width:900px}.input,textarea,select{width:100%;padding:13px 15px;border:1px solid #dce4df;border-radius:12px;margin:7px 0 16px;font:inherit;outline:0;transition:.2s}.input:focus,textarea:focus,select:focus{border-color:var(--green2);box-shadow:0 0 0 4px #1d5a4212}.admin{min-height:100vh;background:#f2f5f2}.adminbar{background:linear-gradient(135deg,#0d2b20,#1d5a42);color:#fff;padding:20px}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 65px)}.sidebar{background:#102d22;color:#dbe8e1;padding:22px;position:sticky;top:0;height:calc(100vh - 65px)}.side-link{display:flex;gap:12px;align-items:center;padding:13px 14px;border-radius:12px;margin:5px 0}.side-link:hover,.side-link.active{background:#ffffff12;color:#fff}.panel{padding:32px}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{background:#fff;border-radius:20px;padding:25px;box-shadow:var(--shadow)}.stat b{font-size:30px}.table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.table th,.table td{padding:15px;border-bottom:1px solid #edf0ed;text-align:right}.badge{padding:5px 10px;border-radius:99px;background:#e6f2ea;font-size:12px}.danger{color:#b12f35}.toast{position:fixed;left:22px;bottom:22px;background:#173b2c;color:#fff;padding:14px 18px;border-radius:13px;z-index:999;box-shadow:var(--shadow);animation:rise .4s ease}
.reveal{opacity:0;transform:translateY(30px);transition:.7s}.reveal.show{opacity:1;transform:none}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(max-width:900px){.menu{display:none}.mobile-toggle{display:block}.features,.cards{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.gallery img:first-child{grid-row:span 1}.admin-layout{grid-template-columns:1fr}.sidebar{position:static;height:auto}.footer .grid{grid-template-columns:1fr}.map-grid{grid-template-columns:1fr!important}}
.location-card{transition:.25s}.location-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(18,59,45,.16)}
@media(max-width:600px){.hero{height:570px}.hero h1{font-size:45px}.features,.cards,.stats,.gallery{grid-template-columns:1fr}.section{padding:65px 0}.section-head h2{font-size:30px}.hero p{font-size:17px}.stats{margin-top:15px}}
/* Pro UI additions */
.menu.open{display:flex!important;position:absolute;top:72px;right:0;left:0;padding:18px 5%;background:#123b2d;flex-direction:column;box-shadow:0 18px 30px #0003}.lang-btn{background:#ffffff18;border:1px solid #ffffff35;color:#fff;border-radius:12px;padding:9px 14px;font-family:inherit;cursor:pointer}.nav-actions{display:flex;align-items:center;gap:10px}.search-wrap{position:relative;z-index:20}.search-results{position:absolute;right:0;left:0;top:58px;background:#fff;border-radius:18px;padding:8px;box-shadow:0 20px 60px #123b2d25;max-height:390px;overflow:auto}.search-item{display:grid;grid-template-columns:36px 1fr;gap:2px 10px;padding:12px;border-radius:12px}.search-item:hover{background:#f0f5f1}.search-item span{grid-row:span 2;font-size:22px}.search-item small{color:#718078;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.empty-search{padding:20px;text-align:center;color:#718078}.attraction-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);transition:.3s}.attraction-card:hover{transform:translateY(-7px)}.attraction-media{height:220px;position:relative;overflow:hidden;background:linear-gradient(135deg,#dfeae3,#b9d0c1);display:grid;place-items:center}.attraction-media img{width:100%;height:100%;object-fit:cover}.attraction-media>span{position:absolute;top:15px;right:15px;background:#123b2ddd;color:#fff;padding:7px 12px;border-radius:999px;font-size:12px}.placeholder-icon{font-size:65px}.map-link{display:inline-flex;margin-top:8px;color:var(--green2);font-weight:800}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick{padding:20px;background:#ffffff12;border:1px solid #ffffff1f;border-radius:18px;text-align:center}.quick b{display:block;font-size:28px;color:var(--gold)}.quick span{color:#cfe0d7;font-size:13px}.hero-bottom{position:absolute;z-index:5;left:5%;bottom:25px;display:flex;gap:8px}.section-title-icon{font-size:30px;vertical-align:middle}.adminnav{display:flex;gap:8px;flex-wrap:wrap;background:#fff;padding:14px;border-radius:18px;box-shadow:var(--shadow);margin-bottom:22px}.adminnav a{padding:10px 13px;border-radius:10px;background:#edf3ee}.adminnav a:hover{background:#dfeae3}
@media(max-width:900px){.quick-grid{grid-template-columns:1fr 1fr}.nav-actions{gap:5px}.nav-actions .lang-btn{font-size:12px}}
@media(max-width:600px){.quick-grid{grid-template-columns:1fr 1fr}.search-wrap{margin-top:10px}.hero-bottom{left:5%;right:5%}}
/* v3 admin and multilingual UI */
.muted{color:var(--muted)}.adminbar-note{float:left;font-size:13px;opacity:.75}.side-brand{font-size:22px;font-weight:900;padding:12px 10px 22px;border-bottom:1px solid #ffffff18;margin-bottom:10px}.side-icon{width:28px;text-align:center;font-size:19px}.sidebar .side-link{border:1px solid transparent}.sidebar .side-link:hover{border-color:#ffffff18}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-help{font-size:12px;color:var(--muted);font-weight:400}.type-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.type-tab{background:#fff;padding:12px 15px;border-radius:14px;box-shadow:var(--shadow);font-weight:700}.type-tab.active{background:var(--green);color:#fff}.dashboard-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.dash-action{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;transition:.25s}.dash-action:hover{transform:translateY(-5px)}.dash-action span{font-size:38px}.dash-action small{color:var(--muted);line-height:1.8}.language-card{display:flex;gap:15px;align-items:center;background:linear-gradient(135deg,#eaf4ee,#fff);border:1px solid #dcebe1;border-radius:18px;padding:18px;margin:0 0 22px}.language-card>span{font-size:32px}.language-card p{margin:5px 0;color:var(--muted);line-height:1.8}.admin-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-admin-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.gallery-admin-card img{width:100%;height:170px;object-fit:cover}.gallery-admin-card div{padding:13px;display:flex;flex-direction:column;gap:6px}.gallery-admin-card small{color:var(--muted)}.content-grid{margin-top:20px}.tab{border:0;background:#fff;border-radius:12px;padding:12px 18px;font:inherit;cursor:pointer;box-shadow:var(--shadow)}.tab.active{background:var(--green);color:#fff}.content-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.lightbox{position:fixed;inset:0;background:#000d;z-index:2000;display:grid;place-items:center;padding:30px}.lightbox img{max-width:94vw;max-height:88vh;border-radius:16px;box-shadow:0 30px 100px #000}.lightbox button{position:absolute;top:20px;left:25px;border:0;background:#fff;color:#111;border-radius:50%;width:44px;height:44px;font-size:30px;cursor:pointer}
@media(max-width:900px){.two-col,.dashboard-cards{grid-template-columns:1fr}.admin-gallery{grid-template-columns:1fr 1fr}.adminbar-note{display:none}}
@media(max-width:600px){.admin-gallery{grid-template-columns:1fr}.panel{padding:20px}.table{display:block;overflow:auto;white-space:nowrap}}

/* v3 admin polish */
.sidebar .side-link{display:flex;align-items:center;gap:12px}.side-link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 21px}.brand-mark{font-size:24px}.logout-link{margin-top:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dash-action{min-height:145px}.language-card{display:flex;gap:16px;align-items:flex-start;margin:18px 0;padding:18px 20px;border:1px solid #dce7df;border-radius:18px;background:linear-gradient(135deg,#f8fbf8,#fff);box-shadow:0 10px 30px rgba(18,59,45,.07)}.language-card>span{font-size:30px}.language-card p{margin:.4rem 0 0;color:var(--muted);line-height:1.9}.form label{display:block;margin:10px 0 6px;font-weight:600}.type-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.type-tab{padding:10px 14px;border-radius:12px;background:#edf3ef;border:1px solid #dce7df}.type-tab.active{background:var(--green);color:#fff}.lang-btn{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;border-radius:12px;padding:8px 13px;cursor:pointer;font-family:inherit}.nav-actions{display:flex;align-items:center;gap:14px}@media(max-width:900px){.dashboard-cards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.dashboard-cards{grid-template-columns:1fr}.nav-actions{gap:7px}.lang-btn{padding:7px 10px}}
.detail-page{max-width:1050px}.detail-hero{overflow:hidden}.detail-hero>img{width:100%;max-height:520px;object-fit:cover;display:block}.detail-body{padding:34px}.detail-body h1{font-size:clamp(2rem,5vw,4rem);margin:10px 0 18px}.info-box{padding:16px 18px;background:var(--alt,#f5f7f8);border-radius:16px;margin:22px 0;line-height:1.9}.map-card{overflow:hidden;padding:8px}.map-card iframe{display:block;width:100%;height:440px;border:0;border-radius:18px}.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.card-actions .map-link{display:inline-flex;align-items:center;padding:9px 13px;border-radius:12px;background:rgba(0,0,0,.05);text-decoration:none}.dashboard-chart{margin-top:28px}.mini-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;height:180px;padding:18px}.mini-bar{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:7px}.mini-bar i{display:block;width:100%;max-width:42px;background:var(--primary,#2f6f4e);border-radius:10px 10px 4px 4px;min-height:4px}.mini-bar small{font-size:11px}.mini-bar b{font-size:11px}.dash-action{transition:transform .2s,box-shadow .2s}.dash-action:hover{transform:translateY(-4px)}

/* v4 professional admin + fixed banner */
.hero{height:560px;min-height:0}.slide{background-size:cover;background-repeat:no-repeat;background-position:center center}.hero-content{padding-top:70px}.hero h1{max-width:850px;text-shadow:0 4px 24px #0006}.hero-slide-link{margin-top:12px}.current-slider{margin:12px 0;position:relative;max-width:620px;border-radius:16px;overflow:hidden}.current-slider img{display:block;width:100%;height:220px;object-fit:cover}.current-slider span{position:absolute;right:12px;top:12px;background:#123b2ddd;color:#fff;padding:6px 10px;border-radius:10px}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.notice{padding:14px 18px;border-radius:14px;background:#fff;border:1px solid #dfe7e1;box-shadow:0 8px 25px #123b2d0d;margin:15px 0;line-height:1.9}.notice.success{background:#edf9f0;border-color:#cfe9d6;color:#1b6a3b}.notice.error{background:#fff0f0;border-color:#f0caca;color:#9b2727}.install-card{max-width:680px;margin:7vh auto;background:#fff;border-radius:28px;padding:38px;box-shadow:0 25px 80px #123b2d18}.install-logo{width:74px;height:74px;display:grid;place-items:center;background:linear-gradient(135deg,#d9ae5b,#f2d28f);border-radius:22px;font-size:38px;margin-bottom:18px}.install-card h1{font-size:34px;color:var(--green);margin:8px 0 25px}.install-page{background:radial-gradient(circle at 15% 10%,#dfeee4,transparent 35%),#f2f6f2}.admin-edit-card,.slider-editor{margin-bottom:24px;padding:25px}.admin-edit-card h2,.slider-editor h2{margin-top:0}.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe5df;background:#f5f8f6;color:#173b2c;padding:7px 10px;border-radius:10px;text-decoration:none;font:inherit;cursor:pointer}.action-btn:hover{background:#eaf2ec}.action-btn:disabled{opacity:.45;cursor:not-allowed}.badge-off{background:#f6e9e9!important;color:#9a3c3c}.table-wrap{overflow:auto}.slider-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.slider-admin-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #e8eee9}.slider-thumb{height:230px;position:relative;background:#dfe8e2}.slider-thumb img{width:100%;height:100%;object-fit:cover;display:block}.slider-status{position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:999px;background:#fff;color:#333;font-size:12px;font-weight:800}.slider-status.on{background:#e8f7ed;color:#247044}.slider-status.off{background:#f8eaea;color:#a33}.slider-card-body{padding:18px}.slider-card-body h3{margin:0 0 8px}.slider-card-body p{color:var(--muted);min-height:44px}.slider-card-body .card-actions{margin-top:14px}.card-actions{display:flex;gap:9px;flex-wrap:wrap}.btn.ghost{background:#fff;color:var(--green2);border:1px solid #cbd9d0;box-shadow:none}.form textarea{width:100%;border:1px solid #dce4df;border-radius:12px;padding:13px;font:inherit;resize:vertical}.form select{width:100%;padding:13px 15px;border:1px solid #dce4df;border-radius:12px;font:inherit;background:#fff}
@media(max-width:900px){.slider-admin-grid{grid-template-columns:1fr}.hero{height:500px}.hero-content{padding-top:60px}}
@media(max-width:600px){.hero{height:430px}.hero h1{font-size:40px}.hero p{font-size:16px}.install-card{padding:25px;margin-top:3vh}.slider-thumb{height:190px}.current-slider img{height:170px}}


/* === Tefli Interactive UI Pro === */
:root{
 --ui-green:#0d4938;--ui-green2:#17694e;--ui-gold:#d9ad5b;
 --ui-bg:#f5f7f4;--ui-card:#fff;--ui-text:#14251f;--ui-muted:#6e7d76;
 --ui-shadow:0 14px 40px rgba(13,73,56,.12);
}
body{background:var(--ui-bg)}
a,button,input,select,textarea{transition:all .22s ease}
button,.btn,.button{cursor:pointer}
button:hover,.btn:hover,.button:hover{transform:translateY(-2px)}
/* larger interactive admin/navigation icons */
.nav a i,.menu a i,.sidebar a i,.admin-nav a i,
.icon,.action-icon,.card-icon,.feature-icon,.stat-icon{
 display:inline-flex;align-items:center;justify-content:center;
 width:48px;height:48px;min-width:48px;border-radius:15px;
 font-size:24px;line-height:1;
 background:rgba(23,105,78,.09);
 transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
}
.nav a:hover i,.menu a:hover i,.sidebar a:hover i,.admin-nav a:hover i,
.icon:hover,.action-icon:hover,.card-icon:hover,.feature-icon:hover{
 transform:scale(1.1) rotate(-3deg);
 background:rgba(217,173,91,.22);
 box-shadow:0 8px 20px rgba(13,73,56,.12);
}
.card,.admin-card,.stat-card,.panel,.feature,.route-card{
 border:1px solid rgba(13,73,56,.07);
 box-shadow:var(--ui-shadow);
 border-radius:24px;
 transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.card:hover,.admin-card:hover,.stat-card:hover,.panel:hover,.feature:hover,.route-card:hover{
 transform:translateY(-7px);box-shadow:0 22px 50px rgba(13,73,56,.18);
 border-color:rgba(217,173,91,.45);
}
.stat-card .stat-icon,.stat .icon{width:64px;height:64px;font-size:30px;border-radius:19px}
.action-buttons{display:flex;gap:10px;flex-wrap:wrap}
.action-buttons a,.action-buttons button,.table-actions a,.table-actions button{
 min-width:46px;min-height:46px;border-radius:14px;border:1px solid rgba(13,73,56,.09);
 display:inline-flex;align-items:center;justify-content:center;font-size:20px;
}
.action-buttons a:hover,.action-buttons button:hover,.table-actions a:hover,.table-actions button:hover{
 background:var(--ui-gold);color:var(--ui-text);transform:scale(1.08);
}
input,select,textarea{border:1px solid #d8e0dc;border-radius:14px;padding:12px 14px}
input:focus,select:focus,textarea:focus{
 outline:none;border-color:var(--ui-green2);box-shadow:0 0 0 4px rgba(23,105,78,.1);
}
.hero,.slider,.banner{overflow:hidden}
.hero img,.slider img,.banner img{width:100%;height:100%;object-fit:cover}
.slider{position:relative;isolation:isolate}
.slider:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 70%);pointer-events:none}
.slider-control,.slider button,.carousel-control{
 position:absolute;z-index:4;width:56px;height:56px;border-radius:50%;
 border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.28);
 color:#fff;font-size:27px;display:grid;place-items:center;backdrop-filter:blur(8px);
}
.slider-control:hover,.slider button:hover,.carousel-control:hover{background:var(--ui-gold);color:var(--ui-text);transform:scale(1.1)}
.slider-dots button{width:12px;height:12px;border-radius:50%;padding:0;border:0}
@media(max-width:700px){
 .nav a i,.menu a i,.sidebar a i,.admin-nav a i,.icon,.action-icon{width:44px;height:44px;min-width:44px;font-size:21px}
 .stat-card .stat-icon{width:56px;height:56px}
}
/* Member space & community submissions */
.member-top{background:rgba(217,173,91,.16);padding:9px 13px!important;border-radius:14px;font-weight:800}
.notice{padding:16px 20px;border-radius:16px;margin:10px 0}.notice.success{background:#e8f7ef;color:#145b3d}.notice.danger{background:#fff0f0;color:#9b2d2d}
.submission-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(13,73,56,.08)}
.submission-row:last-child{border-bottom:0}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.status-published{background:#e7f7ed;color:#14613e}.status-pending{background:#fff3d9;color:#8a5a00}


/* === Tefli V5 UI/UX polish === */
.admin-layout{position:relative}
.admin-topbar{position:fixed;top:0;left:0;right:0;height:72px;z-index:1000;background:rgba(13,43,32,.96);backdrop-filter:blur(12px);color:#fff;box-shadow:0 10px 35px rgba(0,0,0,.16)}
.admin-topbar-inner{height:100%;max-width:1600px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.admin-topbar-user{opacity:.7;margin-right:12px;font-size:13px}.admin-topbar-actions{display:flex;gap:9px;align-items:center}
.top-icon-btn,.top-logout-btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);padding:10px 13px;border-radius:13px;font-weight:800;transition:.25s}
.top-icon-btn:hover,.top-logout-btn:hover{transform:translateY(-2px);background:rgba(217,173,91,.22);color:#fff;border-color:rgba(217,173,91,.5)}
.top-logout-btn{background:#a73737;border-color:#c96565}.top-logout-btn:hover{background:#c44747}
.admin-layout>.sidebar{padding-top:94px;height:100vh;top:0}.admin-layout>.panel{padding-top:105px}
.nav-badge{margin-right:auto;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(217,173,91,.18);color:#f2d28f}
.settings-link svg{width:29px;height:29px;stroke-width:2.1}.settings-link{font-weight:900}
.admin-page-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.settings-hero-btn{display:flex;align-items:center;gap:12px;text-decoration:none;color:#173b2c;background:linear-gradient(135deg,#fff8e9,#fff);border:1px solid #ead9ad;border-radius:20px;padding:13px 17px;box-shadow:0 12px 35px rgba(18,59,45,.10);min-width:250px}.settings-hero-btn small{display:block;color:var(--muted);margin-top:3px}.settings-big-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:30px;background:linear-gradient(135deg,#d9ae5b,#f1d493);box-shadow:0 8px 20px rgba(217,174,91,.28)}
.settings-action{border:2px solid #ead9ad;background:linear-gradient(135deg,#fffaf0,#fff)}.settings-action .dash-action-icon{font-size:46px}
.auth-page{background:radial-gradient(circle at 10% 10%,#dfeee4,transparent 32%),radial-gradient(circle at 90% 90%,#f5e7c6,transparent 30%),#f3f7f3;min-height:100vh}.auth-top{position:fixed;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:20}.auth-home,.auth-login{display:inline-flex;align-items:center;gap:7px;text-decoration:none;padding:11px 16px;border-radius:14px;font-weight:900;box-shadow:0 10px 25px rgba(18,59,45,.12);transition:.25s}.auth-home{background:#173b2c;color:#fff}.auth-login{background:#d9ae5b;color:#173b2c}.auth-home:hover,.auth-login:hover{transform:translateY(-3px) scale(1.02)}.auth-card{max-width:470px;width:min(92%,470px);margin:5vh auto;padding:30px;border:1px solid #dce7df}.auth-logo{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;font-size:40px;background:linear-gradient(135deg,#d9ae5b,#f2d38f);margin-bottom:18px}.auth-submit{width:100%;font-size:17px;padding:15px}.auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:18px;flex-wrap:wrap}.auth-links a{color:var(--green);text-decoration:none;font-weight:800}
.post-detail-card{max-width:1100px;margin:auto}.post-detail-media{width:100%;height:min(430px,48vw);min-height:260px;overflow:hidden;border-radius:18px;background:#e8eee9;margin-bottom:25px}.post-detail-media img{width:100%;height:100%;object-fit:cover;display:block}.post-detail-card .card-body{padding:30px}.post-detail-card .card-body>div[style*="line-height"]{max-width:900px;margin:auto}.detail-page{max-width:1100px}.detail-media{height:min(430px,48vw);min-height:260px;overflow:hidden;background:#e8eee9}.detail-media img{width:100%;height:100%;object-fit:cover;display:block}.detail-hero>img{max-height:none}
#posts .cards,.community-posts{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.community-posts .card,.cards .card{min-width:0}.cards .card-body{height:100%;display:flex;flex-direction:column}.cards .card-body .btn{margin-top:auto;align-self:flex-start}
.back-to-top{position:fixed;right:22px;bottom:22px;z-index:1200;width:56px;height:56px;border:0;border-radius:18px;background:linear-gradient(135deg,#173b2c,#2d7255);color:#fff;font-size:28px;font-weight:900;box-shadow:0 15px 35px rgba(18,59,45,.28);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(15px);transition:.3s}.back-to-top.show{opacity:1;visibility:visible;transform:none}.back-to-top:hover{transform:translateY(-4px) scale(1.05);background:linear-gradient(135deg,#d9ae5b,#f1d493);color:#173b2c}
/* Never let a user-selected banner enlarge the layout */.hero{height:560px!important;max-height:560px}.slide{height:100%;max-height:560px;background-size:cover!important}.slide[style]{background-size:cover!important}.current-slider{max-width:760px}.current-slider img{height:260px!important;max-height:260px!important;object-fit:cover!important}
@media(max-width:900px){.admin-topbar-user,.top-icon-btn span{display:none}.admin-topbar-inner{padding:0 12px}.admin-layout>.sidebar{padding-top:86px}.admin-layout>.panel{padding-top:100px}.admin-page-hero{align-items:stretch;flex-direction:column}.settings-hero-btn{min-width:0}.auth-card{margin-top:10vh}.post-detail-media,.detail-media{height:360px}.#posts .cards,.community-posts{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.admin-topbar{height:64px}.top-logout-btn{font-size:12px;padding:9px 10px}.admin-layout>.panel{padding:90px 15px 25px}.auth-top{top:10px;left:10px;right:10px}.auth-card{padding:26px;margin-top:9vh}.auth-links{flex-direction:column}.post-detail-media,.detail-media{height:250px;min-height:220px}.#posts .cards,.community-posts{grid-template-columns:1fr}.back-to-top{width:50px;height:50px;right:15px;bottom:15px;border-radius:16px}.hero{height:430px!important;max-height:430px}.slide{max-height:430px}}

/* ===== Tefli V6 Premium Homepage & Admin ===== */
:root{--v6-green:#0b3d2d;--v6-green2:#1f6a50;--v6-gold:#d8ad5a;--v6-cream:#fffaf0;--v6-line:#dfe9e3}
body{overflow-x:hidden}
.nav{height:78px;background:rgba(8,45,33,.88);box-shadow:0 12px 35px rgba(5,30,22,.18)}
.nav .container{height:78px}.brand{font-size:25px;letter-spacing:-.3px}.brand:after{content:'روایت طبیعت و زندگی';display:block;font-size:10px;color:#cfe1d8;font-weight:500;opacity:.8;margin-right:8px}
.menu{gap:8px;align-items:center}.menu a{padding:11px 13px;border-radius:12px}.menu a:hover{background:rgba(255,255,255,.08)}.menu a:after{display:none}.menu .member-top{border:1px solid rgba(216,173,90,.35);background:rgba(216,173,90,.12)}
.hero{height:620px!important;max-height:620px!important;border-radius:0 0 34px 34px;box-shadow:0 20px 60px rgba(11,61,45,.16)}.slide{height:100%!important;max-height:620px!important;background-position:center!important}.slide:after{background:linear-gradient(90deg,rgba(4,22,16,.82) 0%,rgba(4,22,16,.48) 45%,rgba(4,22,16,.08) 100%)}
.hero-content{max-width:820px;padding-top:15px}.hero h1{font-size:clamp(46px,6.3vw,84px);text-shadow:0 12px 35px rgba(0,0,0,.22);letter-spacing:-1px}.hero p{max-width:690px;font-size:20px}.hero-actions .btn{min-height:52px;padding:14px 25px}.hero-actions .btn:first-child{box-shadow:0 14px 35px rgba(216,173,90,.22)}
.hero .dots{bottom:30px;right:50%;transform:translateX(50%);background:rgba(0,0,0,.2);padding:9px 12px;border-radius:999px;backdrop-filter:blur(8px)}
.home-command{position:relative;z-index:10;margin:-38px auto 0;max-width:1120px;padding:10px}.home-command-inner{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border:1px solid rgba(216,173,90,.22);border-radius:24px;padding:12px;box-shadow:0 20px 55px rgba(11,61,45,.15)}
.home-command a{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 10px;border-radius:16px;font-weight:900;color:var(--v6-green);background:#f6faf7}.home-command a:hover{background:var(--v6-green);color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px rgba(11,61,45,.16)}.home-command a span{font-size:24px}
.stats-section{padding-top:38px}.quick-grid{gap:16px}.quick{background:linear-gradient(145deg,#123f30,#1c5d45);border:1px solid rgba(216,173,90,.22);box-shadow:0 15px 35px rgba(11,61,45,.12);padding:22px}.quick b{font-size:34px}.quick:first-child{border-radius:24px 12px 12px 12px}.quick:last-child{border-radius:12px 24px 12px 12px}
.section{padding:105px 0}.section:nth-of-type(even){background:#f8faf8}.section-head h2{font-size:42px;letter-spacing:-.5px}.section-head:after{content:'';display:block;width:74px;height:4px;border-radius:9px;background:linear-gradient(90deg,var(--v6-gold),var(--v6-green2));margin:18px auto 0}.lead{font-size:17px}
.features{grid-template-columns:repeat(3,1fr)}.feature{position:relative;overflow:hidden;padding:38px 30px}.feature:before{content:'';position:absolute;width:130px;height:130px;border-radius:50%;background:#eaf3ed;top:-60px;left:-40px}.feature .icon{position:relative;width:76px;height:76px;margin:0 auto 18px;border-radius:24px;background:linear-gradient(135deg,#d9ad5a,#f3d995);display:grid;place-items:center;box-shadow:0 12px 25px rgba(216,173,90,.2)}
.cards{gap:26px}.cards .card{border-radius:24px}.cards .card img{height:250px}.cards .card-body{padding:26px}.cards .card h3{font-size:22px}.cards .card .eyebrow{font-size:12px}.cards .card .btn{border-radius:14px}
.community-posts{margin-top:28px}.community-posts .card{background:linear-gradient(180deg,#fff,#f7faf8)}
.gallery{gap:14px}.gallery img{border-radius:18px;transition:.4s}.gallery img:hover{transform:scale(1.025);filter:saturate(1.08)}
.search-wrap{margin-top:25px}.search-wrap:before{content:'جستجوی سریع در سایت';display:block;font-size:12px;font-weight:900;color:var(--v6-green);margin:0 4px 7px}.search-wrap .input{border-radius:18px!important;border:1px solid var(--v6-line)!important}
.footer{margin-top:0;background:linear-gradient(145deg,#082d22,#123f30);color:#eaf2ed}.footer a:hover{color:var(--v6-gold)}
/* Admin premium */
.admin{background:radial-gradient(circle at 85% 5%,#e7f2eb 0,transparent 28%),#f1f5f2}.admin-topbar{background:rgba(7,39,29,.95);box-shadow:0 15px 45px rgba(0,0,0,.18)}
.admin-layout>.sidebar{background:linear-gradient(180deg,#082f22,#0e3b2c);box-shadow:inset -1px 0 rgba(255,255,255,.06)}.side-brand{font-size:25px}.side-link{min-height:54px;font-size:14px}.side-link svg{width:30px;height:30px;stroke-width:1.9;fill:none;stroke:currentColor}.side-link:hover{background:linear-gradient(90deg,rgba(216,173,90,.16),rgba(255,255,255,.05));transform:translateX(-3px)}
.panel{max-width:1600px;width:100%;margin:auto}.admin-page-hero{padding:25px;border-radius:26px;background:linear-gradient(135deg,#fff,#f2f8f4);border:1px solid #dce8e0;box-shadow:0 18px 45px rgba(11,61,45,.08)}.admin-page-hero h1{font-size:36px}.settings-hero-btn{min-width:290px;min-height:80px}.statgrid{grid-template-columns:repeat(6,1fr);margin-top:24px}.stat{position:relative;overflow:hidden;border:1px solid #e1eae5}.stat:after{content:'';position:absolute;width:80px;height:80px;border-radius:50%;background:#edf5ef;left:-25px;bottom:-25px}.stat p{color:#64756c;font-weight:800}.stat b{font-size:36px;color:var(--v6-green)}
.dashboard-cards{grid-template-columns:repeat(3,1fr);gap:20px}.dash-action{min-height:155px;position:relative;border:1px solid #e0e9e3;padding:25px}.dash-action span{width:64px;height:64px;border-radius:20px;background:#edf5ef;display:grid;place-items:center}.dash-action:hover{box-shadow:0 20px 45px rgba(11,61,45,.14)}.settings-action{background:linear-gradient(135deg,#fffaf0,#fff)}
.home-management{margin-top:28px;background:linear-gradient(135deg,#0d4938,#1c664d);border-radius:28px;padding:28px;color:#fff;box-shadow:0 20px 50px rgba(11,61,45,.2)}.home-management h2{margin-top:0}.home-management-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.home-management-grid a{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);padding:17px;border-radius:18px;display:flex;align-items:center;gap:12px}.home-management-grid a:hover{background:rgba(216,173,90,.2);transform:translateY(-3px)}.home-management-grid i{font-style:normal;font-size:28px}.home-management-grid small{display:block;color:#cde0d7;margin-top:3px}
.table{border:1px solid #e0e9e3}.table th{background:#f3f8f4;color:#315246;font-size:13px}.table tr:hover td{background:#fbfdfb}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.table-actions a,.table-actions button{width:44px;height:44px;border-radius:13px}
/* Admin mobile */
@media(max-width:1100px){.home-command-inner{grid-template-columns:repeat(3,1fr)}.statgrid{grid-template-columns:repeat(3,1fr)}.home-management-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.hero{height:520px!important;max-height:520px!important}.home-command{margin:-25px 12px 0}.home-command-inner{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr}.statgrid{grid-template-columns:repeat(2,1fr)}.dashboard-cards{grid-template-columns:1fr 1fr}.home-management-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.nav{height:68px}.nav .container{height:68px}.brand{font-size:20px}.brand:after{display:none}.hero{height:480px!important;max-height:480px!important;border-radius:0 0 24px 24px}.hero h1{font-size:42px}.hero p{font-size:16px}.home-command-inner{grid-template-columns:1fr 1fr}.home-command a{padding:13px 7px;font-size:13px}.home-command a span{font-size:21px}.section{padding:75px 0}.section-head h2{font-size:31px}.statgrid{grid-template-columns:1fr 1fr}.dashboard-cards{grid-template-columns:1fr}.home-management-grid{grid-template-columns:1fr}.admin-page-hero h1{font-size:28px}}

/* ===== V7 Premium Homepage + Admin ===== */
.home-command{position:relative;z-index:20;margin-top:-28px}.home-command-inner{width:min(1100px,92%);margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;background:#fff;padding:12px;border-radius:22px;box-shadow:0 18px 50px rgba(18,59,45,.16)}.home-command-inner a{display:flex;align-items:center;justify-content:center;gap:9px;padding:16px 10px;border-radius:16px;font-weight:800;color:var(--green);transition:.25s}.home-command-inner a span{font-size:28px}.home-command-inner a:hover{background:linear-gradient(135deg,#edf5ef,#fff6df);transform:translateY(-4px);box-shadow:0 12px 25px rgba(18,59,45,.1)}
.search-wrap{position:relative;max-width:850px;margin:30px auto 0}.search-results{position:absolute;z-index:80;top:68px;left:0;right:0;background:#fff;border-radius:18px;box-shadow:0 20px 55px #123b2d22;padding:10px;max-height:430px;overflow:auto}.search-results a{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px}.search-results a:hover{background:#f0f5f1}
.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid .card{min-width:0}.content-grid .card img{aspect-ratio:16/9;height:auto;max-height:300px;object-fit:cover}.content-grid .card-body{min-height:180px;display:flex;flex-direction:column}.content-grid .card-body .btn{align-self:flex-start;margin-top:auto}.community-posts{margin-top:25px}
.post-hero-image,.article-image{width:100%;max-height:520px;object-fit:cover;border-radius:24px;display:block}.article-body img,.post-body img{max-width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:18px;display:block;margin:24px auto}
.back-to-top{position:fixed;left:24px;bottom:24px;width:56px;height:56px;border:0;border-radius:50%;background:var(--gold);color:var(--green);font-size:26px;font-weight:900;box-shadow:0 14px 35px #123b2d33;cursor:pointer;z-index:150;opacity:0;transform:translateY(20px);pointer-events:none;transition:.3s}.back-to-top.show{opacity:1;transform:none;pointer-events:auto}.back-to-top:hover{transform:translateY(-4px) scale(1.05)}
.admin-topbar{position:sticky;top:0;z-index:120;background:rgba(13,43,32,.96);color:#fff;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff18}.admin-topbar-inner{width:min(1400px,94%);margin:auto;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-topbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.top-icon-btn,.top-logout-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:13px;background:#ffffff10;border:1px solid #ffffff18;color:#fff;font-weight:700}.top-icon-btn:hover{background:#d9ae58;color:#15382b;transform:translateY(-2px)}.top-logout-btn{background:#a93c3c}.top-logout-btn:hover{background:#d95656;transform:translateY(-2px)}
.admin-main{margin-right:0;min-width:0}.admin-page-head{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:25px}.admin-page-head h1{font-size:34px;margin:8px 0}.home-hero-admin{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#103a2b,#1e674c);color:#fff;margin-bottom:25px;box-shadow:0 20px 50px #123b2d22}.home-hero-admin p{opacity:.8}.home-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 28px}.home-preview-card{background:#fff;border:1px solid #e4ebe7;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 30px #123b2d0b;transition:.25s}.home-preview-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #123b2d18}.home-preview-card span{font-size:38px}.home-preview-card small{color:var(--muted);line-height:1.8}.home-section-list{display:flex;flex-direction:column;gap:10px;margin:18px 0 24px}.home-section-row{display:grid;grid-template-columns:62px 1fr 70px 120px;gap:15px;align-items:center;background:#f8faf8;border:1px solid #e1e9e4;border-radius:18px;padding:12px 15px}.home-section-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#fff;font-size:27px;box-shadow:0 8px 20px #123b2d0c}.home-section-info{display:flex;flex-direction:column;gap:4px}.home-section-info small{color:var(--muted)}.switch{position:relative;width:52px;height:30px;display:inline-block}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:20px;background:#c9d4ce;cursor:pointer;transition:.25s}.switch span:before{content:"";position:absolute;width:22px;height:22px;right:4px;top:4px;background:#fff;border-radius:50%;transition:.25s;box-shadow:0 2px 6px #0002}.switch input:checked+span{background:var(--green2)}.switch input:checked+span:before{transform:translateX(-22px)}.sort-field{font-size:12px;color:var(--muted)}.sort-field input{width:75px;padding:8px;margin-top:4px}.home-title-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:20px 0}.home-title-card{border:1px solid #e1e9e4;background:#fff;border-radius:18px;padding:18px}.home-title-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}.big-icon{font-size:34px}.nav-badge{margin-right:auto;background:#d9ae58;color:#123b2d;border-radius:9px;padding:3px 7px;font-size:12px}.settings-link{background:#ffffff08;border:1px solid #ffffff0d}
@media(max-width:900px){.home-command-inner{grid-template-columns:repeat(3,1fr)}.features,.cards{grid-template-columns:repeat(2,1fr)}.stats,.statgrid{grid-template-columns:repeat(2,1fr)}.home-preview-grid{grid-template-columns:repeat(2,1fr)}.home-title-grid{grid-template-columns:1fr}.admin-page-head,.home-hero-admin{flex-direction:column;align-items:stretch}.admin-layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.menu{display:none}}
@media(max-width:600px){.home-command{margin-top:-18px}.home-command-inner{grid-template-columns:repeat(2,1fr);padding:8px}.home-command-inner a{padding:12px 6px;font-size:13px}.home-command-inner a span{font-size:23px}.features,.cards,.content-grid,.stats,.statgrid,.home-preview-grid{grid-template-columns:1fr}.hero{height:540px}.section{padding:60px 0}.section-head h2{font-size:29px}.home-section-row{grid-template-columns:48px 1fr 55px;gap:8px}.sort-field{grid-column:2/4}.admin-topbar-inner{align-items:flex-start;padding:10px 0;flex-direction:column}.admin-topbar-actions{width:100%}.top-icon-btn,.top-logout-btn{flex:1;justify-content:center}.panel{padding:18px}.back-to-top{left:14px;bottom:14px;width:50px;height:50px}}

/* ===== Tefli Admin Pro v2 ===== */
.admin{background:#f4f7f5;min-height:100vh}.admin-layout{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;width:270px;flex:0 0 270px;background:#10251c;color:#fff;padding:18px 14px;box-shadow:0 8px 30px rgba(0,0,0,.12);z-index:20}.side-brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:900;padding:10px 12px 22px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:12px}.brand-mark{font-size:28px}.side-link{display:flex;align-items:center;gap:10px;color:#dce9e2;text-decoration:none;padding:12px 13px;border-radius:12px;margin:4px 0;transition:.2s;font-weight:700}.side-link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.side-link:hover,.side-link:focus{background:#1c3b2d;color:#fff;transform:translateX(-2px)}.home-admin-link{background:linear-gradient(135deg,#245b43,#173b2b);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.nav-badge{margin-right:auto;font-size:11px;opacity:.8}.logout-link{margin-top:18px;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.admin-topbar{position:fixed;top:0;right:270px;left:0;height:68px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid #e5ece8;z-index:15}.admin-topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.admin-topbar-user{color:#789086;margin-right:12px;font-size:13px}.admin-topbar-actions{display:flex;gap:8px;align-items:center}.top-icon-btn,.top-logout-btn{padding:9px 12px;border:1px solid #dce6e1;border-radius:10px;text-decoration:none;color:#234438;background:#fff;font-weight:700;font-size:13px}.top-logout-btn{background:#fff5f4;color:#a33a31;border-color:#f0d3d0}.panel{flex:1;min-width:0;padding:98px 30px 40px}.admin-page-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#123526,#1d6044);color:#fff;border-radius:22px;padding:28px;margin-bottom:24px;box-shadow:0 15px 35px rgba(18,53,38,.16)}.admin-page-hero h1{margin:6px 0}.admin-page-hero .muted{color:#d4e7dd}.settings-hero-btn{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:13px 16px;border-radius:15px;color:#fff;text-decoration:none}.settings-hero-btn small{display:block;opacity:.75;margin-top:3px}.settings-big-icon{font-size:28px}.statgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:22px}.stat{background:#fff;border:1px solid #e4ebe7;border-radius:17px;padding:17px;box-shadow:0 6px 18px rgba(25,54,43,.05)}.stat p{margin:8px 0 3px;color:#708179;font-size:13px}.stat b{font-size:25px;color:#173c2d}.dashboard-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.dash-action{background:#fff;border:1px solid #e3ebe7;border-radius:17px;padding:18px;text-decoration:none;color:#193d2e;display:block;transition:.2s}.dash-action:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(25,54,43,.09)}.dash-action span{font-size:26px}.dash-action b,.dash-action small{display:block}.dash-action b{margin-top:10px}.dash-action small{color:#77867f;margin-top:5px;line-height:1.7}.settings-action{border:2px solid #d9e9e1}.home-management{margin-top:22px;background:#143629;color:#fff;border-radius:20px;padding:22px}.home-management h2{margin-top:0}.home-management-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-management-grid a{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.08);padding:14px;border-radius:13px;color:#fff;text-decoration:none}.home-management-grid a:hover{background:rgba(255,255,255,.14)}.home-management-grid i{font-style:normal;font-size:25px}.home-management-grid small{display:block;color:#b9d1c5;margin-top:4px}.home-sections-form,.home-title-grid{background:#fff;border:1px solid #e4ebe7;border-radius:18px;padding:20px}.home-section-list{display:grid;gap:10px;margin:15px 0}.home-section-row{display:grid;grid-template-columns:44px 1fr auto 100px;align-items:center;gap:12px;padding:12px;border:1px solid #e5ece8;border-radius:13px}.home-section-icon{font-size:23px;text-align:center}.home-section-info small{display:block;color:#87948e;margin-top:3px}.sort-field{font-size:12px;color:#708078}.sort-field input{display:block;width:80px;margin-top:4px}.home-title-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-title-card{border:1px solid #e5ece8;border-radius:14px;padding:15px}.home-title-top{display:flex;gap:10px;align-items:center;margin-bottom:12px}.big-icon{font-size:26px}.language-card{background:#edf7f1;border:1px solid #d4e9dc;padding:16px;border-radius:15px;display:flex;gap:12px;margin-bottom:18px}.language-card>span{font-size:25px}.form .input,.form textarea,.form select{border:1px solid #dbe5e0;border-radius:10px;padding:11px 12px;background:#fff}.form label{font-weight:700;color:#395348}.mini-bars{min-height:150px;display:flex;align-items:end;gap:10px;padding:15px 0}.mini-bar{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.mini-bar i{display:block;width:100%;max-width:42px;background:#2f7657;border-radius:8px 8px 3px 3px}.mini-bar small{font-size:10px;color:#718078}.install-page{background:linear-gradient(135deg,#eff7f2,#dcebe3)}.install-card{max-width:620px;margin:7vh auto;background:#fff;border-radius:24px;padding:30px;box-shadow:0 20px 60px rgba(20,55,39,.12)}
@media(max-width:1200px){.statgrid{grid-template-columns:repeat(3,1fr)}.home-management-grid{grid-template-columns:repeat(2,1fr)}.dashboard-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.sidebar{position:fixed;right:-280px;transition:.25s}.sidebar.open{right:0}.admin-topbar{right:0}.panel{padding:88px 14px 28px}.admin-topbar-inner{padding:0 14px}.top-icon-btn span,.admin-topbar-user{display:none}.admin-page-hero{align-items:flex-start;flex-direction:column}.statgrid{grid-template-columns:repeat(2,1fr)}.dashboard-cards,.home-title-grid{grid-template-columns:1fr}.home-section-row{grid-template-columns:40px 1fr auto}.sort-field{grid-column:2/-1}.home-management-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.statgrid{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:12px}.home-management-grid{grid-template-columns:1fr}.admin-page-hero{padding:20px}.panel{padding-left:10px;padding-right:10px}.home-section-row{grid-template-columns:34px 1fr auto}.side-brand{font-size:21px}}


/* ===== Tefli Pro V2 visual layer ===== */
:root{--deep:#0c3c2c;--green:#176b4e;--gold:#d7ae5d;--cream:#f8f5ec;--ink:#17362b}
.hero{height:clamp(500px,68vh,720px);min-height:500px}.slide{background-position:center center}.hero-content{max-width:780px}.hero .eyebrow{display:inline-flex;padding:8px 13px;border-radius:999px;background:rgba(215,174,93,.15);border:1px solid rgba(215,174,93,.4);backdrop-filter:blur(6px)}
.home-command{position:relative;z-index:8;margin-top:-34px}.home-command-inner{background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border:1px solid rgba(18,60,45,.1);box-shadow:0 18px 45px rgba(18,60,45,.14);border-radius:24px;padding:10px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.home-command-inner a{display:flex;align-items:center;justify-content:center;gap:9px;padding:16px 10px;border-radius:18px;text-decoration:none;color:var(--ink);font-weight:900;transition:.25s}.home-command-inner a:hover{background:linear-gradient(135deg,#eff8f2,#fff7e8);transform:translateY(-4px);box-shadow:0 10px 25px rgba(18,60,45,.1)}.home-command-inner a span{font-size:28px}
.feature-strip{padding:22px 0 0}.feature-strip-inner{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:15px}.feature-highlight,.feature-mini{border-radius:22px;min-height:150px;padding:25px;position:relative;overflow:hidden}.feature-highlight{background:linear-gradient(135deg,#0e3f2f,#1e6a4e);color:#fff}.feature-highlight:after{content:'✦';position:absolute;left:20px;bottom:-25px;font-size:150px;opacity:.08}.feature-mini{background:#fff;border:1px solid #e4ece7;box-shadow:0 12px 30px rgba(18,60,45,.06)}.feature-mini span,.feature-highlight span{font-size:36px}.feature-mini b,.feature-mini small{display:block}.feature-mini small{color:#728078;margin-top:6px;line-height:1.8}
.section-head{max-width:860px}.section-head h2{letter-spacing:-.5px}.content-grid{align-items:stretch}.content-grid .card{height:100%}.card>img{display:block;width:100%;height:230px;object-fit:cover}.community-posts{margin-top:18px}.community-posts .card>img{height:220px}.cards>.card .card-body{display:flex;flex-direction:column;height:calc(100% - 230px)}.cards>.card .card-body .btn{margin-top:auto;align-self:flex-start}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery img{width:100%;height:240px;object-fit:cover;border-radius:20px;cursor:pointer;transition:.3s;box-shadow:0 10px 28px rgba(18,60,45,.08)}.gallery img:hover{transform:scale(1.025);box-shadow:0 18px 40px rgba(18,60,45,.16)}
.lightbox{position:fixed;inset:0;background:rgba(4,18,13,.9);z-index:100;display:grid;place-items:center;padding:30px}.lightbox img{max-width:min(1200px,94vw);max-height:88vh;object-fit:contain;border-radius:18px;box-shadow:0 30px 90px #0008}.lightbox button{position:absolute;top:20px;left:20px;width:52px;height:52px;border:0;border-radius:50%;background:#fff;color:#17362b;font-size:32px;cursor:pointer}
.tefli-toast{position:fixed;right:24px;bottom:24px;z-index:300;background:#153d2e;color:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 15px 40px #0003;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}.tefli-toast.show{transform:none;opacity:1}.tefli-toast.error{background:#9d3e36}.tefli-toast.success{background:#176b4e}
.admin-review-panel{margin:22px 0;padding:22px}.review-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.review-counts{display:flex;gap:8px;flex-wrap:wrap}.review-counts span{background:#edf7f1;border:1px solid #d5e8dc;border-radius:12px;padding:10px 12px;color:#2a5140}.review-list{display:grid;gap:9px;margin-top:18px}.review-item{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #e1e9e4;background:#f9fbfa;border-radius:14px;padding:12px 14px}.review-item>div{display:flex;flex-direction:column;gap:4px}.review-item small{color:#7b8982}.review-tag{font-size:11px;color:#176b4e;background:#e7f3ec;padding:3px 7px;border-radius:7px;width:max-content}.mini-btn{padding:9px 13px}.review-empty,.review-loading{padding:20px;text-align:center;color:#738078;background:#f7faf8;border-radius:14px}
.slider-editor,.admin-edit-card{overflow:hidden}.current-slider img{width:min(100%,700px);aspect-ratio:1920/720;object-fit:cover;border-radius:16px}.slider-thumb{aspect-ratio:1920/720;overflow:hidden}.slider-thumb img{width:100%;height:100%;object-fit:cover}.admin-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-admin-card{overflow:hidden;background:#fff;border:1px solid #e3ebe7;border-radius:18px;box-shadow:0 10px 25px #123b2d0b}.gallery-admin-card>img{width:100%;height:190px;object-fit:cover}.gallery-admin-card>div{padding:14px;display:flex;flex-direction:column;gap:8px}.user-actions{display:flex;flex-wrap:wrap;gap:6px}.action-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border-radius:10px;border:1px solid #dce7e1;background:#fff;color:#234438;text-decoration:none;cursor:pointer}.action-btn:hover{transform:translateY(-2px);background:#eff8f2}.action-btn.danger{color:#a13b34;background:#fff7f6}
@media(max-width:1000px){.feature-strip-inner{grid-template-columns:repeat(2,1fr)}.feature-highlight{grid-column:1/-1}.gallery{grid-template-columns:repeat(3,1fr)}.admin-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.home-command-inner{grid-template-columns:repeat(2,1fr)}.feature-strip-inner{grid-template-columns:1fr}.feature-highlight{grid-column:auto}.gallery,.admin-gallery{grid-template-columns:1fr 1fr}.gallery img{height:180px}.review-head{align-items:flex-start;flex-direction:column}.review-item{align-items:flex-start;flex-direction:column}.hero{height:540px;min-height:540px}.hero h1{font-size:42px}.hero p{font-size:17px}}

/* ===== Tefli Final Premium Polish ===== */
:root{--teal:#0b6b55;--gold2:#efc76d;--line:#e3ebe6}
::selection{background:var(--gold);color:var(--green)}
img{max-width:100%}
.post-cover,.article-cover,.detail-image{width:100%;max-height:520px;object-fit:cover;border-radius:24px;display:block}
.post-body,.article-body,.detail-body{font-size:18px;line-height:2.25;max-width:900px;margin:auto}
.post-body img,.article-body img,.detail-body img{display:block;width:auto;max-width:100%;height:auto;max-height:520px;object-fit:contain;margin:25px auto;border-radius:18px;box-shadow:0 12px 35px #0001}
.content-grid,.community-posts{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-command{position:relative;z-index:20;margin-top:-1px;background:rgba(255,255,255,.96);box-shadow:0 12px 35px #123b2d16;backdrop-filter:blur(12px)}
.home-command-inner{width:min(1180px,92%);margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px}
.home-command a{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:16px;font-weight:800;color:var(--green);transition:.25s}
.home-command a:hover{background:var(--green);color:#fff;transform:translateY(-3px)}
.home-command a span{font-size:24px}
.search-wrap{position:relative;margin-top:25px}
.search-results{position:absolute;z-index:60;left:0;right:0;top:68px;background:#fff;border-radius:18px;box-shadow:0 25px 60px #123b2d20;overflow:hidden}
.search-results a{display:flex;gap:15px;padding:14px 18px;border-bottom:1px solid var(--line);align-items:center}
.search-results a:hover{background:#f3f8f5}
.search-results img{width:58px;height:48px;object-fit:cover;border-radius:10px}
.slider,.hero{height:min(650px,70vh);min-height:460px}
.slider img,.hero img{max-height:100%;object-fit:cover}
.back-to-top{position:fixed;left:22px;bottom:22px;z-index:200;width:52px;height:52px;border:0;border-radius:18px;background:var(--green);color:#fff;font-size:26px;font-weight:900;box-shadow:0 15px 35px #123b2d35;opacity:0;pointer-events:none;transform:translateY(15px);transition:.25s}
.back-to-top.show{opacity:1;pointer-events:auto;transform:none}
.back-to-top:hover{background:var(--gold);color:var(--green);transform:translateY(-4px)}
.admin-topbar{position:sticky;top:0;z-index:120;background:rgba(13,43,32,.97);box-shadow:0 10px 30px #0002}
.admin-topbar-inner{max-width:1500px;margin:auto;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.admin-topbar-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.top-icon-btn,.top-logout-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:12px;color:#fff;border:1px solid #ffffff22;background:#ffffff0d}
.top-logout-btn{background:#b64b3c}
.top-icon-btn:hover,.top-logout-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.nav-badge{font-size:11px;background:var(--gold);color:#17362b;border-radius:999px;padding:3px 7px;margin-right:auto}
.sidebar svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.side-link{min-height:52px}
.side-link:hover svg{transform:scale(1.12)}
.table-wrap{overflow:auto;border-radius:18px}
.table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;background:#fff}
.table th{background:#eef5f0;color:var(--green);font-weight:900}
.table th,.table td{padding:14px;border-bottom:1px solid var(--line);text-align:right}
.table tr:hover td{background:#fbfdfb}
.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:11px;background:#f1f6f3;border:1px solid #dce8e1;color:var(--green);font-weight:800}
.action-btn:hover{background:var(--gold);color:#17362b;transform:translateY(-2px)}
.danger{color:#a53e35!important}
.notice{border-radius:16px;padding:15px 18px;margin:16px 0}
.notice.success{background:#e8f6ee;color:#17633e}.notice.error{background:#fff0ee;color:#9e382e}
@media(max-width:900px){
 .features,.cards,.content-grid,.community-posts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-command-inner{grid-template-columns:repeat(3,1fr)}
 .admin-layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}
}
@media(max-width:600px){
 .features,.cards,.content-grid,.community-posts{grid-template-columns:1fr}
 .home-command-inner{grid-template-columns:repeat(2,1fr)}
 .home-command a{font-size:13px}
 .home-command a span{font-size:20px}
 .hero,.slider{min-height:430px;height:58vh}
 .hero h1{font-size:40px}
 .admin-topbar-inner{align-items:flex-start;flex-direction:column}
 .admin-topbar-actions{width:100%}.top-icon-btn,.top-logout-btn{flex:1;justify-content:center}
}

.icon-action{border:0;background:transparent;cursor:pointer;font-size:21px;padding:8px;border-radius:10px}.icon-action:hover{background:#edf4ef;transform:scale(1.08)}.icon-action.danger:hover{background:#fff0ef}.table-wrap{overflow-x:auto}

/* Separate administrator / member authentication */
.login-choice-card{max-width:920px;margin:40px auto;text-align:center}.login-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:30px 0}.login-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;border-radius:26px;border:1px solid #dfe9e3;text-decoration:none;color:inherit;background:#fff;box-shadow:0 18px 50px rgba(13,73,56,.10);transition:.28s}.login-choice:hover{transform:translateY(-7px);box-shadow:0 28px 65px rgba(13,73,56,.18);border-color:#d9ad5b}.choice-icon{width:78px;height:78px;display:grid;place-items:center;border-radius:24px;font-size:38px;background:#eef5f1}.login-choice strong{font-size:23px}.login-choice small{color:#6e7d76;line-height:1.9;min-height:48px}.login-choice b{color:#17694e}.admin-choice .choice-icon{background:#fff3d7}.member-choice .choice-icon{background:#e9f5f0}.admin-auth-page .auth-card{border-top:5px solid #d9ad5b}@media(max-width:700px){.login-choice-grid{grid-template-columns:1fr}.login-choice{padding:26px 18px}}

/* === ADMIN LAYOUT FIX v4 === */
body.admin{padding-top:72px;overflow-x:hidden}
.admin-layout{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;min-height:calc(100vh - 72px)!important;align-items:start!important}
.admin-layout>.sidebar{grid-column:1!important;grid-row:1!important;position:sticky!important;top:72px!important;height:calc(100vh - 72px)!important;max-height:calc(100vh - 72px)!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:1001!important;padding-top:22px!important}
.admin-layout>.panel{grid-column:2!important;grid-row:1!important;min-width:0!important;padding:32px!important;padding-top:32px!important;position:relative!important;z-index:1!important}
.admin-layout>.admin-topbar{position:fixed!important;grid-column:auto!important;grid-row:auto!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:72px!important;z-index:2000!important}
.admin-layout>.admin-main{grid-column:2!important;grid-row:1!important;min-width:0!important;padding-top:32px!important}
.admin-layout>.admin-main>.panel{padding-top:0!important}
.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}
.admin-topbar-inner{max-width:none!important}
@media(max-width:900px){
 body.admin{padding-top:72px}
 .admin-layout{display:block!important;min-height:auto!important}
 .admin-layout>.sidebar{position:relative!important;top:auto!important;height:auto!important;max-height:none!important;overflow:visible!important}
 .admin-layout>.panel,.admin-layout>.admin-main{padding:20px!important}
 .admin-layout>.admin-topbar{height:64px!important}
 .admin-topbar-inner{padding:0 14px!important}
 .admin-topbar-user{display:none!important}
 .admin-topbar-actions .top-icon-btn span{display:none!important}
}


/* ===== Tefli V8 final admin/mobile UI ===== */
body.admin{padding-top:74px!important;overflow-x:hidden!important;background:#f4f7f5!important}
.admin-layout{display:block!important;min-height:calc(100vh - 74px)!important;position:relative!important}
.admin-layout>.sidebar{position:fixed!important;right:0!important;left:auto!important;top:74px!important;width:290px!important;height:calc(100vh - 74px)!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:1500!important;padding:22px 16px 32px!important;background:linear-gradient(180deg,#0d3327,#09271f)!important;box-shadow:-18px 0 45px rgba(8,38,29,.16)!important}
.admin-layout>.panel{margin-right:290px!important;margin-left:0!important;min-width:0!important;padding:34px!important;position:relative!important;z-index:1!important}
.admin-layout>.admin-topbar{position:fixed!important;top:0!important;right:0!important;left:0!important;width:100%!important;height:74px!important;z-index:2000!important}
.admin-topbar-inner{height:74px!important;max-width:none!important;padding:10px 20px!important}
.admin-brand-row{display:flex;align-items:center;gap:12px}
.admin-menu-toggle{display:none;border:0;background:#ffffff16;color:#fff;width:48px;height:48px;border-radius:15px;font-size:25px;cursor:pointer;box-shadow:0 8px 22px #0002}
.sidebar .side-link{min-height:58px!important;margin:8px 0!important;padding:13px 14px!important;border:1px solid transparent!important;border-radius:17px!important;font-size:16px!important;font-weight:800!important;transition:transform .2s ease,background .2s ease,box-shadow .2s ease!important}
.sidebar .side-link svg{width:31px!important;height:31px!important;stroke-width:2.1!important}
.sidebar .side-link:hover,.sidebar .side-link.active{background:linear-gradient(135deg,#ffffff18,#ffffff0a)!important;border-color:#ffffff16!important;transform:translateX(-5px)!important;box-shadow:0 10px 25px #0002!important}
.sidebar .logout-link{margin-top:18px!important;background:#a93d3518!important;border-color:#ffffff12!important}
.panel .btn,.panel .action-btn,.panel .settings-hero-btn,.panel .top-icon-btn{min-height:48px!important;border-radius:15px!important;font-weight:900!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
.panel .btn:hover,.panel .action-btn:hover,.panel .settings-hero-btn:hover{transform:translateY(-3px) scale(1.01)!important;box-shadow:0 12px 28px rgba(19,74,55,.14)!important}
.panel .form{max-width:none!important}
.panel h1{font-size:clamp(28px,3vw,42px)!important}
.admin-topbar-actions .top-icon-btn,.admin-topbar-actions .top-logout-btn{min-height:46px!important;border-radius:14px!important;font-weight:900!important}
.admin-overlay{display:none}
@media(max-width:900px){
 body.admin{padding-top:64px!important}
 .admin-layout>.sidebar{top:64px!important;right:-310px!important;width:290px!important;height:calc(100vh - 64px)!important;transition:right .28s ease!important}
 .admin-layout>.sidebar.open{right:0!important}
 .admin-layout>.panel{margin:0!important;padding:24px 16px 36px!important;width:100%!important}
 .admin-layout>.admin-topbar{height:64px!important}
 .admin-topbar-inner{height:64px!important;padding:8px 12px!important}
 .admin-menu-toggle{display:grid!important;place-items:center!important}
 .admin-topbar-user{display:none!important}
 .admin-topbar-actions .top-icon-btn span{display:none!important}
 .admin-topbar-actions{gap:6px!important}
 .admin-topbar-actions .top-icon-btn,.admin-topbar-actions .top-logout-btn{padding:9px 11px!important;min-width:44px!important;justify-content:center!important}
 .admin-overlay{display:block;position:fixed;inset:64px 0 0 0;background:rgba(3,19,14,.45);backdrop-filter:blur(2px);z-index:1400;opacity:0;pointer-events:none;transition:.25s}
 .admin-overlay.show{opacity:1;pointer-events:auto}
}
@media(max-width:600px){
 .panel{padding:18px 10px 30px!important}
 .statgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .stat{padding:16px!important;border-radius:18px!important}
 .admin-topbar-inner{gap:7px!important}
 .admin-topbar-actions .top-logout-btn{font-size:12px!important}
 .table-wrap{margin-inline:-4px!important}
 .action-btn{min-height:46px!important;padding:9px 12px!important}
}
/* larger interactive controls throughout the public site */
.btn,.auth-submit,.map-link,.hero-actions a,.nav a,.login-choice,.home-command a,.card-actions a{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
.btn:hover,.auth-submit:hover,.hero-actions a:hover,.login-choice:hover,.home-command a:hover{transform:translateY(-3px)!important;box-shadow:0 14px 30px rgba(17,72,53,.16)!important}
.card .icon,.big-icon,.choice-icon{transform:scale(1.05)}

/* Tefli unified visual polish + admin layout + contact form */
:root{--tefli-accent:#18a56f;--tefli-dark:#0d3a2c;--tefli-glow:rgba(24,165,111,.25)}
.btn,.dash-action,.login-choice,.settings-hero-btn,.top-icon-btn,.top-logout-btn,.side-link{transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease;position:relative;overflow:hidden}
.btn:hover,.dash-action:hover,.login-choice:hover,.settings-hero-btn:hover,.top-icon-btn:hover,.top-logout-btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px var(--tefli-glow)}
.btn:active,.dash-action:active,.login-choice:active{transform:translateY(0) scale(.98)}
.btn:after,.dash-action:after,.login-choice:after{content:"";position:absolute;inset:auto auto -45px -45px;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.12);transition:.35s}
.btn:hover:after,.dash-action:hover:after,.login-choice:hover:after{transform:scale(2.2)}
.icon,.choice-icon,.dash-action>span,.settings-big-icon,.home-management-grid i{font-size:2.5rem;line-height:1}
.side-link svg{width:30px!important;height:30px!important;min-width:30px}
.side-link{min-height:58px!important;font-size:1.02rem!important;border-radius:16px;margin:5px 10px}
.side-link:hover{transform:translateX(-4px);box-shadow:0 8px 22px rgba(0,0,0,.18)}
.admin-layout{display:grid!important;grid-template-columns:minmax(230px,280px) minmax(0,1fr)!important;grid-template-areas:"sidebar topbar" "sidebar panel";align-items:start!important;min-height:100vh}.admin .sidebar{grid-area:sidebar}.admin .admin-topbar{grid-area:topbar}.admin .panel{grid-area:panel}
.admin .sidebar{position:sticky!important;top:0!important;height:100vh!important;overflow-y:auto!important;z-index:50!important;width:auto!important;max-height:100vh!important}
.admin .panel{min-width:0!important;width:auto!important;overflow:visible!important;padding:32px!important;position:relative!important;z-index:1!important}
.admin-topbar{position:sticky!important;top:0!important;z-index:100!important}

.admin-menu-toggle{display:none!important}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:stretch}
.contact-info-card{display:flex;flex-direction:column;gap:14px;justify-content:center}
.contact-email{font-weight:800;font-size:1.05rem;word-break:break-all}
.contact-status{margin-top:12px;padding:12px 16px;border-radius:14px;font-weight:800;min-height:20px}
.contact-status.success{background:#e6f8ef;color:#11653f;border:1px solid #91dfb9}
.contact-status.error{background:#fff0f0;color:#a51e2b;border:1px solid #ef9aa3}
.contact-admin-card .contact-admin-head{display:flex;justify-content:space-between;gap:15px;align-items:center}
.contact-message-box{background:#f6f8f7;border:1px solid #dfe8e3;border-radius:16px;padding:18px;line-height:2;margin:14px 0}
.inline-actions{display:flex;gap:10px;flex-wrap:wrap}
.status-new{background:#fff2cf;color:#825900}.status-read{background:#e7f0ff;color:#22558d}.status-replied{background:#e5f8ee;color:#14633e}
@media(max-width:900px){.admin-layout{display:block!important;min-height:100vh}.admin .sidebar{position:fixed!important;top:0;right:-310px;width:290px!important;height:100vh!important;transition:right .28s ease;z-index:1000!important}.admin .sidebar.open{right:0}.admin .panel{padding:20px!important}.admin-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center!important;width:48px;height:48px;border:0;border-radius:14px;font-size:1.4rem;cursor:pointer}.contact-grid{grid-template-columns:1fr}.side-link{min-height:62px!important}.side-link svg{width:32px!important;height:32px!important}}
@media(max-width:600px){.btn{min-height:50px;padding:12px 18px}.icon,.choice-icon,.dash-action>span{font-size:2.2rem}.admin .panel{padding:14px!important}.contact-admin-card .contact-admin-head{flex-direction:column;align-items:flex-start}}

/* === FINAL ADMIN LAYOUT / UX FIX 2026-08 ===
   Desktop: sidebar is permanently on the LEFT, content on the RIGHT.
   Mobile: sidebar becomes a right-side drawer. */
body.admin{padding-top:0!important;overflow-x:hidden!important}
.admin-layout{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important;grid-template-areas:"sidebar topbar" "sidebar panel"!important;min-height:100vh!important;width:100%!important;align-items:stretch!important;direction:ltr!important}
.admin-layout>.sidebar{grid-area:sidebar!important;direction:rtl!important;position:sticky!important;left:0!important;right:auto!important;top:0!important;width:280px!important;height:100vh!important;max-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;padding:24px 16px 32px!important;margin:0!important;z-index:100!important;box-sizing:border-box!important}
.admin-layout>.admin-topbar{grid-area:topbar!important;direction:rtl!important;position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:auto!important;height:auto!important;min-height:74px!important;z-index:200!important;box-sizing:border-box!important}
.admin-layout>.panel{grid-area:panel!important;direction:rtl!important;min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:32px 38px 60px!important;position:relative!important;z-index:1!important;overflow:visible!important;box-sizing:border-box!important}
.admin-layout>.sidebar .side-brand{font-size:28px!important;padding:10px 12px 24px!important;text-align:center!important}
.admin-layout>.sidebar .side-link{min-height:64px!important;margin:8px 0!important;padding:14px 16px!important;border-radius:18px!important;font-size:16px!important;font-weight:850!important;gap:14px!important;box-sizing:border-box!important}
.admin-layout>.sidebar .side-link svg{width:36px!important;height:36px!important;min-width:36px!important;stroke-width:2.1!important}
.admin-layout>.sidebar .side-link>span{line-height:1.55!important}
.admin-layout>.sidebar .side-link:hover{transform:translateX(4px)!important}
.admin-layout>.sidebar .settings-link{margin-top:14px!important;border:1px solid rgba(217,174,91,.28)!important;background:rgba(217,174,91,.08)!important}
.admin-layout>.sidebar .logout-link{margin-top:18px!important}
.admin-main-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;margin:24px 0 30px!important}
.admin-main-stats .stat-feature{min-height:190px!important;padding:24px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-radius:24px!important;transition:transform .25s ease,box-shadow .25s ease!important}
.admin-main-stats .stat-feature:hover{transform:translateY(-7px)!important;box-shadow:0 22px 50px rgba(18,59,45,.13)!important}
.admin-main-stats .stat-icon{font-size:54px!important;line-height:1!important;display:block!important;margin-bottom:13px!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.08))!important}
.admin-main-stats .stat-feature p{font-size:17px!important;margin:3px 0 7px!important;font-weight:900!important;color:#496057!important}
.admin-main-stats .stat-feature b{font-size:42px!important;line-height:1.1!important;color:#173c2d!important}
.panel .btn,.panel .action-btn,.panel button[type="submit"]{min-height:50px!important;padding:12px 20px!important;border-radius:15px!important;font-size:15px!important;font-weight:900!important;cursor:pointer!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
.panel .btn:hover,.panel .action-btn:hover,.panel button[type="submit"]:hover{transform:translateY(-3px)!important;box-shadow:0 14px 30px rgba(19,74,55,.16)!important;filter:brightness(1.03)!important}
.admin-page-hero{width:100%!important;box-sizing:border-box!important}
.admin-topbar-inner{max-width:none!important;width:100%!important;box-sizing:border-box!important}
.admin-topbar-actions{direction:rtl!important}
@media(max-width:1100px){
 .admin-layout{grid-template-columns:240px minmax(0,1fr)!important}
 .admin-layout>.sidebar{width:240px!important}
 .admin-main-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:850px){
 .admin-layout{display:block!important;min-height:100vh!important;direction:rtl!important}
 .admin-layout>.admin-topbar{position:sticky!important;top:0!important;height:64px!important;min-height:64px!important;z-index:2000!important}
 .admin-layout>.sidebar{position:fixed!important;top:64px!important;right:-310px!important;left:auto!important;width:290px!important;height:calc(100vh - 64px)!important;max-height:none!important;transition:right .28s ease!important;z-index:2100!important;box-shadow:-18px 0 45px rgba(8,38,29,.22)!important}
 .admin-layout>.sidebar.open{right:0!important}
 .admin-layout>.panel{width:100%!important;margin:0!important;padding:24px 18px 45px!important}
 .admin-main-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .admin-main-stats .stat-feature{min-height:155px!important;padding:16px!important}
 .admin-main-stats .stat-icon{font-size:46px!important}
 .admin-main-stats .stat-feature b{font-size:34px!important}
}
@media(max-width:520px){
 .admin-layout>.panel{padding:18px 12px 36px!important}
 .admin-main-stats{grid-template-columns:1fr 1fr!important;gap:9px!important}
 .admin-main-stats .stat-feature{min-height:140px!important;padding:12px 8px!important;border-radius:18px!important}
 .admin-main-stats .stat-icon{font-size:39px!important}
 .admin-main-stats .stat-feature p{font-size:13px!important}
 .admin-main-stats .stat-feature b{font-size:29px!important}
}


/* ===== TEFLI ONE-TIME FINAL ADMIN OVERRIDE ===== */
body.admin{padding:0!important;margin:0!important;overflow-x:hidden!important;background:#f4f7f5!important}
body.admin .admin-layout{display:grid!important;grid-template-columns:290px minmax(0,1fr)!important;grid-template-rows:76px minmax(0,1fr)!important;grid-template-areas:"sidebar topbar" "sidebar panel"!important;direction:ltr!important;min-height:100vh!important;width:100%!important}
body.admin .admin-layout>.sidebar{grid-area:sidebar!important;position:sticky!important;left:0!important;right:auto!important;top:0!important;width:290px!important;height:100vh!important;max-height:100vh!important;box-sizing:border-box!important;overflow-y:auto!important;direction:rtl!important;z-index:3000!important}
body.admin .admin-layout>.admin-topbar{grid-area:topbar!important;position:sticky!important;top:0!important;right:auto!important;left:auto!important;width:auto!important;height:76px!important;min-height:76px!important;box-sizing:border-box!important;z-index:2500!important}
body.admin .admin-layout>.panel{grid-area:panel!important;position:relative!important;z-index:1!important;min-width:0!important;width:auto!important;margin:0!important;padding:30px 38px 70px!important;direction:rtl!important;box-sizing:border-box!important;overflow:visible!important}
body.admin .admin-layout>.sidebar .side-link{min-height:68px!important;font-size:17px!important;margin:8px 0!important;padding:15px 16px!important;border-radius:18px!important;display:flex!important;align-items:center!important;gap:14px!important}
body.admin .admin-layout>.sidebar .side-link svg{width:40px!important;height:40px!important;min-width:40px!important}
body.admin .admin-layout>.sidebar .side-link:hover{transform:translateX(5px)!important}
body.admin .admin-layout>.sidebar .settings-link{margin-top:18px!important}
body.admin .admin-layout>.sidebar .logout-link{margin-top:20px!important}
body.admin .admin-layout>.admin-topbar .admin-topbar-inner{height:76px!important;padding:10px 24px!important;box-sizing:border-box!important}
body.admin .admin-main-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}
body.admin .admin-main-stats .stat-feature{min-height:205px!important}
body.admin .admin-main-stats .stat-feature .stat-icon{font-size:64px!important}
body.admin .admin-main-stats .stat-feature p{font-size:18px!important}
body.admin .admin-main-stats .stat-feature b{font-size:46px!important}
body.admin .panel .btn,body.admin .panel .action-btn,body.admin .panel button[type=submit]{min-height:54px!important;padding:13px 22px!important;font-size:16px!important;border-radius:16px!important;cursor:pointer!important}
body.admin .panel .btn:hover,body.admin .panel .action-btn:hover,body.admin .panel button[type=submit]:hover{transform:translateY(-3px) scale(1.01)!important;box-shadow:0 16px 32px rgba(13,73,56,.18)!important}
.admin-thumb{width:70px;height:52px;object-fit:cover;border-radius:10px}
@media(max-width:1050px){body.admin .admin-layout{grid-template-columns:240px minmax(0,1fr)!important}body.admin .admin-layout>.sidebar{width:240px!important}body.admin .admin-main-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:850px){body.admin .admin-layout{display:block!important;direction:rtl!important}body.admin .admin-layout>.admin-topbar{position:sticky!important;top:0!important;width:100%!important;height:64px!important;min-height:64px!important}body.admin .admin-layout>.sidebar{position:fixed!important;top:64px!important;right:-310px!important;left:auto!important;width:290px!important;height:calc(100vh - 64px)!important;transition:right .28s ease!important}body.admin .admin-layout>.sidebar.open{right:0!important}body.admin .admin-layout>.panel{padding:24px 16px 45px!important;width:100%!important}body.admin .admin-main-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-menu-toggle{display:grid!important;place-items:center!important}}

/* Fix: RTL admin fly-out submenu for sidebar items */
.admin .side-nav-group{position:relative;margin:0;padding:0}
.admin .side-nav-group>.side-parent-link{position:relative}
.admin .side-nav-group .submenu-arrow{
  margin-right:auto;
  font-size:24px;
  line-height:1;
  opacity:.75;
  transition:transform .2s ease;
}
.admin .side-nav-group.open .submenu-arrow{transform:rotate(-90deg)}
.admin .side-submenu{
  position:absolute;
  top:0;
  right:auto;
  left:calc(100% + 10px);
  width:250px;
  padding:10px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(20,70,52,.12);
  box-shadow:0 18px 45px rgba(8,38,29,.20);
  display:none;
  z-index:5000;
  direction:rtl;
}
.admin .side-nav-group.open .side-submenu{display:block}
.admin .side-sub-link{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:11px 13px;
  margin:3px 0;
  border-radius:12px;
  color:#173f32;
  text-decoration:none;
  font-weight:750;
  white-space:nowrap;
}
.admin .side-sub-link:hover{
  background:#eef8f3;
  transform:translateX(-3px);
}
@media(max-width:850px){
  .admin .side-nav-group .side-submenu{
    position:static;
    width:auto;
    margin:4px 0 8px;
    box-shadow:none;
    border:0;
    background:rgba(255,255,255,.07);
    padding:6px;
  }
  .admin .side-nav-group.open .side-submenu{display:block}
  .admin .side-sub-link{color:#fff}
  .admin .side-sub-link:hover{background:rgba(255,255,255,.10)}
}

/* === ADMIN ALL-MENU FLYOUT v5 === */
@media(min-width:851px){
  .admin .side-nav-group .side-submenu{
    position:fixed!important;
    right:auto!important;
    width:260px!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100vh - 20px)!important;
    overflow:auto!important;
    z-index:99999!important;
    margin:0!important;
  }
}
@media(max-width:850px){
  .admin .side-nav-group .side-submenu{
    position:static!important;
    left:auto!important;
    top:auto!important;
  }
}

/* Final functional media/layout fixes */
.hero .slide{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#102d24!important;}
.feature-link{text-decoration:none;color:inherit;display:block;cursor:pointer;}
.feature-link em{display:block;margin-top:12px;color:var(--green);font-style:normal;font-weight:900;}
.feature-link:hover em{color:var(--gold);}
.attraction-media img{object-fit:contain!important;background:#f3f6f4;}
.detail-media img{width:100%;max-height:560px;object-fit:contain!important;background:#f3f6f4;border-radius:24px;}
.slider-thumb img,.current-slider img{object-fit:contain!important;background:#102d24;}

/* ===== Final Tefli repair: keep uploaded images fully visible inside cards ===== */
.content-grid .card>img,
.community-posts .card>img,
.cards>.card>img{
  width:100%!important;height:220px!important;max-height:220px!important;
  object-fit:contain!important;object-position:center!important;
  background:#eef3f0!important;padding:4px!important;
}
.gallery-admin-card img,.admin-gallery img{
  width:100%!important;height:190px!important;object-fit:contain!important;
  object-position:center!important;background:#eef3f0!important;
}
.admin .stat-link{display:flex!important;flex-direction:column!important;text-decoration:none!important;color:inherit!important;cursor:pointer!important}
.admin .stat-link small{display:block;margin-top:6px;color:var(--muted);font-weight:800}
.admin .stat-link:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(18,59,45,.14)}
.admin .dashboard-cards .dash-action,.admin .home-management-grid>a{transition:transform .22s ease,box-shadow .22s ease}
.admin .dashboard-cards .dash-action:hover,.admin .home-management-grid>a:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(18,59,45,.14)}
@media(max-width:900px){.content-grid .card>img,.community-posts .card>img,.cards>.card>img{height:190px!important;max-height:190px!important}}

/* Portal modules and reliable card media */
.portal-card img,.article-cover{width:100%;height:230px;object-fit:cover;display:block;background:#e8eee9}
.attraction-media{height:230px;aspect-ratio:16/9}
.attraction-media img{width:100%;height:100%;object-fit:cover;display:block}
.admin-thumb{width:92px;height:62px;object-fit:cover;border-radius:10px;display:block;background:#e8eee9}
.rich-text{line-height:2.25;font-size:17px;white-space:normal}
.sermon-media{display:grid;gap:16px;margin:25px 0}.sermon-media audio{width:100%;margin-top:8px}.sermon-media video{width:100%;max-height:500px;border-radius:16px;background:#111;margin-top:8px}
.sermon-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.sermon-columns section{background:#f5f8f5;border-radius:18px;padding:22px}.media-upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
@media(max-width:700px){.sermon-columns,.media-upload-grid{grid-template-columns:1fr}.portal-card img,.article-cover{height:200px}}

/* Final visual polish */
.nav{background:rgba(10,43,32,.94);border-bottom:1px solid rgba(255,255,255,.09)}
.nav .container{height:78px;gap:18px}
.brand{gap:10px;line-height:1.05;white-space:nowrap}.brand-mark{font-size:28px}.brand strong{display:block;font-size:23px}.brand small{display:block;color:#bdd1c7;font-size:10px;font-weight:500;margin-top:4px}
.menu{align-items:center;gap:5px;margin-right:auto}.menu a.nav-main-link{padding:10px 12px;border-radius:12px;font-size:14px;font-weight:700;opacity:.96}.menu a.nav-main-link:after{display:none}.menu a.nav-main-link:hover{background:rgba(255,255,255,.09);color:#f3d48c;transform:translateY(-1px)}
.nav-divider{height:30px;width:1px;background:rgba(255,255,255,.16);margin:0 6px}.nav-more{position:relative}.nav-more-btn{font:inherit;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);padding:10px 13px;border-radius:12px;cursor:pointer;font-weight:800}.nav-more-btn span{color:var(--gold);margin-right:5px}.nav-more-menu{position:absolute;right:0;top:calc(100% + 12px);width:225px;padding:8px;background:#fff;border:1px solid #e4ebe7;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s;z-index:120}.nav-more:hover .nav-more-menu,.nav-more:focus-within .nav-more-menu{opacity:1;visibility:visible;transform:none}.nav-more-menu a{display:block!important;color:#234438!important;padding:11px 12px!important;border-radius:10px;font-weight:700}.nav-more-menu a:after{display:none}.nav-more-menu a:hover{background:#edf5f0;color:var(--green2)!important}
.nav-user-btn,.nav-login-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:12px;font-size:13px;font-weight:800;white-space:nowrap}.nav-user-btn{background:rgba(217,174,88,.15);border:1px solid rgba(217,174,88,.35);color:#f1d38e}.nav-login-btn{background:#fff;color:var(--green);box-shadow:0 7px 20px rgba(0,0,0,.12)}
.intro-feature-link{display:block;color:inherit;text-decoration:none;position:relative;cursor:pointer}.intro-feature-link .feature-more{display:inline-flex;margin-top:12px;padding:8px 12px;border-radius:999px;background:#edf5f0;color:var(--green2);font-size:12px;font-weight:900;transition:.2s}.intro-feature-link:hover .feature-more{background:var(--green2);color:#fff;transform:translateX(-3px)}.intro-feature-link:hover .icon{transform:scale(1.08) rotate(-3deg)}
.home-command{position:relative;z-index:20;margin-top:-1px}.home-command-inner{background:#fff;border:1px solid #e2eae5;box-shadow:0 15px 40px rgba(18,59,45,.1);border-radius:0 0 22px 22px;padding:8px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.home-command-inner a{border-radius:13px;padding:12px 9px;text-align:center;font-weight:800;color:#29483b}.home-command-inner a:hover{background:#edf5f0;color:var(--green2)}
@media(max-width:1050px){.menu{gap:2px}.menu a.nav-main-link{padding:9px 8px;font-size:13px}.nav-divider{margin:0 2px}.brand small{display:none}}
@media(max-width:850px){.nav .container{height:70px}.menu{display:none}.menu.open{display:flex!important;top:70px;right:0;left:0;padding:14px 5%;gap:4px;align-items:stretch;max-height:calc(100vh - 70px);overflow:auto}.menu.open .nav-main-link{display:block}.nav-divider{display:none}.nav-more{display:block}.nav-more-menu{position:static;width:auto;display:block;opacity:1;visibility:visible;transform:none;margin-top:5px;box-shadow:none;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08)}.nav-more-menu a{color:#fff!important}.nav-more-btn{width:100%;text-align:right}.nav-user-btn,.nav-login-btn{font-size:12px;padding:8px 9px}.home-command-inner{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.nav-user-btn{display:none}.brand strong{font-size:20px}.home-command-inner{grid-template-columns:repeat(2,1fr);border-radius:0 0 18px 18px}.home-command-inner a{font-size:13px;padding:10px 6px}.intro-feature-link .feature-more{font-size:11px}}

/* === V8 navigation + image reliability repair === */
.nav{position:sticky;top:0;z-index:1500;background:#fffdf8;color:#173b2c;border-bottom:1px solid #e7e0cf;box-shadow:0 8px 28px rgba(18,59,45,.10);backdrop-filter:none}
.nav .container{min-height:78px;height:auto;padding:10px 0;gap:18px}
.brand{color:#173b2c;flex:0 0 auto;white-space:nowrap}
.brand small{display:block;font-size:11px;color:#6b7a72;font-weight:600;margin-top:2px}
.nav-actions{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px}
.menu{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;flex:1}
.menu>a,.nav-main-link{display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap;padding:10px 11px!important;border-radius:12px;color:#23453a!important;font-weight:800;font-size:14px;opacity:1!important}
.menu>a:hover,.nav-main-link:hover{background:#eef4ef;color:#0d4938!important}
.menu>a:after{display:none}
.nav-divider{width:1px;height:30px;background:#ddd6c8;margin:0 4px;flex:0 0 auto}
.nav-more{position:relative;flex:0 0 auto}
.nav-more-btn{border:1px solid #dce5df;background:#f4f7f3;color:#173b2c;border-radius:12px;padding:10px 12px;font-family:inherit;font-weight:900;white-space:nowrap;cursor:pointer}
.nav-more-btn:hover{background:#e8f1eb}
.nav-more-menu{position:absolute;top:calc(100% + 10px);right:0;width:245px;padding:8px;background:#fff;border:1px solid #e5e0d5;border-radius:17px;box-shadow:0 18px 45px rgba(18,59,45,.18);display:none;z-index:2000}
.nav-more:hover .nav-more-menu,.nav-more:focus-within .nav-more-menu{display:grid}
.nav-more-menu a{display:flex;align-items:center;gap:9px;padding:12px 13px;border-radius:11px;color:#23453a;font-weight:800}
.nav-more-menu a:hover{background:#eef4ef;color:#0d4938}
.lang-btn,.nav-login-btn,.nav-user-btn{white-space:nowrap;flex:0 0 auto}
.lang-btn{background:#173b2c!important;border-color:#173b2c!important;color:#fff!important;font-weight:800}
.nav-login-btn,.nav-user-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:12px;font-weight:900;background:#d9ae5b;color:#173b2c!important}
.nav-login-btn{background:#173b2c;color:#fff!important}
.mobile-toggle{color:#173b2c!important;border-radius:12px;padding:7px 10px}
.hero{margin-top:0;position:relative}
.home-command{position:relative;z-index:20;background:#173b2c;box-shadow:0 10px 28px rgba(18,59,45,.12)}
.home-command-inner{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:9px 0}
.home-command a{color:#fff;padding:8px 13px;border-radius:10px;font-weight:800;font-size:13px}
.home-command a:hover{background:rgba(255,255,255,.12)}
.cards .card img,.portal-card>img,.community-posts .card>img{width:100%;height:230px;object-fit:cover;object-position:center;display:block;background:#e8eee9}
.gallery img{background:#e8eee9}

/* Stable responsive header: never squeeze the main menu over the hero. */
@media(max-width:1150px){
 .nav .container{padding:8px 12px;min-height:70px}
 .nav-actions{flex:0 0 auto;gap:7px}
 .menu{display:none!important}
 .mobile-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #dfe7e1;background:#f4f7f4;color:#173b2c!important;border-radius:13px;font-size:24px;line-height:1}
 .nav-user-btn{display:none}
 .nav-login-btn,.lang-btn{font-size:12px;padding:9px 10px}
 .mobile-toggle[aria-expanded="true"]{background:#173b2c;color:#fff!important}
 .menu.open{display:flex!important;position:absolute;top:calc(100% + 8px);right:12px;left:12px;padding:10px;background:#fffdf8;flex-direction:column;align-items:stretch;gap:3px;border:1px solid #e5e0d5;border-radius:18px;box-shadow:0 20px 45px rgba(18,59,45,.18);max-height:calc(100vh - 90px);overflow:auto;z-index:2100}
 .menu.open>a,.menu.open .nav-main-link{display:flex!important;justify-content:flex-start;width:100%;box-sizing:border-box}
 .menu.open .nav-divider{display:none}
 .menu.open .nav-more{width:100%}
 .menu.open .nav-more-btn{width:100%;text-align:right;background:#f1f5f1}
 .menu.open .nav-more-menu{position:static;width:auto;margin-top:5px;display:grid;box-shadow:none;border:1px solid #e5e0d5;background:#f9fbf9}
 .home-command-inner{overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap;padding:8px 12px;scrollbar-width:none}
 .home-command-inner::-webkit-scrollbar{display:none}
 .home-command a{flex:0 0 auto}
}
@media(max-width:600px){
 .brand strong{font-size:20px}
 .brand small{font-size:9px}
 .nav .container{padding:8px 10px}
 .mobile-toggle{width:44px;height:44px;font-size:23px}
 .nav-login-btn{display:none}
 .hero{height:430px!important;max-height:430px}
 .slide{max-height:430px}
 .cards .card img,.portal-card>img,.community-posts .card>img{height:200px}
}
@media(max-width:600px){
 .brand{font-size:19px}
 .brand small{font-size:9px}
 .nav .container{padding:8px 10px}
 .mobile-toggle{font-size:25px}
 .nav-login-btn{display:none}
 .hero{height:430px!important;max-height:430px}
 .slide{max-height:430px}
 .cards .card img,.portal-card>img,.community-posts .card>img{height:200px}
}

/* V10: home quick links readability + active state */
.home-command{
  position:relative!important;
  z-index:30!important;
  background:#f7faf8!important;
  border-top:1px solid #e0e9e4!important;
  border-bottom:1px solid #dfe8e3!important;
  box-shadow:0 10px 28px rgba(18,59,45,.10)!important;
}
.home-command-inner{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  width:min(1180px,94%)!important;
  margin:0 auto!important;
  padding:9px 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.home-command a,
.home-command-inner a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:42px!important;
  box-sizing:border-box!important;
  padding:9px 15px!important;
  border:1px solid #dbe6e0!important;
  border-radius:12px!important;
  background:#ffffff!important;
  color:#173b2c!important;
  text-decoration:none!important;
  font-weight:900!important;
  font-size:13px!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
.home-command a span{font-size:21px!important;line-height:1!important}
.home-command a:hover,
.home-command a:focus-visible{
  background:#173b2c!important;
  color:#ffffff!important;
  border-color:#173b2c!important;
  transform:translateY(-2px)!important;
  box-shadow:0 8px 20px rgba(18,59,45,.15)!important;
  outline:none!important;
}
.home-command a.active,
.home-command a[aria-current="page"]{
  background:#d9ae5b!important;
  color:#173b2c!important;
  border-color:#c79b48!important;
  box-shadow:0 7px 18px rgba(199,155,72,.22)!important;
}
.home-command a.active:hover,
.home-command a[aria-current="page"]:hover{
  background:#c79b48!important;
  color:#173b2c!important;
}
@media(max-width:1150px){
  .home-command-inner{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;padding:8px 12px!important}
  .home-command-inner::-webkit-scrollbar{display:none!important}
  .home-command a,.home-command-inner a{flex:0 0 auto!important}
}
@media(max-width:600px){
  .home-command-inner{width:100%!important;padding:7px 10px!important}
  .home-command a,.home-command-inner a{min-height:40px!important;padding:8px 12px!important;font-size:12px!important}
  .home-command a span{font-size:19px!important}
}

/* Global bilingual switch: visible on every public/auth/admin page. */
#langToggle{font-family:inherit;white-space:nowrap;cursor:pointer}
.admin-topbar-actions #langToggle{display:inline-flex;align-items:center;justify-content:center;min-width:72px}
.auth-top #langToggle{margin-inline-start:auto}
@media(max-width:700px){#langToggle{font-size:12px;padding:7px 10px}.admin-topbar-actions #langToggle{min-width:60px}}

/* V14 header buttons, topic cards and large icons */
.nav-main-link,.nav-more-btn,.lang-btn,.nav-login-btn,.nav-user-btn{border:1px solid #d7e2dc!important;box-shadow:0 5px 14px rgba(18,59,45,.08);position:relative;overflow:hidden;}
.nav-main-link:before,.nav-more-btn:before,.lang-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.55) 50%,transparent 75%);transform:translateX(-120%);transition:.55s;}
.nav-main-link:hover:before,.nav-more-btn:hover:before,.lang-btn:hover:before{transform:translateX(120%);}
.nav-main-link:active,.nav-more-btn:active,.lang-btn:active{transform:scale(.96);background:#d9ae5b!important;color:#173b2c!important;border-color:#c6973f!important;}
.nav-selected{background:#d9ae5b!important;color:#173b2c!important;border-color:#c6973f!important;box-shadow:0 8px 20px rgba(201,157,68,.25)!important;}
.nav-main-link{min-height:44px;padding:10px 14px!important;}
.custom-topic-strip{background:#f6f8f5;border-bottom:1px solid #e4ebe6;padding:10px 0;position:relative;z-index:1400;}
.custom-topic-row{display:flex;gap:10px;overflow:auto;padding:2px 4px;scrollbar-width:thin;}
.custom-topic-chip{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 14px;border-radius:14px;background:#fff;border:1px solid #dfe8e2;color:#23453a;font-weight:900;box-shadow:0 5px 14px rgba(18,59,45,.06);transition:.2s;text-decoration:none;}
.custom-topic-chip:hover{transform:translateY(-2px);background:#eef5f0;border-color:#bcd2c5;}
.custom-topic-chip-icon,.custom-topic-big-icon,.topic-admin-icon{font-size:2.2rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;}
.custom-topic-big-icon{font-size:3.5rem;margin-bottom:10px;}
.custom-topic-card{overflow:hidden;}
.custom-topic-card>img{width:100%;height:230px;object-fit:cover;}
.topic-admin-icon{font-size:2rem;min-width:54px;min-height:54px;}
.auth-top{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.auth-top #langToggle{margin-inline-start:auto;}
.lang-btn{cursor:pointer;min-height:44px;padding:9px 14px!important;border-radius:12px!important;font-weight:900!important;}
@media(max-width:850px){.nav-main-link{min-height:48px!important}.custom-topic-row{padding-inline:8px}.custom-topic-chip{padding:9px 12px}.custom-topic-big-icon{font-size:3rem;}}

/* V14 icon reliability */
.admin .sidebar .side-link svg,.admin .sidebar .side-sub-link svg{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.admin .sidebar .side-link{min-height:54px!important;}
.admin .sidebar .side-link span,.admin .sidebar .side-sub-link span{line-height:1.4;}
.icon-action,.action-btn,.top-icon-btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;}

/* V15 member layout and topic placement */
html,body{overflow-x:hidden}
.member-page,.member-page .container{max-width:100%;overflow-x:hidden}
.member-news-card{border:2px solid #e4d09c;background:linear-gradient(180deg,#fffdf7,#fff)}
.member-news-card .icon{font-size:52px!important}
.member-news-card .form{box-shadow:none;padding:18px 0 0;background:transparent}
.custom-topics-section{padding-top:55px;padding-bottom:55px}
.custom-topic-strip{box-shadow:0 8px 24px rgba(18,59,45,.07);border-top:1px solid #e4ebe6}
@media(max-width:900px){.features{grid-template-columns:1fr 1fr}.member-page .nav .container{width:94%}}
@media(max-width:600px){.features{grid-template-columns:1fr}.member-page .container{width:94%}.member-news-card .form{padding-top:10px}}

/* V16 custom topics: same-size cards beside the quick feature cards */
.feature-strip-inner{align-items:stretch;}
.feature-mini.custom-topic-mini{justify-content:center;min-height:190px;text-align:center;padding:22px 18px;}
.custom-topic-mini-icon{font-size:48px!important;line-height:1;display:flex;align-items:center;justify-content:center;min-height:58px;margin-bottom:8px;}
.feature-mini.custom-topic-mini b{font-size:1.05rem;}
.feature-mini.custom-topic-mini small{display:none!important;}
.feature-mini.custom-topic-mini em{margin-top:8px;}
@media(max-width:900px){.feature-strip-inner{grid-template-columns:repeat(2,minmax(0,1fr));}.feature-highlight{grid-column:1/-1}.feature-mini.custom-topic-mini{min-height:170px;}}
@media(max-width:600px){.feature-strip-inner{grid-template-columns:1fr 1fr;gap:10px}.feature-highlight{grid-column:1/-1}.feature-mini.custom-topic-mini{min-height:145px;padding:16px 10px}.custom-topic-mini-icon{font-size:40px!important;}}

/* V17 card sizing, animation and full-image detail fixes */
.feature-strip-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.feature-mini{min-height:180px;height:180px;padding:22px 18px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s,background .35s;will-change:transform}
.feature-mini span{font-size:42px;line-height:1;transition:transform .35s}
.feature-mini b{font-size:1.08rem;margin-top:10px}
.feature-mini small{font-size:.82rem;line-height:1.7}
.feature-mini em{font-style:normal;margin-top:9px;opacity:.65;transition:transform .3s,opacity .3s}
.feature-mini:hover{transform:translateY(-9px) scale(1.025);box-shadow:0 24px 55px rgba(18,59,45,.16);border-color:rgba(216,173,90,.65);background:linear-gradient(145deg,#fff,#f7fbf8)}
.feature-mini:hover span{transform:translateY(-4px) scale(1.12) rotate(-3deg)}
.feature-mini:hover em{transform:translateX(-5px);opacity:1}
.card,.feature,.attraction-card,.portal-card,.quick,.dash-action,.stat-card,.gallery-admin-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s,background .35s;will-change:transform}
.card:hover,.feature:hover,.attraction-card:hover,.portal-card:hover,.quick:hover,.dash-action:hover,.stat-card:hover,.gallery-admin-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(18,59,45,.16)}
.card img,.portal-card img,.attraction-media img,.gallery-admin-card img{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s}
.card:hover>img,.card:hover .portal-card img,.portal-card:hover img,.attraction-card:hover .attraction-media img,.gallery-admin-card:hover img{transform:scale(1.045);filter:saturate(1.05)}
.article-cover,.post-detail-media img,.detail-hero>img{height:auto!important;max-height:none!important;width:100%;object-fit:contain!important;display:block}
.post-detail-media,.detail-media{height:auto!important;min-height:0!important;overflow:visible!important;background:transparent!important}
.post-detail-media img,.detail-media img{border-radius:18px;max-height:none!important}
.reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
@media(max-width:1000px){.feature-strip-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-mini{height:175px}}
@media(max-width:600px){.feature-strip-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature-mini{height:155px;min-height:155px;padding:16px 10px;border-radius:18px}.feature-mini span{font-size:36px}.feature-mini b{font-size:.96rem}.feature-mini small{font-size:.73rem}}
.card-pressed,.feature-mini.card-pressed,.attraction-card.card-pressed,.portal-card.card-pressed{transform:translateY(-2px) scale(.985)!important;box-shadow:0 10px 25px rgba(18,59,45,.12)!important}


/* ===== V18 INTERNATIONAL VISUAL SYSTEM ===== */
:root{
 --fx-green:#0b3d2d;--fx-green2:#1f6a50;--fx-gold:#d8ad5a;--fx-cream:#fffaf0;
 --fx-shadow:0 18px 55px rgba(9,45,34,.12);--fx-shadow-hover:0 28px 80px rgba(9,45,34,.20);
}
html{scroll-behavior:smooth}
body{overflow-x:hidden;-webkit-tap-highlight-color:transparent}
.nav{isolation:isolate;box-shadow:0 10px 35px rgba(9,45,34,.12)!important}
.nav:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(216,173,90,.75),transparent);opacity:.75}
.brand{transition:transform .3s ease,filter .3s ease}.brand:hover{transform:translateY(-1px);filter:drop-shadow(0 8px 18px rgba(216,173,90,.18))}
.brand-mark{filter:drop-shadow(0 5px 12px rgba(216,173,90,.22));transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.08)}
.menu>a,.nav-main-link,.nav-more-btn,.lang-btn,.nav-login-btn,.nav-user-btn,.mobile-toggle{position:relative;overflow:hidden}
.menu>a:before,.nav-more-btn:before,.lang-btn:before,.nav-login-btn:before,.nav-user-btn:before,.mobile-toggle:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.38) 48%,transparent 76%);transform:translateX(-130%);transition:transform .65s ease;pointer-events:none}
.menu>a:hover:before,.nav-more-btn:hover:before,.lang-btn:hover:before,.nav-login-btn:hover:before,.nav-user-btn:hover:before,.mobile-toggle:hover:before{transform:translateX(130%)}
.menu>a,.nav-main-link{transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease!important}
.menu>a:hover,.nav-main-link:hover{transform:translateY(-2px)!important;box-shadow:0 10px 22px rgba(18,59,45,.10)}
.lang-btn,.nav-login-btn,.nav-user-btn{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease!important;box-shadow:0 8px 22px rgba(18,59,45,.12)}
.lang-btn:hover,.nav-login-btn:hover,.nav-user-btn:hover{transform:translateY(-3px) scale(1.025)!important;box-shadow:0 15px 30px rgba(18,59,45,.18);filter:saturate(1.08)}
.mobile-toggle{z-index:5;box-shadow:0 8px 24px rgba(18,59,45,.13)!important;touch-action:manipulation;cursor:pointer}
.mobile-toggle:active{transform:scale(.94)}
.menu.open{animation:fxMenuIn .28s cubic-bezier(.2,.8,.2,1)}
.menu.open>a,.menu.open .nav-more{animation:fxMenuItem .32s both}
.menu.open>a:nth-child(1){animation-delay:.02s}.menu.open>a:nth-child(2){animation-delay:.04s}.menu.open>a:nth-child(3){animation-delay:.06s}.menu.open>a:nth-child(4){animation-delay:.08s}.menu.open>a:nth-child(5){animation-delay:.10s}.menu.open>a:nth-child(6){animation-delay:.12s}
@keyframes fxMenuIn{from{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes fxMenuItem{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.hero{isolation:isolate;overflow:hidden;box-shadow:0 18px 55px rgba(9,45,34,.12)}
.hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(3,22,16,.12),transparent 35%,rgba(3,22,16,.28))}
.hero .slides,.hero .slide{isolation:isolate}
.hero-content{position:relative;z-index:3;text-shadow:0 5px 28px rgba(0,0,0,.28)}
.hero-content h1{animation:heroTitleIn .9s cubic-bezier(.2,.8,.2,1) both}
.hero-content p{animation:heroTextIn 1s .12s cubic-bezier(.2,.8,.2,1) both}
.hero-actions{animation:heroTextIn 1s .2s cubic-bezier(.2,.8,.2,1) both}
@keyframes heroTitleIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@keyframes heroTextIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.btn,.hero-actions a,.card-actions a{position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,filter .28s ease!important}
.btn:after,.hero-actions a:after,.card-actions a:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle,rgba(255,255,255,.38) 0 7%,transparent 8%);transform:scale(0);transition:transform .5s ease;pointer-events:none}
.btn:hover,.hero-actions a:hover,.card-actions a:hover{transform:translateY(-4px) scale(1.015)!important;box-shadow:0 16px 34px rgba(18,59,45,.20)!important;filter:saturate(1.08)}
.btn:active,.hero-actions a:active,.card-actions a:active{transform:translateY(-1px) scale(.98)!important}
.btn:active:after,.hero-actions a:active:after,.card-actions a:active:after{transform:scale(1)}
.card,.feature,.attraction-card,.portal-card,.quick,.gallery-admin-card,.feature-mini{position:relative;overflow:hidden;border:1px solid rgba(218,230,223,.95);box-shadow:var(--fx-shadow);transform:translateZ(0);backface-visibility:hidden}
.feature:before,.attraction-card:before,.portal-card:before,.quick:before,.gallery-admin-card:before,.feature-mini:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.48),transparent 36%,transparent 64%,rgba(216,173,90,.07));opacity:0;transition:opacity .35s ease;z-index:0}
.feature:hover:before,.attraction-card:hover:before,.portal-card:hover:before,.quick:hover:before,.gallery-admin-card:hover:before,.feature-mini:hover:before{opacity:1}
.card>*:not(img),.feature>*:not(.icon),.attraction-card>*:not(.attraction-media),.portal-card>*:not(img),.quick>*:not(:first-child),.gallery-admin-card>*:not(img),.feature-mini>*{position:relative;z-index:1}
.card,.feature,.attraction-card,.portal-card,.quick,.gallery-admin-card,.feature-mini{transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s,border-color .35s,filter .35s!important}
.card:hover,.feature:hover,.attraction-card:hover,.portal-card:hover,.quick:hover,.gallery-admin-card:hover,.feature-mini:hover{transform:translateY(-10px)!important;box-shadow:var(--fx-shadow-hover)!important;border-color:rgba(216,173,90,.55);filter:saturate(1.025)}
.card img,.feature img,.attraction-card img,.portal-card img,.gallery-admin-card img{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .45s ease!important}
.card:hover img,.feature:hover img,.attraction-card:hover img,.portal-card:hover img,.gallery-admin-card:hover img{transform:scale(1.055);filter:saturate(1.08) contrast(1.02)}
.icon,.custom-topic-mini-icon,.feature .icon{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,filter .35s}
.card:hover .icon,.feature:hover .icon,.feature-mini:hover .custom-topic-mini-icon{transform:translateY(-5px) scale(1.10) rotate(-3deg);filter:drop-shadow(0 12px 18px rgba(216,173,90,.22))}
.section-head h2{letter-spacing:-.6px}
.section-head .eyebrow{transition:transform .3s ease,color .3s ease}.section-head:hover .eyebrow{transform:translateY(-2px);color:var(--fx-green2)}
.gallery img{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s,box-shadow .4s!important;box-shadow:0 10px 25px rgba(9,45,34,.10)}
.gallery img:hover{transform:scale(1.035) rotate(.4deg)!important;filter:saturate(1.1) contrast(1.03);box-shadow:0 20px 45px rgba(9,45,34,.18)}
.quick{cursor:default}.quick b{transition:transform .35s ease}.quick:hover b{transform:scale(1.08)}
.reveal{will-change:transform,opacity}
@media(max-width:1150px){
 .nav .container{position:relative}
 .nav-actions{gap:6px!important}
 .mobile-toggle{display:inline-flex!important}
}
@media(max-width:600px){
 .nav .container{min-height:68px!important}
 .brand-mark{font-size:25px}
 .mobile-toggle{width:46px!important;height:46px!important;font-size:25px!important}
 .menu.open{right:8px!important;left:8px!important;top:calc(100% + 8px)!important;border-radius:22px!important;padding:10px!important;background:rgba(255,253,248,.98)!important;backdrop-filter:blur(18px);box-shadow:0 24px 65px rgba(9,45,34,.22)!important}
 .menu.open>a,.menu.open .nav-main-link{min-height:52px!important;border-radius:15px!important;font-size:15px!important;padding:12px 14px!important}
 .menu.open .nav-more-menu{border-radius:15px!important;padding:6px!important}
 .menu.open .nav-more-menu a{min-height:46px!important}
 .hero-content h1{font-size:clamp(30px,9vw,44px)!important}
 .hero-content p{font-size:15px!important}
 .card:hover,.feature:hover,.attraction-card:hover,.portal-card:hover,.quick:hover,.gallery-admin-card:hover,.feature-mini:hover{transform:translateY(-4px)!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}}
.feature:after,.feature-mini:after,.quick:after,.attraction-card:after,.portal-card:after,.gallery-admin-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(180px circle at var(--mx,50%) var(--my,50%),rgba(216,173,90,.12),transparent 65%);opacity:0;transition:opacity .35s ease;z-index:0}.feature:hover:after,.feature-mini:hover:after,.quick:hover:after,.attraction-card:hover:after,.portal-card:hover:after,.gallery-admin-card:hover:after{opacity:1}

/* V19 — premium navigation ribbon and stronger visual identity */
.top-ribbon{position:relative;z-index:50;background:linear-gradient(135deg,#f8fbf8 0%,#eef5f0 48%,#fffaf0 100%);border-bottom:1px solid rgba(18,59,45,.08);box-shadow:0 8px 26px rgba(9,45,34,.08);overflow:hidden}
.top-ribbon:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 10%,rgba(216,173,90,.12) 48%,transparent 80%);transform:translateX(-100%);animation:ribbonShine 8s ease-in-out infinite;pointer-events:none}
@keyframes ribbonShine{0%,55%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
.top-ribbon-inner{display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 0;overflow-x:auto;scrollbar-width:none}
.top-ribbon-inner::-webkit-scrollbar{display:none}
.top-ribbon-item{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:15px;color:#173d30;background:rgba(255,255,255,.78);border:1px solid rgba(18,59,45,.08);box-shadow:0 8px 22px rgba(9,45,34,.07);font-weight:900;white-space:nowrap;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s,background .3s}
.top-ribbon-item:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.8) 50%,transparent 75%);transform:translateX(-130%);transition:transform .65s ease}
.top-ribbon-item:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(9,45,34,.14);border-color:rgba(216,173,90,.55);background:#fff}
.top-ribbon-item:hover:before{transform:translateX(130%)}
.top-ribbon-item:active{transform:translateY(-1px) scale(.97)}
.ribbon-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#e5f0e9,#fff4d9);font-size:18px;box-shadow:inset 0 0 0 1px rgba(18,59,45,.06);transition:transform .35s ease}
.top-ribbon-item:hover .ribbon-icon{transform:rotate(-7deg) scale(1.13)}

/* Premium visual layers */
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 8% 12%,rgba(216,173,90,.10),transparent 22%),radial-gradient(circle at 92% 38%,rgba(31,106,80,.08),transparent 24%)}
.section{position:relative}
.section:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(216,173,90,.35),transparent);opacity:.6}
.feature-strip{position:relative;background:linear-gradient(180deg,#fff,#f5f8f5)}
.feature-strip:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(216,173,90,.10),transparent 24%),radial-gradient(circle at 85% 80%,rgba(31,106,80,.08),transparent 25%)}
.feature-mini{isolation:isolate}
.feature-mini:before{z-index:-1!important;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,247,242,.88) 55%,rgba(255,248,226,.78))!important}
.feature-mini span{filter:drop-shadow(0 8px 12px rgba(9,45,34,.12));transition:transform .45s ease,filter .45s ease}
.feature-mini:hover span{transform:translateY(-7px) scale(1.14) rotate(-5deg);filter:drop-shadow(0 15px 18px rgba(216,173,90,.25))}
.search-wrap{margin-top:4px}
.search-wrap .input{border:1px solid rgba(18,59,45,.10)!important;border-radius:20px!important;transition:transform .3s,box-shadow .3s,border-color .3s!important}
.search-wrap .input:focus{transform:translateY(-2px);border-color:rgba(216,173,90,.65)!important;box-shadow:0 18px 45px rgba(9,45,34,.14)!important;outline:none}
.hero{box-shadow:0 24px 70px rgba(9,45,34,.18)!important}
.hero:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(135deg,rgba(216,173,90,.10),transparent 35%,rgba(0,0,0,.08));mix-blend-mode:screen}
.hero .dots{filter:drop-shadow(0 5px 10px rgba(0,0,0,.3))}
.dot{transition:width .35s ease,transform .3s ease,background .3s ease!important}
.dot:hover{transform:scale(1.3)}

@media(max-width:900px){
 .top-ribbon-inner{justify-content:flex-start;padding:9px 12px}
 .top-ribbon-item{padding:9px 13px;font-size:13px}
 .ribbon-icon{width:30px;height:30px;font-size:17px}
}
@media(max-width:600px){
 .top-ribbon{box-shadow:0 7px 20px rgba(9,45,34,.10)}
 .top-ribbon-item{border-radius:13px;box-shadow:0 6px 16px rgba(9,45,34,.06)}
 .hero{box-shadow:0 18px 45px rgba(9,45,34,.15)!important}
}

/* V20 — premium international visual system */
:root{--gold:#d9ad5b;--gold2:#f2cf86;--deep:#092c21;--glass:rgba(255,255,255,.72)}
html{scroll-behavior:smooth}
body{background:#f6f8f5;overflow-x:hidden}
.nav{position:sticky!important;top:0;z-index:1500!important;background:linear-gradient(135deg,rgba(7,42,31,.97),rgba(18,73,53,.94))!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.13)!important;box-shadow:0 14px 45px rgba(5,35,26,.20)!important}
.nav .container{min-height:78px!important;height:auto!important}
.brand{position:relative;padding:8px 14px 8px 10px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 8px 24px rgba(0,0,0,.08);transition:.35s}
.brand:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(242,207,134,.35),0 14px 30px rgba(0,0,0,.16)}
.brand-mark{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#e8c46f,#fff0bd);box-shadow:0 8px 22px rgba(217,173,91,.25);font-size:25px}
.brand small{display:block;font-size:11px;color:#cfe1d8;margin-top:2px}
.menu{align-items:center;gap:5px;padding:6px;border-radius:18px;background:rgba(0,0,0,.10);border:1px solid rgba(255,255,255,.07)}
.menu>a,.nav-more-btn{padding:11px 13px!important;border-radius:13px!important;transition:.3s!important}
.menu>a:hover,.nav-more-btn:hover,.nav-main-link.nav-selected{background:rgba(255,255,255,.11)!important;color:#fff!important;transform:translateY(-2px)}
.menu>a:after{height:3px!important;right:13px!important;left:13px!important;width:0!important;border-radius:10px;background:linear-gradient(90deg,var(--gold),var(--gold2))!important}
.menu>a:hover:after,.nav-main-link.nav-selected:after{width:calc(100% - 26px)!important}
.nav-actions{gap:8px!important}
.lang-btn,.nav-login-btn,.nav-user-btn,.mobile-toggle{border-radius:14px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.09)!important;box-shadow:0 7px 20px rgba(0,0,0,.10);transition:.3s!important}
.lang-btn:hover,.nav-login-btn:hover,.nav-user-btn:hover,.mobile-toggle:hover{background:linear-gradient(135deg,var(--gold),#f4d994)!important;color:#173b2c!important;transform:translateY(-2px);box-shadow:0 12px 28px rgba(217,173,91,.25)}
.top-ribbon{z-index:1490!important;background:linear-gradient(135deg,#fdfcf7,#eef6f1 50%,#fff8e8)!important;border-bottom:1px solid rgba(18,59,45,.10)!important;box-shadow:0 9px 28px rgba(9,45,34,.09)!important}
.top-ribbon-inner{padding:12px 0!important;gap:12px!important}
.top-ribbon-item{min-height:48px;padding:10px 17px!important;border-radius:16px!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(18,59,45,.10)!important;box-shadow:0 9px 24px rgba(9,45,34,.08)!important}
.top-ribbon-item.active{background:linear-gradient(135deg,#173f30,#245f48)!important;color:#fff!important;border-color:rgba(242,207,134,.65)!important;box-shadow:0 12px 30px rgba(9,45,34,.20)!important;transform:translateY(-2px)}
.top-ribbon-item.active .ribbon-icon{background:linear-gradient(135deg,#f0c86d,#fff0b7);transform:scale(1.06)}
.hero{height:min(760px,78vh)!important;min-height:560px;position:relative;isolation:isolate;border-radius:0 0 34px 34px;box-shadow:0 30px 90px rgba(9,45,34,.25)!important}
.hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,rgba(4,27,20,.74),rgba(4,27,20,.18) 52%,rgba(4,27,20,.48)),radial-gradient(circle at 78% 28%,rgba(242,207,134,.20),transparent 23%);pointer-events:none}
.hero-content{max-width:850px!important;text-shadow:0 5px 25px rgba(0,0,0,.25);animation:heroIn 1.1s cubic-bezier(.2,.8,.2,1)}
@keyframes heroIn{from{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}
.hero h1{font-weight:950;letter-spacing:-1px;text-shadow:0 8px 35px rgba(0,0,0,.36)!important}
.hero p{max-width:680px;font-size:21px!important}
.hero .btn{border-radius:17px!important;padding:15px 25px!important;box-shadow:0 16px 35px rgba(0,0,0,.20)!important}
.hero .btn:first-child{background:linear-gradient(135deg,#f1cc78,#d8aa55)!important}
.hero .btn.ghost{backdrop-filter:blur(12px);background:rgba(255,255,255,.13)!important}
.hero-glow{position:absolute;z-index:3;border-radius:50%;pointer-events:none;filter:blur(1px);opacity:.55}
.hero-glow-a{width:300px;height:300px;right:8%;top:12%;background:radial-gradient(circle,rgba(242,207,134,.22),transparent 68%);animation:floatGlow 7s ease-in-out infinite}
.hero-glow-b{width:420px;height:420px;left:-8%;bottom:-18%;background:radial-gradient(circle,rgba(60,180,133,.16),transparent 67%);animation:floatGlow 9s ease-in-out infinite reverse}
@keyframes floatGlow{50%{transform:translate3d(0,-18px,0) scale(1.04)}}
.hero-scroll-cue{position:absolute;z-index:6;left:50%;bottom:22px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;opacity:.86;animation:bob 2s ease-in-out infinite;text-shadow:0 3px 12px #0008}
.hero-scroll-cue span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff66;border-radius:50%;background:#ffffff12;backdrop-filter:blur(8px);font-size:20px}
.hero-scroll-cue small{font-size:10px}
@keyframes bob{50%{transform:translate(-50%,6px)}}
.premium-command{position:relative;z-index:12;margin-top:-30px!important;margin-bottom:0!important;padding:0 14px}
.premium-command .home-command-inner{max-width:1120px;margin:auto;padding:12px;border-radius:24px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(9,45,34,.16);border:1px solid rgba(255,255,255,.8)}
.home-command a{position:relative;overflow:hidden;border:1px solid rgba(18,59,45,.08)!important;border-radius:17px!important;background:linear-gradient(135deg,#fff,#f3f7f4)!important;box-shadow:0 9px 24px rgba(9,45,34,.07)!important;transition:.35s!important}
.home-command a:hover{transform:translateY(-5px) scale(1.015)!important;box-shadow:0 18px 35px rgba(9,45,34,.14)!important;border-color:rgba(217,173,91,.5)!important}
.home-command a.active{background:linear-gradient(135deg,#174634,#236a50)!important;color:#fff!important;box-shadow:0 14px 34px rgba(23,70,52,.24)!important}
.search-wrap{margin-top:26px!important}
.search-wrap .input{height:64px!important;padding-right:25px!important;border-radius:22px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(14px);box-shadow:0 14px 45px rgba(9,45,34,.10)!important}
.feature-strip{padding:20px 0 12px!important;background:transparent!important}
.feature-strip-inner{padding:0 12px}
.feature-mini{position:relative!important;height:190px!important;min-height:190px!important;border-radius:24px!important;background:linear-gradient(145deg,#fff,#eef6f1)!important;border:1px solid rgba(18,59,45,.08)!important;box-shadow:0 15px 45px rgba(9,45,34,.10)!important;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s!important}
.feature-mini:hover{transform:translateY(-10px) rotateX(2deg)!important;box-shadow:0 28px 65px rgba(9,45,34,.18)!important;border-color:rgba(217,173,91,.55)!important}
.feature-mini:after{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(217,173,91,.18),transparent 48%)!important}
.feature-mini span{font-size:52px!important}
.card,.feature,.attraction-card,.portal-card,.quick,.stat-card,.gallery-admin-card{position:relative;overflow:hidden;border:1px solid rgba(18,59,45,.06);box-shadow:0 14px 40px rgba(9,45,34,.08)!important}
.card:hover,.feature:hover,.attraction-card:hover,.portal-card:hover{box-shadow:0 28px 70px rgba(9,45,34,.16)!important}
.card img,.portal-card img,.attraction-media img{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s!important}
.card:hover img,.portal-card:hover img,.attraction-card:hover img{transform:scale(1.055)!important;filter:saturate(1.08) contrast(1.02)!important}
.scroll-progress{position:fixed;top:0;right:0;left:0;height:3px;z-index:3000;background:transparent;pointer-events:none}.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#d9ad5b,#f3d88f,#2e8b69);box-shadow:0 0 14px rgba(217,173,91,.65)}
.floating-explore{position:fixed;z-index:1200;left:20px;bottom:22px;width:58px;height:58px;border:1px solid rgba(255,255,255,.55);border-radius:20px;background:linear-gradient(135deg,#173f30,#2c7d5d);color:#fff;box-shadow:0 16px 38px rgba(9,45,34,.25);cursor:pointer;transition:.35s;display:grid;place-items:center}.floating-explore span{font-size:22px;color:#f0c86d}.floating-explore b{position:absolute;white-space:nowrap;right:68px;background:#173f30;color:#fff;padding:8px 12px;border-radius:10px;opacity:0;transform:translateX(8px);pointer-events:none;transition:.3s;font-size:12px}.floating-explore:hover{transform:translateY(-5px) rotate(-3deg)}.floating-explore:hover b{opacity:1;transform:none}
@media(max-width:900px){.menu{top:78px!important}.hero{height:620px!important;min-height:520px}.premium-command{margin-top:-24px!important}.feature-strip-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.nav .container{min-height:68px!important}.top-ribbon-inner{padding:8px 10px!important;justify-content:flex-start}.top-ribbon-item{min-height:44px;padding:8px 12px!important;font-size:12px}.hero{height:500px!important;min-height:500px;border-radius:0 0 24px 24px}.hero h1{font-size:40px!important}.hero p{font-size:16px!important;line-height:1.9}.hero-scroll-cue{display:none}.premium-command{margin-top:-18px!important;padding:0 10px}.premium-command .home-command-inner{padding:8px;border-radius:18px;grid-template-columns:repeat(2,1fr)!important}.home-command a{min-height:58px!important;font-size:12px!important}.home-command a span{font-size:21px!important}.search-wrap{margin-top:18px!important}.feature-strip-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.feature-mini{height:155px!important;min-height:155px!important;padding:15px 10px!important}.feature-mini span{font-size:40px!important}.feature-mini small{font-size:10px!important}.floating-explore{left:12px;bottom:14px;width:52px;height:52px;border-radius:17px}.floating-explore b{display:none}}
/* V22: centralized content placement controls */
.placement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 22px}
.placement-option{display:flex!important;align-items:center;gap:12px!important;padding:15px!important;border:1px solid #dfe9e3;border-radius:16px;background:linear-gradient(135deg,#fbfdfb,#f3f8f4);cursor:pointer;transition:.22s}
.placement-option:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(18,59,45,.09);border-color:#bcd3c6}
.placement-option input{width:20px;height:20px;accent-color:#1d6044;flex:0 0 20px}
.placement-option span{display:flex;flex-direction:column;gap:4px}.placement-option small{color:#718078}
@media(max-width:650px){.placement-grid{grid-template-columns:1fr}}
/* Keep the primary menu visually close to the Tefli brand while giving it a little breathing room. */
@media(min-width:851px){.nav .container{padding-top:13px;padding-bottom:13px}.menu{align-items:center}}
/* Central content placement controls */
.placement-admin-box{margin:22px 0;padding:20px;border:1px solid #dce9e2;border-radius:22px;background:linear-gradient(145deg,#fbfffd,#f2f8f4);box-shadow:0 12px 35px rgba(16,80,58,.07)}
.placement-admin-head h3{margin:4px 0 6px}.placement-admin-head p{margin:0;color:#65756e;font-size:14px;line-height:1.8}.placement-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}.placement-group-title{grid-column:1/-1;font-weight:900;margin-top:14px;padding:9px 12px;border-radius:12px;background:#e9f4ee;color:#145b44}.placement-admin-option{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #dbe7e1;border-radius:16px;background:#fff;cursor:pointer;transition:.2s;min-height:64px}.placement-admin-option:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(16,80,58,.1);border-color:#a9cbb9}.placement-admin-option input{width:20px;height:20px;accent-color:#17694e;flex:0 0 auto}.placement-admin-icon{font-size:27px;line-height:1}.placement-admin-text{display:flex;flex-direction:column;gap:3px}.placement-admin-text b{font-size:14px}.placement-admin-text small{color:#718078;font-size:11px}.placement-admin-option.is-disabled{opacity:.5;cursor:not-allowed}


/* === V24 clean international header: single navigation + registration === */
.top-ribbon{display:none!important}
.nav{position:relative!important;z-index:1500!important}
.nav .container{min-height:82px!important;height:82px!important;padding:8px 14px!important;display:flex!important;align-items:center!important;gap:20px!important}
.brand{display:flex!important;align-items:center!important;gap:11px!important;transform:translateY(2px)}
.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#f4d58f,#d8aa52);box-shadow:0 10px 24px rgba(17,72,53,.16);font-size:26px!important}
.brand strong{font-size:25px!important;line-height:1!important;letter-spacing:-.3px}
.brand .brand-tagline{display:block!important;color:#355c4b!important;font-size:12px!important;font-weight:800!important;margin-top:6px!important;opacity:1!important;white-space:nowrap}
.nav-actions{align-items:center!important;gap:8px!important;min-width:0!important}
.menu{display:flex!important;align-items:center!important;gap:5px!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none!important;white-space:nowrap!important;flex:1 1 auto!important}
.menu::-webkit-scrollbar{display:none}
.menu>a.nav-main-link{flex:0 0 auto!important}
.nav-utility{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.nav-register-btn,.nav-login-btn,.nav-admin-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;white-space:nowrap;border-radius:12px;font-weight:900;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}
.nav-register-btn{padding:9px 13px;background:#fff;border:1px solid #d9e3dd;color:#173b2c!important;box-shadow:0 6px 18px rgba(18,59,45,.08)}
.nav-register-btn:hover{background:#eef5f0;transform:translateY(-2px);box-shadow:0 12px 24px rgba(18,59,45,.13)}
.nav-login-btn{padding:9px 14px;background:#173b2c!important;color:#fff!important;border:1px solid #173b2c!important;box-shadow:0 8px 20px rgba(18,59,45,.16)}
.nav-login-btn:hover{transform:translateY(-2px);box-shadow:0 13px 26px rgba(18,59,45,.22)}
.nav-admin-btn{width:40px;background:#f4d58f;color:#173b2c!important;border:1px solid #d9b66c;box-shadow:0 7px 18px rgba(18,59,45,.10);font-size:18px}
.nav-admin-btn:hover{transform:translateY(-2px) rotate(-4deg);box-shadow:0 12px 24px rgba(18,59,45,.16)}
.lang-btn{min-height:40px!important;padding:9px 12px!important}
@media(max-width:1050px){.nav .container{gap:12px!important}.menu>a.nav-main-link{padding:9px 8px!important;font-size:13px!important}.brand .brand-tagline{font-size:10px!important}.brand strong{font-size:22px!important}}
@media(max-width:850px){.nav .container{height:72px!important;min-height:72px!important;padding:7px 10px!important}.brand-mark{width:42px;height:42px;font-size:23px!important}.brand strong{font-size:20px!important}.brand .brand-tagline{font-size:9px!important;margin-top:4px!important}.nav-actions{flex:1 1 auto!important}.menu{display:none!important}.menu.open{display:flex!important;position:absolute!important;top:72px!important;right:0!important;left:0!important;flex-direction:column!important;align-items:stretch!important;padding:12px 14px!important;background:#fffdf8!important;border-top:1px solid #e7e0cf!important;box-shadow:0 18px 35px rgba(18,59,45,.16)!important;max-height:calc(100vh - 72px)!important;overflow:auto!important;z-index:1600!important}.menu.open>a.nav-main-link{width:100%!important;justify-content:flex-start!important;padding:12px 14px!important}.nav-utility{margin-right:auto}.nav-register-btn,.nav-login-btn,.nav-admin-btn,.lang-btn{font-size:11px!important;min-height:36px!important;padding:7px 9px!important}.nav-admin-btn{width:36px!important;padding:0!important}.mobile-toggle{display:inline-flex!important}}
@media(max-width:520px){.brand .brand-tagline{display:none!important}.brand-mark{width:40px;height:40px}.brand strong{font-size:19px!important}.nav-utility{gap:4px}.nav-register-btn,.nav-login-btn{padding:7px 8px!important;font-size:10px!important}.lang-btn{padding:7px 8px!important;font-size:10px!important}.nav-admin-btn{display:inline-flex!important}}

/* ===== V25 clean international header + office-style admin ===== */
/* Main site header: one row only, no duplicate tagline pseudo-element, no faded links. */
.nav{height:76px;background:#123b2d;color:#fff;box-shadow:0 7px 24px rgba(0,0,0,.14);backdrop-filter:none}
.nav .container{height:76px;max-width:1440px;display:flex;align-items:center;gap:18px;min-width:0}
.brand{font-size:20px;line-height:1;display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:185px;white-space:nowrap}
.brand .brand-mark{font-size:28px;line-height:1}
.brand>span:last-child{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}
.brand strong{font-size:21px;line-height:1.1}
.brand .brand-tagline{display:block!important;font-size:9px!important;line-height:1.1!important;color:#dce9e2!important;opacity:1!important;font-weight:600!important;white-space:nowrap}
.brand:after{display:none!important;content:none!important}
.nav-actions{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.menu{display:flex;align-items:center;justify-content:flex-start;gap:4px;flex:1;min-width:0;overflow:hidden;white-space:nowrap}
.menu a,.nav-main-link{opacity:1!important;color:#fff!important;display:inline-flex!important;align-items:center;gap:5px;padding:9px 10px!important;border-radius:10px!important;font-size:14px!important;line-height:1.2!important;white-space:nowrap!important;transform:none}
.menu a:hover,.menu a:focus-visible{background:rgba(255,255,255,.12)!important;color:#fff!important;opacity:1!important}
.menu a .menu-icon{font-size:15px;line-height:1}
.nav-utility{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.nav-utility>a,.nav-utility>button{white-space:nowrap}
.nav-register-btn,.nav-login-btn,.nav-admin-btn,.lang-btn{min-height:38px!important;padding:7px 11px!important;border-radius:10px!important;font-size:13px!important;display:inline-flex!important;align-items:center;justify-content:center}
.nav-register-btn{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important}
.nav-login-btn{background:#fff!important;color:#123b2d!important;border:1px solid #fff!important}
.nav-admin-btn{background:rgba(216,173,90,.16)!important;border:1px solid rgba(216,173,90,.45)!important;color:#fff!important}
.lang-btn{background:transparent!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important}
.nav-user-btn{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}
.mobile-toggle{flex:0 0 auto}
@media(max-width:1150px){
 .nav .container{gap:10px}.brand{min-width:165px}.brand strong{font-size:19px}.brand .brand-mark{font-size:25px}
 .menu{gap:1px}.menu a,.nav-main-link{padding:8px 7px!important;font-size:12px!important}
 .nav-utility{gap:4px}.nav-register-btn,.nav-login-btn,.nav-admin-btn,.lang-btn{padding:6px 8px!important;font-size:12px!important}
}
@media(max-width:900px){
 .nav,.nav .container{height:68px}.nav .container{padding:0 14px}.brand{min-width:0}.brand strong{font-size:18px}.brand .brand-tagline{font-size:8px!important}.brand .brand-mark{font-size:23px}
 .nav-actions{justify-content:flex-end}.menu{display:none}.nav-utility{margin-right:auto}.mobile-toggle{display:block!important}
}

/* Admin: clean, white, practical office dashboard. */
body.admin{background:#f4f6f8!important;color:#27333a!important}
.admin-layout{background:#f4f6f8!important}
.admin-layout>.sidebar{background:#fff!important;color:#27333a!important;border-left:1px solid #e4e8eb!important;box-shadow:0 4px 18px rgba(24,39,48,.06)!important}
.admin-layout>.admin-topbar{background:#fff!important;color:#24323a!important;border-bottom:1px solid #e4e8eb!important;box-shadow:0 2px 12px rgba(24,39,48,.05)!important}
.admin-topbar-inner{color:#24323a!important}
.admin-topbar-user{color:#7a8790!important;opacity:1!important}
.admin-topbar-actions{gap:7px!important}
.top-icon-btn,.top-logout-btn{background:#fff!important;color:#34434b!important;border:1px solid #d9e0e4!important;box-shadow:none!important;border-radius:9px!important;padding:9px 12px!important}
.top-icon-btn:hover,.top-logout-btn:hover{background:#f2f5f6!important;color:#17252d!important;border-color:#c7d0d5!important;transform:none!important;box-shadow:none!important}
.top-logout-btn{color:#9b3535!important}
.admin-layout>.sidebar .side-brand{color:#1d2c34!important;border-bottom:1px solid #edf0f2!important;margin-bottom:10px!important;font-size:23px!important}
.admin-layout>.sidebar .brand-mark{font-size:24px!important}
.admin-layout>.sidebar .side-link{color:#3d4b53!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;border-radius:9px!important;min-height:48px!important;margin:3px 0!important;padding:10px 12px!important;font-size:14px!important;font-weight:700!important}
.admin-layout>.sidebar .side-link:hover{background:#f3f5f6!important;color:#172a33!important;transform:none!important;box-shadow:none!important}
.admin-layout>.sidebar .side-link svg{width:25px!important;height:25px!important;min-width:25px!important;color:#66757d!important;stroke-width:1.8!important}
.admin-layout>.sidebar .side-parent-link{cursor:pointer!important}
.admin-layout>.sidebar .submenu-arrow{color:#87939a!important;background:transparent!important}
.admin-layout>.sidebar .nav-badge{background:#f0f3f4!important;color:#69777e!important;border:1px solid #e1e6e8!important}
.admin-layout>.sidebar .settings-link{border-top:1px solid #edf0f2!important;margin-top:12px!important;padding-top:12px!important;background:transparent!important;border-right:0!important;border-left:0!important;border-bottom:0!important}
.admin-layout>.sidebar .logout-link{border-top:1px solid #edf0f2!important;margin-top:10px!important;color:#9b3535!important}
.side-submenu{background:#fafbfc!important;border:1px solid #e4e8eb!important;box-shadow:0 8px 20px rgba(24,39,48,.07)!important;border-radius:9px!important}
.side-sub-link{color:#56636a!important;background:transparent!important}
.side-sub-link:hover{background:#eef2f4!important;color:#1d3038!important}
.admin-layout>.panel{background:#f4f6f8!important}
.admin-layout>.panel>*{max-width:1400px}
.admin-page-hero,.page-head{background:#fff!important;border:1px solid #e1e6e9!important;border-radius:12px!important;padding:18px 20px!important;box-shadow:0 3px 12px rgba(24,39,48,.04)!important}
.panel .card,.panel .dashboard-chart,.panel .admin-edit-card,.panel .slider-editor,.panel .notice,.panel .table-wrap,.panel form.form{background:#fff!important;border:1px solid #e1e6e9!important;box-shadow:0 3px 12px rgba(24,39,48,.04)!important;border-radius:12px!important}
.panel .btn,.panel .action-btn,.panel button[type="submit"],.settings-hero-btn{background:#fff!important;color:#34434b!important;border:1px solid #cfd8dd!important;box-shadow:none!important;border-radius:8px!important;min-height:42px!important;padding:9px 14px!important}
.panel .btn:hover,.panel .action-btn:hover,.panel button[type="submit"]:hover,.settings-hero-btn:hover{background:#f1f4f5!important;color:#172a33!important;border-color:#bfcbd1!important;transform:none!important;box-shadow:none!important;filter:none!important}
.panel input,.panel select,.panel textarea{background:#fff!important;border:1px solid #d6dee2!important;border-radius:8px!important;box-shadow:none!important;color:#27333a!important}
.panel input:focus,.panel select:focus,.panel textarea:focus{border-color:#8ea1aa!important;box-shadow:0 0 0 3px rgba(142,161,170,.12)!important;outline:none!important}
.panel table{background:#fff!important;border-color:#e1e6e9!important}
.panel th{background:#f3f5f6!important;color:#46555d!important}
.panel td{border-color:#edf0f2!important}
.dashboard-cards .dash-action{background:#fff!important;border:1px solid #e1e6e9!important;box-shadow:0 3px 12px rgba(24,39,48,.04)!important;border-radius:12px!important;color:#34434b!important}
.dashboard-cards .dash-action:hover{transform:none!important;box-shadow:0 7px 18px rgba(24,39,48,.08)!important;border-color:#cbd5da!important}

@media(max-width:900px){
 .admin-layout>.sidebar{background:#fff!important;box-shadow:-8px 0 24px rgba(24,39,48,.12)!important}
 .admin-layout>.panel{background:#f4f6f8!important}
 .admin-topbar-inner{background:#fff!important}
}
/* V25: the working admin canvas is white and calm, with light borders instead of colored panels. */
body.admin,.admin-layout{background:#fff!important}
.admin-layout>.panel{background:#fff!important}

/* === V26: header menu only — preserve the existing white header === */
.nav{background:#fffdf8!important;color:#173b2c!important;border-bottom:1px solid #e7e0cf!important;box-shadow:0 8px 28px rgba(18,59,45,.10)!important;backdrop-filter:none!important}
.nav .container{background:transparent!important}
.menu{display:flex!important;align-items:center;justify-content:center;gap:3px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:none}
.menu::-webkit-scrollbar{display:none}
.menu>a.nav-main-link{display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap;padding:9px 10px!important;border-radius:10px;color:#23453a!important;background:transparent!important;font-weight:800;font-size:13px;opacity:1!important}
.menu>a.nav-main-link:hover{background:#eef4ef!important;color:#0d4938!important}
.menu-icon{margin-left:4px}
.nav-utility{display:flex!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important}
.lang-btn,.nav-register-btn,.nav-login-btn,.nav-admin-btn{background:#fff!important;color:#173b2c!important;border:1px solid #d9e3dd!important;box-shadow:none!important}
.mobile-toggle{background:#fff!important;color:#173b2c!important;border:1px solid #d9e3dd!important;box-shadow:none!important}
.mobile-toggle:hover{background:#fff!important;color:#173b2c!important}
@media(max-width:850px){
 .menu{display:none!important;position:absolute!important;top:72px!important;right:10px!important;left:10px!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:3px!important;padding:10px!important;background:#fffdf8!important;border:1px solid #e5e0d5!important;border-radius:14px!important;box-shadow:0 18px 35px rgba(18,59,45,.16)!important;max-height:calc(100vh - 82px)!important;overflow:auto!important;z-index:2100!important}
 .menu.open{display:flex!important}
 .menu>a.nav-main-link{width:100%!important;justify-content:flex-start!important;padding:12px 13px!important;color:#23453a!important;background:#fffdf8!important;border-radius:10px!important}
 .menu>a.nav-main-link:hover{background:#eef4ef!important;color:#0d4938!important}
 .mobile-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important}
}
@media(min-width:851px){.mobile-toggle{display:none!important}}

/* V27 — header menu visible in the existing white header style; no color changes */
.nav{background:#fff!important;color:#173b2c!important}
.nav .container{background:#fff!important}
.nav-actions{min-width:0!important;overflow:hidden!important}
.menu{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;flex:1 1 auto!important;white-space:nowrap!important}
.menu::-webkit-scrollbar{display:none!important}
.menu>a.nav-main-link,.nav-main-link{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:7px 10px!important;border:1px solid #d9e3dd!important;border-radius:12px!important;background:#fff!important;color:#173b2c!important;box-shadow:none!important;transform:none!important;opacity:1!important;font-size:13px!important;font-weight:800!important}
.menu>a.nav-main-link:hover,.menu>a.nav-main-link:focus,.menu>a.nav-main-link:active,.nav-main-link.nav-selected{background:#fff!important;color:#173b2c!important;border-color:#d9e3dd!important;box-shadow:none!important;transform:none!important}
.menu>a.nav-main-link:before,.menu>a.nav-main-link:after{display:none!important}
.menu-icon{display:inline-flex!important;margin-inline-end:4px!important}
.nav-utility{flex:0 0 auto!important;white-space:nowrap!important;background:#fff!important}
.lang-btn,.nav-register-btn,.nav-login-btn,.nav-admin-btn,.nav-user-btn,.mobile-toggle{background:#fff!important;color:#173b2c!important;border:1px solid #d9e3dd!important;box-shadow:none!important}
.lang-btn:hover,.nav-register-btn:hover,.nav-login-btn:hover,.nav-admin-btn:hover,.nav-user-btn:hover,.mobile-toggle:hover,.lang-btn:active,.nav-register-btn:active,.nav-login-btn:active,.nav-admin-btn:active,.nav-user-btn:active,.mobile-toggle:active{background:#fff!important;color:#173b2c!important;border-color:#d9e3dd!important;box-shadow:none!important;transform:none!important}
@media(max-width:850px){
  .nav .container{height:64px!important;min-height:64px!important;padding:7px 10px!important;gap:7px!important}
  .brand{flex:0 0 auto!important;gap:6px!important}
  .brand-mark{width:36px!important;height:36px!important;font-size:19px!important}
  .brand strong{font-size:17px!important}
  .brand .brand-tagline{font-size:8px!important;margin-top:2px!important}
  .nav-actions{display:flex!important;flex:1 1 auto!important;min-width:0!important;gap:5px!important;overflow:hidden!important}
  .menu{display:flex!important;flex:1 1 auto!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;gap:4px!important}
  .menu>a.nav-main-link,.nav-main-link{min-height:34px!important;padding:6px 9px!important;border-radius:11px!important;font-size:12px!important}
  .nav-utility{display:flex!important;flex:0 0 auto!important;gap:4px!important;order:2!important}
  .lang-btn,.nav-register-btn,.nav-login-btn,.nav-admin-btn{font-size:10px!important;min-height:34px!important;padding:6px 8px!important;border-radius:11px!important}
  .nav-admin-btn{width:34px!important;padding:0!important}
  .mobile-toggle{display:inline-flex!important;flex:0 0 auto!important;width:34px!important;height:34px!important;padding:0!important;font-size:20px!important;align-items:center!important;justify-content:center!important}
}


/* V28 — two-level navigation, mobile first. The top header stays white and minimal; the full site menu lives below the hero. */
.nav{background:#fff!important;color:#173b2c!important;border-bottom:1px solid #e5e7e6!important;box-shadow:0 3px 14px rgba(18,59,45,.07)!important;position:sticky!important;top:0!important;z-index:1600!important}
.nav .container{height:68px!important;background:#fff!important;display:flex!important;align-items:center!important;gap:10px!important}
.nav .brand{flex:0 0 auto!important;min-width:145px!important;max-width:190px!important;gap:7px!important}
.nav .brand-mark{font-size:22px!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important}
.nav .brand strong{font-size:18px!important;line-height:1!important}
.nav .brand .brand-tagline{display:block!important;font-size:9px!important;line-height:1.25!important;margin-top:3px!important;color:#7a8580!important;white-space:nowrap!important}
.nav-actions{margin-inline-start:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:0!important;overflow:visible!important}
.nav-utility{display:flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important}
.nav-news-top,.lang-btn,.nav-register-btn,.nav-login-btn,.nav-admin-btn,.nav-user-btn{background:#fff!important;color:#173b2c!important;border:1px solid #d9dfdc!important;box-shadow:none!important;border-radius:9px!important;min-height:34px!important;padding:6px 9px!important;font-size:12px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important}
.nav-news-top:hover,.lang-btn:hover,.nav-register-btn:hover,.nav-login-btn:hover,.nav-admin-btn:hover,.nav-user-btn:hover{background:#fff!important;color:#173b2c!important;border-color:#d9dfdc!important;box-shadow:none!important;transform:none!important}
.nav-news-top span:first-child{font-size:14px!important}
.mobile-toggle{display:none!important;background:#fff!important;color:#173b2c!important;border:1px solid #d9dfdc!important;box-shadow:none!important}
/* Full menu directly below the hero, same calm white language as the header. */
.below-nav{position:relative!important;z-index:1200!important;background:#fff!important;border-bottom:1px solid #e8ecea!important;box-shadow:0 4px 14px rgba(18,59,45,.05)!important}
.below-nav .container{padding-top:7px!important;padding-bottom:7px!important}
.below-nav-scroll{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
.below-nav-scroll::-webkit-scrollbar{display:none!important}
.below-nav-link{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:38px!important;padding:7px 12px!important;background:#fff!important;color:#23453a!important;border:1px solid #d9e3dd!important;border-radius:10px!important;font-size:13px!important;font-weight:800!important;box-shadow:none!important;transition:none!important}
.below-nav-link:hover,.below-nav-link:focus-visible,.below-nav-link:active{background:#fff!important;color:#23453a!important;border-color:#d9e3dd!important;box-shadow:none!important;transform:none!important}
.below-nav-link .menu-icon{font-size:15px!important;line-height:1!important}
@media(max-width:850px){
 .nav .container{height:60px!important;padding:5px 8px!important;gap:5px!important}
 .nav .brand{min-width:0!important;max-width:145px!important;gap:5px!important}
 .nav .brand-mark{width:30px!important;height:30px!important;font-size:18px!important}
 .nav .brand strong{font-size:16px!important}
 .nav .brand .brand-tagline{font-size:7px!important;margin-top:2px!important}
 .nav-utility{gap:3px!important;overflow-x:auto!important;scrollbar-width:none!important;max-width:calc(100vw - 150px)!important}
 .nav-utility::-webkit-scrollbar{display:none!important}
 .nav-news-top,.lang-btn,.nav-register-btn,.nav-login-btn,.nav-admin-btn,.nav-user-btn{min-height:31px!important;padding:5px 7px!important;font-size:10px!important;border-radius:8px!important}
 .nav-admin-btn{width:31px!important;padding:0!important}
 .below-nav .container{padding:5px 8px!important}
 .below-nav-scroll{justify-content:flex-start!important;gap:5px!important;padding-bottom:1px!important}
 .below-nav-link{min-height:36px!important;padding:7px 10px!important;font-size:12px!important;border-radius:9px!important}
}
@media(max-width:430px){
 .nav .brand{max-width:118px!important}
 .nav .brand .brand-tagline{display:none!important}
 .nav .brand strong{font-size:15px!important}
 .nav-utility{max-width:calc(100vw - 125px)!important}
 .nav-news-top span:last-child{display:none!important}
 .nav-news-top{width:32px!important;padding:0!important}
 .nav-register-btn{padding-inline:6px!important}
 .nav-login-btn{padding-inline:6px!important}
}

/* V28 final: reuse the existing under-banner menu row instead of creating a second row. */
.below-main-menu{background:#fff!important;border-bottom:1px solid #e8ecea!important;box-shadow:0 4px 14px rgba(18,59,45,.05)!important;margin:0!important}
.below-main-menu .home-command-inner{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;padding:7px 8px!important}
.below-main-menu .home-command-inner::-webkit-scrollbar{display:none!important}
.below-main-menu .home-command-inner>a{flex:0 0 auto!important;min-height:38px!important;padding:7px 12px!important;background:#fff!important;color:#23453a!important;border:1px solid #d9e3dd!important;border-radius:10px!important;box-shadow:none!important;font-size:13px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;transform:none!important}
.below-main-menu .home-command-inner>a:hover,.below-main-menu .home-command-inner>a:focus,.below-main-menu .home-command-inner>a:active{background:#fff!important;color:#23453a!important;border-color:#d9e3dd!important;box-shadow:none!important;transform:none!important}
.below-main-menu .home-command-inner>a>span:first-child{font-size:15px!important;line-height:1!important}
@media(max-width:850px){.below-main-menu .home-command-inner{justify-content:flex-start!important;padding:5px 8px!important;gap:5px!important}.below-main-menu .home-command-inner>a{min-height:36px!important;padding:7px 10px!important;font-size:12px!important;border-radius:9px!important}.below-main-menu .home-command-inner>a>span:first-child{font-size:14px!important}}
/* V29: neutral checkbox destination controls for the admin panel */
.menu-target-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:14px}
.menu-target-grid .placement-group-title{background:#f7f7f7;color:#333;border:1px solid #e5e7eb;border-radius:10px;font-weight:800;padding:9px 12px}
.menu-target-grid .placement-admin-option{background:#fff;border:1px solid #e5e7eb;box-shadow:none}
.menu-target-grid .placement-admin-option:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.05);border-color:#d1d5db}
.menu-target-grid .placement-admin-option input{accent-color:#555}
@media(max-width:700px){.menu-target-grid{grid-template-columns:1fr}.menu-target-grid .placement-admin-option{min-height:58px}}

/* V31: admin-controlled cards can live above the banner; banner itself is controlled only by sliders. */
.home-above-hero{padding:12px 0 4px;background:#fff}
.home-block-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-admin-card{display:flex;align-items:center;gap:10px;min-height:72px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 5px 18px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease}
.home-admin-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.08)}
.home-admin-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f7f7f7;font-size:21px;flex:0 0 auto}
.home-admin-card b{font-size:14px;line-height:1.5}.home-admin-card small{display:block;color:#6b7280;font-size:11px;margin-top:2px}
.empty-slide{background:#f4f6f5!important}
@media(max-width:900px){.home-block-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-admin-card{min-height:62px;padding:9px 10px;border-radius:13px}.home-admin-icon{width:34px;height:34px;font-size:18px}}
@media(max-width:560px){.home-above-hero{padding:8px 0 2px}.home-block-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.home-admin-card{min-height:56px;padding:8px}.home-admin-card b{font-size:12px}.home-admin-card small{font-size:10px}.home-admin-icon{width:30px;height:30px;border-radius:9px;font-size:16px}}

/* Managed homepage cards: quick location is rendered directly below the hero/menu and above search. */
.home-quick-admin{padding:18px 0 4px}
.home-block-grid{display:grid;gap:16px}
.quick-admin-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.home-admin-card{display:flex;align-items:center;gap:12px;min-height:88px;padding:16px 18px;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 8px 24px rgba(0,0,0,.07);transition:transform .2s ease,box-shadow .2s ease}
.home-admin-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.11)}
.home-admin-icon{font-size:30px;flex:0 0 auto}
.home-admin-card b{font-size:16px}
.home-admin-card small{display:block;margin-top:4px;opacity:.7;font-size:12px}
@media(max-width:700px){.quick-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-admin-card{min-height:78px;padding:12px;border-radius:14px}.home-admin-icon{font-size:25px}.home-admin-card b{font-size:14px}.home-admin-card small{font-size:11px}}


/* ===== V34: mobile-first premium hero + compact managed blocks ===== */
.nav{background:linear-gradient(180deg,rgba(10,57,43,.97),rgba(15,73,54,.96))!important;color:#fff!important;border-bottom:1px solid rgba(216,173,90,.55)!important;box-shadow:0 8px 24px rgba(7,38,28,.18)!important;}
.nav .container{min-height:72px!important;padding:8px 14px!important;}
.brand,.brand strong,.brand small{color:#fff!important}.brand small{opacity:.88!important;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.nav-news-top,.nav-actions a,.nav-actions button,.lang-btn,.mobile-toggle{color:#fff!important;text-shadow:0 1px 5px rgba(0,0,0,.25)}
.nav-news-top{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;padding:8px 10px!important}
.lang-btn{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important}
.nav-register-btn{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:12px!important}
.nav-login-btn{background:#d9ae5b!important;color:#16382b!important;text-shadow:none!important;border:1px solid #e8c878!important;border-radius:12px!important}
.nav-admin-btn{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:12px!important}
.hero.hero-frame{width:calc(100% - 20px)!important;max-width:1500px!important;margin:0 auto!important;height:620px!important;max-height:620px!important;border-radius:0 0 30px 30px!important;overflow:hidden!important;box-shadow:0 18px 45px rgba(8,42,31,.16)!important;}
.hero.hero-frame .slide{border-radius:0 0 30px 30px!important;overflow:hidden!important;background-position:center!important}
.hero.hero-frame .slide:after{background:linear-gradient(90deg,rgba(3,20,14,.74) 0%,rgba(3,20,14,.40) 44%,rgba(3,20,14,.10) 100%)!important}
.hero.hero-frame:after{display:none!important}
.hero.hero-frame .hero-content{padding-inline:clamp(18px,4vw,54px)!important;text-shadow:0 5px 24px rgba(0,0,0,.42)!important}
.hero.hero-frame .hero-content h1{max-width:760px!important}.hero.hero-frame .hero-content p{max-width:650px!important;color:#fff!important;font-weight:600;text-shadow:0 3px 18px rgba(0,0,0,.5)!important}
.home-quick-admin{padding:12px 0 8px!important}
.home-block-grid.quick-admin-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
.home-quick-admin .home-admin-card{min-height:155px!important;height:155px!important;padding:18px!important;border-radius:20px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:8px!important}
.home-quick-admin .home-admin-icon{width:58px!important;height:58px!important;border-radius:18px!important;font-size:30px!important;display:grid!important;place-items:center!important}
.home-quick-admin .home-admin-card b{font-size:15px!important}.home-quick-admin .home-admin-card small{font-size:11px!important}
@media(max-width:900px){.hero.hero-frame{width:calc(100% - 14px)!important;height:500px!important;max-height:500px!important;border-radius:0 0 26px 26px!important}.hero.hero-frame .slide{border-radius:0 0 26px 26px!important}.home-block-grid.quick-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.home-quick-admin .home-admin-card{height:145px!important;min-height:145px!important}}
@media(max-width:600px){.nav .container{min-height:62px!important;padding:7px 9px!important}.brand{font-size:17px!important}.brand-mark{font-size:20px!important}.brand-tagline{font-size:8px!important}.nav-news-top{font-size:10px!important;padding:7px 8px!important}.nav-register-btn,.nav-login-btn,.lang-btn{font-size:10px!important;padding:7px 8px!important}.hero.hero-frame{width:calc(100% - 10px)!important;height:430px!important;max-height:430px!important;border-radius:0 0 22px 22px!important}.hero.hero-frame .slide{border-radius:0 0 22px 22px!important}.hero.hero-frame .hero-content{padding-inline:20px!important}.hero.hero-frame .hero-content h1{font-size:clamp(36px,11vw,52px)!important}.hero.hero-frame .hero-content p{font-size:15px!important;line-height:1.9!important}.home-block-grid.quick-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.home-quick-admin .home-admin-card{height:145px!important;min-height:145px!important;padding:12px 8px!important;border-radius:17px!important}.home-quick-admin .home-admin-icon{width:48px!important;height:48px!important;font-size:25px!important}.home-quick-admin .home-admin-card b{font-size:13px!important}.home-quick-admin .home-admin-card small{display:none!important}}

/* V35 — clean cinematic tourism header/hero + subtle always-on motion */
.nav,
.nav .container{background:#fff!important;}
.nav{position:relative!important;box-shadow:0 2px 12px rgba(18,59,45,.08)!important;border-bottom:1px solid #e6ebe8!important;overflow:visible!important;}
.nav .container{width:min(100%,1440px)!important;margin-inline:auto!important;}
.nav-actions{overflow:visible!important;}
.nav-utility{overflow:visible!important;}
.nav-news-top,.lang-btn,.nav-register-btn,.nav-login-btn,.nav-admin-btn,.nav-user-btn{color:#173b2c!important;text-shadow:none!important;background:#fff!important;border:1px solid #d7e0db!important;}
.nav-news-top span,.nav-news-top span:last-child{color:#173b2c!important;}
.nav-news-top,.nav-register-btn,.nav-login-btn,.lang-btn{font-size:14px!important;font-weight:900!important;}
.nav-admin-btn{font-size:18px!important;}

/* Self-contained site icon/emblem in the header */
.brand-mark{font-size:0!important;width:42px!important;height:42px!important;background:url('favicon.svg') center/contain no-repeat!important;flex:0 0 42px!important;}
.brand strong{font-size:21px!important;letter-spacing:.2px!important;}
.brand .brand-tagline{font-size:10px!important;color:#52675e!important;font-weight:800!important;}

/* The banner is a clean photograph: no dark veil, no shadow, no glow overlays. */
.hero.hero-frame{width:100%!important;max-width:none!important;height:620px!important;max-height:none!important;margin:0!important;border-radius:0!important;overflow:hidden!important;box-shadow:none!important;background:transparent!important;}
.hero.hero-frame .slides,.hero.hero-frame .slide{border-radius:0!important;}
.hero.hero-frame .slide:after{display:none!important;background:transparent!important;}
.hero.hero-frame .hero-glow{display:none!important;}
.hero.hero-frame .hero-content{padding-inline:clamp(20px,5vw,72px)!important;text-shadow:0 2px 10px rgba(0,0,0,.18)!important;}
.hero.hero-frame .hero-content h1,.hero.hero-frame .hero-content p{color:#fff!important;text-shadow:0 2px 9px rgba(0,0,0,.32)!important;}
.hero.hero-frame .hero-content h1{font-weight:950!important;}
.hero.hero-frame .hero-content p{font-weight:800!important;}

/* Modern floating controls, but keep the photograph itself untouched. */
.hero.hero-frame .dots{bottom:20px!important;}
.hero.hero-frame .dot{box-shadow:0 2px 8px rgba(0,0,0,.18)!important;}

/* Under-banner menu: each item has its own natural width and wraps to another row when needed. */
.below-main-menu{width:100%!important;background:#fff!important;border-bottom:1px solid #e7ece9!important;box-shadow:0 4px 14px rgba(18,59,45,.06)!important;padding:10px 0!important;}
.below-main-menu .home-command-inner{width:min(100% - 24px,1440px)!important;margin-inline:auto!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:8px!important;overflow:visible!important;white-space:normal!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;}
.below-main-menu .home-command-inner>a{width:auto!important;min-width:max-content!important;max-width:220px!important;flex:0 1 auto!important;height:42px!important;min-height:42px!important;padding:8px 14px!important;border-radius:12px!important;background:#fff!important;color:#23453a!important;border:1px solid #d9e3dd!important;box-shadow:0 3px 10px rgba(18,59,45,.05)!important;font-size:14px!important;font-weight:900!important;}
.below-main-menu .home-command-inner>a>span:first-child{font-size:19px!important;}
.below-main-menu .home-command-inner>a:hover{transform:translateY(-2px)!important;box-shadow:0 8px 18px rgba(18,59,45,.10)!important;}

/* All cards begin with a tiny living motion, then become more expressive on hover/focus. */
.home-admin-card,.feature-mini,.card,.attraction-card,.stat-card,.dash-action{will-change:transform;animation:tefli-card-float 4.8s ease-in-out infinite;}
.home-admin-card:nth-child(2n),.feature-mini:nth-child(2n),.card:nth-child(2n),.attraction-card:nth-child(2n),.stat-card:nth-child(2n){animation-delay:-1.2s;}
.home-admin-card:nth-child(3n),.feature-mini:nth-child(3n),.card:nth-child(3n),.attraction-card:nth-child(3n){animation-delay:-2.1s;}
.home-admin-card:hover,.feature-mini:hover,.card:hover,.attraction-card:hover,.stat-card:hover,.dash-action:hover{animation-play-state:paused;transform:translateY(-8px) scale(1.012)!important;}
@keyframes tefli-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

@media(max-width:850px){
 .nav .container{height:62px!important;min-height:62px!important;padding:5px 9px!important;}
 .brand-mark{width:36px!important;height:36px!important;flex-basis:36px!important;}
 .brand strong{font-size:18px!important;}
 .nav-news-top,.nav-register-btn,.nav-login-btn,.lang-btn{font-size:11px!important;min-height:34px!important;padding:7px 8px!important;}
 .nav-admin-btn{width:34px!important;height:34px!important;font-size:16px!important;}
 .hero.hero-frame{height:500px!important;}
 .hero.hero-frame .hero-content{padding-inline:20px!important;}
 .below-main-menu{padding:8px 0!important;}
 .below-main-menu .home-command-inner{width:calc(100% - 14px)!important;justify-content:flex-start!important;gap:6px!important;}
 .below-main-menu .home-command-inner>a{height:40px!important;min-height:40px!important;padding:7px 11px!important;font-size:12px!important;}
}
@media(max-width:600px){
 .brand-mark{width:33px!important;height:33px!important;flex-basis:33px!important;}
 .brand strong{font-size:17px!important;}
 .nav .brand .brand-tagline{font-size:7px!important;}
 .nav-news-top span:last-child{display:none!important;}
 .nav-news-top{width:34px!important;padding:0!important;}
 .hero.hero-frame{height:430px!important;}
 .hero.hero-frame .hero-content h1{font-size:clamp(38px,11vw,52px)!important;}
 .hero.hero-frame .hero-content p{font-size:15px!important;}
 .below-main-menu .home-command-inner>a{font-size:11px!important;height:38px!important;min-height:38px!important;padding:6px 9px!important;}
 .below-main-menu .home-command-inner>a>span:first-child{font-size:16px!important;}
}
@media(prefers-reduced-motion:reduce){.home-admin-card,.feature-mini,.card,.attraction-card,.stat-card,.dash-action{animation:none!important;transition:none!important;}}

/* V36 — international tourism-inspired responsive visual system */
:root{--site-bg:#f7fbf8;--site-green:#0f5a43;--site-green-2:#18765a;--site-mint:#eaf6f0;--site-gold:#dcb35d;--site-ink:#17382d}
html,body{background:var(--site-bg)!important;color:var(--site-ink)!important;overflow-x:hidden}
body{background:linear-gradient(180deg,#ffffff 0,#f7fbf8 42%,#f2f8f4 100%)!important}
.container{width:min(100% - 32px,1440px)!important}

/* Header: stable brand on the right, utility actions on the left, never overlaid. */
.nav{height:auto!important;min-height:78px!important;background:#fff!important;border-bottom:1px solid #e5ece8!important;box-shadow:0 5px 18px rgba(15,90,67,.07)!important;backdrop-filter:none!important}
.nav .container{min-height:78px!important;height:78px!important;width:min(100% - 32px,1440px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;direction:rtl!important}
.brand{display:flex!important;align-items:center!important;gap:11px!important;min-width:170px!important;flex:0 0 auto!important;color:var(--site-ink)!important}
.brand-mark{width:50px!important;height:50px!important;flex:0 0 50px!important;background:none!important;display:grid!important;place-items:center!important}
.brand-mark img{width:50px!important;height:50px!important;display:block!important}
.brand strong{font-size:25px!important;font-weight:950!important;color:#123f30!important;line-height:1.05!important}
.brand .brand-tagline{font-size:10px!important;color:#648176!important;font-weight:700!important;margin-top:5px!important}
.nav-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-width:0!important;flex:1 1 auto!important;overflow:visible!important;direction:ltr!important}
.nav-utility{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex:0 0 auto!important;overflow:visible!important;direction:rtl!important}
.nav-news-top,.lang-btn,.nav-register-btn,.nav-login-btn,.nav-admin-btn,.nav-user-btn{min-height:44px!important;padding:9px 13px!important;border-radius:14px!important;border:1px solid #d9e5df!important;background:#fff!important;color:#154936!important;box-shadow:0 4px 12px rgba(15,90,67,.05)!important;font-size:14px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:nowrap!important}
.nav-news-top:hover,.lang-btn:hover,.nav-register-btn:hover,.nav-login-btn:hover,.nav-admin-btn:hover,.nav-user-btn:hover{background:#f0f8f4!important;border-color:#a9cbbb!important;color:#0e5a42!important;transform:translateY(-2px)!important;box-shadow:0 9px 20px rgba(15,90,67,.10)!important}
.nav-login-btn{background:var(--site-green)!important;color:#fff!important;border-color:var(--site-green)!important}
.lang-btn{background:var(--site-mint)!important;border-color:#c8e3d6!important}
.nav-admin-btn{font-size:0!important;width:44px!important;height:44px!important;padding:0!important}
.nav-admin-btn:before{content:'⚙';font-size:21px!important}
.mobile-toggle{display:none!important;background:#fff!important;color:#0e5a42!important;border:1px solid #d5e2dc!important;width:46px!important;height:46px!important;border-radius:14px!important;box-shadow:0 5px 15px rgba(15,90,67,.08)!important}

/* Hero: true photography, no veil, no shadow, no decorative color overlay. */
.hero.hero-frame{width:100%!important;height:min(680px,72vh)!important;min-height:520px!important;max-height:760px!important;margin:0!important;border-radius:0 0 34px 34px!important;box-shadow:none!important;background:#eaf1ed!important;overflow:hidden!important;position:relative!important}
.hero.hero-frame .slides,.hero.hero-frame .slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;overflow:hidden!important}
.hero.hero-frame .slide{display:flex!important;align-items:center!important;background:#eaf1ed!important;opacity:0;transition:opacity .8s ease!important}
.hero.hero-frame .hero-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;filter:none!important;opacity:1!important;animation:heroBreath 12s ease-in-out infinite alternate!important;transform-origin:center!important}
.hero.hero-frame .slide:after,.hero.hero-frame:after,.hero.hero-frame:before,.hero.hero-frame .hero-glow{display:none!important;content:none!important;background:none!important}
.hero.hero-frame .hero-content{position:relative!important;z-index:4!important;width:min(100% - 48px,1440px)!important;margin-inline:auto!important;padding-inline:0!important;text-shadow:0 2px 12px rgba(0,0,0,.28)!important}
.hero.hero-frame .hero-content h1{font-size:clamp(44px,6.5vw,86px)!important;font-weight:950!important;line-height:1.08!important;color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.42)!important}
.hero.hero-frame .hero-content p{font-size:clamp(17px,2vw,22px)!important;color:#fff!important;font-weight:800!important;text-shadow:0 2px 12px rgba(0,0,0,.42)!important}
.hero.hero-frame .hero-slide-link{box-shadow:0 12px 28px rgba(0,0,0,.18)!important}
.hero.hero-frame .dots{bottom:22px!important;right:50%!important;transform:translateX(50%)!important;background:rgba(255,255,255,.88)!important;padding:8px 11px!important;border-radius:999px!important;box-shadow:0 7px 18px rgba(0,0,0,.12)!important;backdrop-filter:none!important}
.hero.hero-frame .dot{background:#78968a!important;box-shadow:none!important;width:9px!important;height:9px!important}
.hero.hero-frame .dot.active{background:var(--site-gold)!important;width:28px!important}
@keyframes heroBreath{0%{transform:scale(1)}100%{transform:scale(1.035)}}

/* Under-hero menu: pills sized by content, wrapping naturally. */
.below-main-menu{width:100%!important;background:#fff!important;border:0!important;border-bottom:1px solid #e7eee9!important;box-shadow:0 7px 18px rgba(15,90,67,.06)!important;padding:14px 0!important}
.below-main-menu .home-command-inner{width:min(100% - 32px,1260px)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:10px!important;padding:0!important;margin:0 auto!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.below-main-menu .home-command-inner>a{width:auto!important;min-width:150px!important;max-width:220px!important;flex:0 1 auto!important;height:54px!important;min-height:54px!important;padding:8px 17px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;border-radius:17px!important;background:#f9fcfa!important;color:#14563f!important;border:1px solid #dce9e2!important;box-shadow:0 5px 15px rgba(15,90,67,.05)!important;font-size:15px!important;font-weight:950!important;white-space:nowrap!important}
.below-main-menu .home-command-inner>a:hover{background:#eaf6f0!important;border-color:#b9d9ca!important;color:#0b543c!important;transform:translateY(-3px)!important;box-shadow:0 12px 24px rgba(15,90,67,.11)!important}
.menu-icon{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;flex:0 0 28px!important;color:#178062!important}
.menu-icon svg{width:26px!important;height:26px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* Main background and sections: fresh, airy tourism palette. */
.section.alt{background:#eef7f2!important}
.feature-strip{background:transparent!important}
.search-wrap{margin-top:24px!important}

/* Living cards: subtle motion from the start, stronger interaction on hover/touch. */
.home-admin-card,.feature-mini,.card,.attraction-card,.stat-card,.dash-action{animation:tefliFloat 5.2s ease-in-out infinite!important;box-shadow:0 10px 30px rgba(15,90,67,.08)!important}
.home-admin-card:nth-child(2n),.feature-mini:nth-child(2n),.card:nth-child(2n),.attraction-card:nth-child(2n),.stat-card:nth-child(2n){animation-delay:-1.3s!important}
.home-admin-card:nth-child(3n),.feature-mini:nth-child(3n),.card:nth-child(3n),.attraction-card:nth-child(3n){animation-delay:-2.5s!important}
.home-admin-card:hover,.feature-mini:hover,.card:hover,.attraction-card:hover,.stat-card:hover,.dash-action:hover{animation-play-state:paused!important;transform:translateY(-7px) scale(1.015)!important;box-shadow:0 18px 38px rgba(15,90,67,.14)!important}
@keyframes tefliFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(.12deg)}}

@media(max-width:1050px){
 .nav .container{width:calc(100% - 22px)!important;gap:10px!important}
 .brand{min-width:150px!important}.brand strong{font-size:22px!important}
 .nav-actions{flex:0 1 auto!important}.nav-utility{gap:5px!important}.nav-news-top,.lang-btn,.nav-register-btn,.nav-login-btn,.nav-admin-btn{font-size:12px!important;padding:8px 10px!important;min-height:40px!important}
 .nav-admin-btn{width:40px!important;height:40px!important}
}
@media(max-width:760px){
 .nav .container{min-height:72px!important;height:72px!important;width:calc(100% - 16px)!important;gap:7px!important}
 .brand{min-width:118px!important;gap:7px!important}.brand-mark,.brand-mark img{width:38px!important;height:38px!important}.brand strong{font-size:19px!important}.brand .brand-tagline{font-size:8px!important;margin-top:2px!important}
 .nav-actions{gap:5px!important;min-width:0!important}.nav-utility{gap:4px!important;max-width:calc(100vw - 145px)!important;overflow-x:auto!important;scrollbar-width:none!important}.nav-utility::-webkit-scrollbar{display:none!important}
 .nav-news-top,.lang-btn,.nav-register-btn,.nav-login-btn,.nav-admin-btn{font-size:11px!important;min-height:36px!important;padding:7px 8px!important;border-radius:11px!important;box-shadow:none!important}.nav-admin-btn{width:36px!important;height:36px!important}
 .nav-news-top span:first-child{font-size:13px!important}.mobile-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;font-size:24px!important}
 .hero.hero-frame{height:430px!important;min-height:430px!important;border-radius:0 0 25px 25px!important}.hero.hero-frame .hero-content{width:calc(100% - 34px)!important}.hero.hero-frame .hero-content h1{font-size:clamp(38px,11vw,54px)!important}.hero.hero-frame .hero-content p{font-size:15px!important}
 .below-main-menu{padding:11px 0!important}.below-main-menu .home-command-inner{width:calc(100% - 18px)!important;justify-content:flex-start!important;gap:8px!important}.below-main-menu .home-command-inner>a{min-width:calc(50% - 4px)!important;max-width:none!important;height:52px!important;min-height:52px!important;padding:7px 9px!important;font-size:13px!important;border-radius:15px!important}.menu-icon{width:25px!important;height:25px!important;flex-basis:25px!important}.menu-icon svg{width:23px!important;height:23px!important}
 .container{width:calc(100% - 20px)!important}
}
@media(max-width:430px){
 .brand{min-width:105px!important}.brand strong{font-size:17px!important}.brand .brand-tagline{display:none!important}.brand-mark,.brand-mark img{width:34px!important;height:34px!important}
 .nav-news-top span:last-child{display:none!important}.nav-news-top{width:36px!important;padding:0!important}.nav-register-btn,.nav-login-btn,.lang-btn{font-size:10px!important;padding:6px 7px!important}
 .nav-utility{max-width:calc(100vw - 130px)!important}.mobile-toggle{flex-basis:39px!important;width:39px!important;height:39px!important}
 .below-main-menu .home-command-inner>a{font-size:12px!important;min-width:calc(50% - 4px)!important}
}
@media(prefers-reduced-motion:reduce){.hero.hero-frame .hero-photo,.home-admin-card,.feature-mini,.card,.attraction-card,.stat-card,.dash-action{animation:none!important}.home-admin-card:hover,.feature-mini:hover,.card:hover,.attraction-card:hover,.stat-card:hover,.dash-action:hover{transform:none!important}}

/* V37 final visual polish: readable header controls, aligned search, professional stat cards */
:root{--site-bg:#f7fbf8;--site-green:#0f5a43;--site-green-2:#18765a;--site-mint:#eaf6f0;--site-gold:#dcb35d;--site-ink:#17382d}
body{background:linear-gradient(180deg,#ffffff 0%,#f7fbf8 48%,#f3faf6 100%)!important;color:var(--site-ink)!important}
/* Top header: never depend on hover for readability */
.nav{background:#fff!important;color:var(--site-ink)!important;border-bottom:1px solid #dfe9e3!important;box-shadow:0 5px 18px rgba(15,90,67,.07)!important;overflow:visible!important}
.nav .container{min-height:78px!important;height:78px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
.brand{order:2!important;display:flex!important;align-items:center!important;gap:9px!important;color:var(--site-ink)!important;min-width:190px!important}
.brand-mark{display:flex!important;align-items:center!important;justify-content:center!important;width:52px!important;height:52px!important;flex:0 0 52px!important}
.brand-mark img{width:52px!important;height:52px!important;display:block!important;object-fit:contain!important}
.brand strong{font-size:25px!important;line-height:1.1!important;color:var(--site-green)!important}
.brand .brand-tagline{display:block!important;color:#6a7b73!important;font-size:10px!important;font-weight:600!important;margin-top:4px!important}
.nav-actions{order:1!important;display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
.nav-utility{display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;overflow:visible!important}
.nav-news-top,.lang-btn,.nav-register-btn,.nav-login-btn,.nav-admin-btn,.nav-user-btn{min-height:42px!important;padding:8px 13px!important;border-radius:13px!important;border:1px solid #d5e4dc!important;background:#eef8f3!important;color:var(--site-green)!important;box-shadow:0 3px 10px rgba(15,90,67,.06)!important;font-size:13px!important;font-weight:900!important;text-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s!important}
.nav-news-top:hover,.lang-btn:hover,.nav-register-btn:hover,.nav-login-btn:hover,.nav-admin-btn:hover,.nav-user-btn:hover{background:#dff1e8!important;color:#0b513b!important;border-color:#a9cdbb!important;transform:translateY(-2px)!important;box-shadow:0 8px 18px rgba(15,90,67,.12)!important}
.nav-login-btn{background:var(--site-green)!important;color:#fff!important;border-color:var(--site-green)!important}
.nav-login-btn:hover{background:var(--site-green-2)!important;color:#fff!important}
.nav-admin-btn{width:44px!important;padding:0!important;background:#fff7df!important;color:#725415!important;border-color:#e6cd88!important;font-size:0!important}
.nav-admin-btn:before{content:'⚙';font-size:20px!important;line-height:1!important}
.mobile-toggle{order:3!important;display:none!important;color:var(--site-green)!important;background:#eef8f3!important;border:1px solid #d5e4dc!important;border-radius:12px!important;width:44px!important;height:44px!important;align-items:center!important;justify-content:center!important}
/* Search: fixed centered width, never drifts left */
.search-wrap{width:min(calc(100% - 32px),850px)!important;max-width:850px!important;margin:28px auto 0!important;position:relative!important;left:auto!important;right:auto!important}
.search-wrap .input{width:100%!important;height:62px!important;margin:0!important;border-radius:20px!important;padding-inline:22px!important;background:#fff!important;border:1px solid #dce8e2!important;box-shadow:0 12px 32px rgba(15,90,67,.08)!important}
/* Statistics: larger permanent SVG icons instead of tiny/unsupported emoji */
.stats-showcase{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.stats-showcase .stat-showcase-card{position:relative!important;min-height:178px!important;padding:25px 16px 21px!important;background:linear-gradient(145deg,#ffffff,#f0f8f4)!important;border:1px solid #dcebe4!important;box-shadow:0 16px 38px rgba(15,90,67,.10)!important;overflow:hidden!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s!important}
.stats-showcase .stat-showcase-card:before{content:'';position:absolute;inset:auto -35px -45px auto;width:120px;height:120px;border-radius:50%;background:rgba(216,179,93,.13);pointer-events:none}
.stats-showcase .stat-showcase-card:hover{transform:translateY(-8px) rotateX(2deg)!important;box-shadow:0 24px 55px rgba(15,90,67,.17)!important;border-color:#b9d8c8!important}
.stat-icon{width:66px!important;height:66px!important;border-radius:20px!important;margin:0 auto 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#0f5a43,#1b7a5c)!important;color:#fff!important;box-shadow:0 10px 22px rgba(15,90,67,.20)!important;position:relative!important;z-index:1!important}
.stat-icon svg{width:38px!important;height:38px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;display:block!important}
.stats-showcase .stat-showcase-card b{font-size:36px!important;line-height:1.1!important;color:var(--site-gold)!important;display:block!important;font-weight:950!important;position:relative!important;z-index:1!important}
.stats-showcase .stat-showcase-card>span:last-child{display:block!important;margin-top:7px!important;color:#48665a!important;font-size:13px!important;font-weight:800!important;position:relative!important;z-index:1!important}
/* Gentle motion from the start, stronger on interaction */
.stats-showcase .stat-showcase-card,.feature-mini,.home-admin-card{animation:tefliFloat 4.8s ease-in-out infinite!important}
.stats-showcase .stat-showcase-card:nth-child(2),.feature-mini:nth-child(2),.home-admin-card:nth-child(2){animation-delay:.25s!important}
.stats-showcase .stat-showcase-card:nth-child(3),.feature-mini:nth-child(3),.home-admin-card:nth-child(3){animation-delay:.5s!important}
.stats-showcase .stat-showcase-card:nth-child(4),.feature-mini:nth-child(4),.home-admin-card:nth-child(4){animation-delay:.75s!important}
@keyframes tefliFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:900px){
 .nav .container{min-height:70px!important;height:70px!important;padding:7px 10px!important;gap:7px!important}
 .brand{min-width:0!important;flex:1 1 auto!important;justify-content:flex-start!important}
 .brand-mark,.brand-mark img{width:44px!important;height:44px!important}
 .brand strong{font-size:20px!important}.brand .brand-tagline{font-size:9px!important}
 .nav-actions{flex:0 0 auto!important}.nav-utility{max-width:calc(100vw - 165px)!important;overflow-x:auto!important;scrollbar-width:none!important}.nav-utility::-webkit-scrollbar{display:none!important}
 .nav-news-top,.lang-btn,.nav-register-btn,.nav-login-btn,.nav-admin-btn,.nav-user-btn{min-height:38px!important;padding:7px 9px!important;font-size:11px!important;border-radius:11px!important}
 .nav-admin-btn{width:38px!important}
 .mobile-toggle{display:inline-flex!important;flex:0 0 40px!important;width:40px!important;height:40px!important}
 .stats-showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .stats-showcase .stat-showcase-card{min-height:158px!important;padding:19px 10px!important}
 .stat-icon{width:54px!important;height:54px!important;border-radius:17px!important}.stat-icon svg{width:31px!important;height:31px!important}
 .stats-showcase .stat-showcase-card b{font-size:31px!important}
 .search-wrap{width:calc(100% - 24px)!important;margin-top:20px!important}
}
@media(max-width:560px){
 .nav .container{height:66px!important;min-height:66px!important}
 .brand-mark,.brand-mark img{width:40px!important;height:40px!important}.brand strong{font-size:18px!important}.brand .brand-tagline{display:none!important}
 .nav-utility{max-width:calc(100vw - 122px)!important;gap:4px!important}
 .nav-news-top span:last-child{display:none!important}.nav-news-top{width:34px!important;padding:0!important}
 .nav-news-top,.lang-btn,.nav-register-btn,.nav-login-btn,.nav-admin-btn{min-height:34px!important;padding:6px 7px!important;font-size:10px!important;border-radius:9px!important}.nav-admin-btn{width:34px!important}
 .mobile-toggle{width:38px!important;height:38px!important;flex-basis:38px!important}
 .search-wrap{width:calc(100% - 18px)!important;margin-top:17px!important}
 .search-wrap .input{height:58px!important}
 .stats-showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .stats-showcase .stat-showcase-card{min-height:145px!important}.stat-icon{width:48px!important;height:48px!important;border-radius:15px!important;margin-bottom:9px!important}.stat-icon svg{width:27px!important;height:27px!important}
 .stats-showcase .stat-showcase-card b{font-size:27px!important}.stats-showcase .stat-showcase-card>span:last-child{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){.stats-showcase .stat-showcase-card,.feature-mini,.home-admin-card{animation:none!important;transition:none!important}}
/* V38: top navigation labels - bold black for clear readability */
.nav .menu a,
.nav .menu a:visited,
.nav .menu a:focus{color:#111827!important;font-weight:900!important;text-shadow:none!important;}
.nav .menu a:hover{color:#000!important;}
@media(max-width:900px){.nav .menu.open a,.nav .menu.open a:visited,.nav .menu.open a:focus{color:#111827!important;font-weight:900!important;}}

/* V39 dynamic homepage statistic cards */
.stats-showcase{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
.stats-showcase .stat-showcase-card{min-width:0!important;min-height:178px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:24px 16px!important;border-radius:24px!important;background:linear-gradient(145deg,#fff,#f2faf6)!important;border:1px solid #dcebe4!important;box-shadow:0 16px 38px rgba(15,90,67,.10)!important;position:relative!important;overflow:hidden!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s!important}
.stats-showcase .stat-showcase-card:before{content:''!important;position:absolute!important;width:135px!important;height:135px!important;border-radius:50%!important;right:-48px!important;bottom:-55px!important;background:rgba(216,179,93,.14)!important;pointer-events:none!important}
.stats-showcase .stat-showcase-card:hover{transform:translateY(-8px) scale(1.015)!important;box-shadow:0 25px 58px rgba(15,90,67,.18)!important;border-color:#b9d8c8!important}
.stats-showcase .stat-showcase-card .stat-icon{width:62px!important;height:62px!important;display:grid!important;place-items:center!important;border-radius:20px!important;background:#e6f4ec!important;color:#176046!important;border:1px solid #cfe5d9!important;margin-bottom:11px!important;position:relative!important;z-index:1!important}
.stats-showcase .stat-showcase-card .stat-icon svg{width:36px!important;height:36px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.stats-showcase .stat-showcase-card b{font-size:38px!important;line-height:1.05!important;color:var(--site-gold)!important;font-weight:950!important;position:relative!important;z-index:1!important}
.stats-showcase .stat-showcase-card>span:last-child{font-size:14px!important;font-weight:900!important;color:#35594b!important;margin-top:8px!important;position:relative!important;z-index:1!important}
.stat-admin-preview{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #dcebe4;background:#f7fbf9;border-radius:20px;margin-top:16px}.stat-admin-icon,.stat-table-icon{display:grid;place-items:center;background:#e6f4ec;color:#176046;border:1px solid #cfe5d9;border-radius:17px;width:58px;height:58px}.stat-admin-icon svg,.stat-table-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stat-admin-preview b{display:block;font-size:20px}.stat-admin-preview small{display:block;color:#6a7d74;margin-top:5px}.stat-table-icon{width:42px;height:42px;border-radius:12px}.stat-table-icon svg{width:24px;height:24px}
@media(max-width:900px){.stats-showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stats-showcase .stat-showcase-card{min-height:158px!important;padding:19px 10px!important}.stats-showcase .stat-showcase-card .stat-icon{width:54px!important;height:54px!important}.stats-showcase .stat-showcase-card .stat-icon svg{width:31px!important;height:31px!important}.stats-showcase .stat-showcase-card b{font-size:31px!important}}
@media(max-width:560px){.stats-showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.stats-showcase .stat-showcase-card{min-height:145px!important}.stats-showcase .stat-showcase-card .stat-icon{width:48px!important;height:48px!important;border-radius:15px!important}.stats-showcase .stat-showcase-card .stat-icon svg{width:27px!important;height:27px!important}.stats-showcase .stat-showcase-card b{font-size:27px!important}.stats-showcase .stat-showcase-card>span:last-child{font-size:11px!important}}

/* V39: top hero navigation - normal state must be black and bold, not only hover */
.nav .nav-utility a,
.nav .nav-utility a:visited,
.nav .nav-utility a:focus,
.nav .nav-utility button{color:#111827!important;font-weight:900!important;text-shadow:none!important;opacity:1!important}
.nav .nav-utility a:hover,.nav .nav-utility button:hover{color:#000!important}
.nav .nav-utility .nav-news-top,
.nav .nav-utility .lang-btn,
.nav .nav-utility .nav-register-btn,
.nav .nav-utility .nav-login-btn,
.nav .nav-utility .nav-admin-btn{color:#111827!important}

/* V40 — placement-aware responsive cards: each location has its own native size */
.home-above-hero{padding:10px 0 4px!important;background:transparent!important}
.home-above-hero .above-hero-grid{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important}
.home-above-hero .above-hero-grid .home-admin-card{flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:44px!important;height:44px!important;padding:7px 13px!important;border-radius:11px!important;display:inline-flex!important;flex-direction:row!important;justify-content:center!important;gap:7px!important;box-shadow:0 4px 12px rgba(18,59,45,.07)!important;font-size:13px!important;white-space:nowrap!important}
.home-above-hero .above-hero-grid .home-admin-card .home-admin-icon{width:26px!important;height:26px!important;border-radius:8px!important;font-size:16px!important;flex:0 0 26px!important}
.home-above-hero .above-hero-grid .home-admin-card b{font-size:13px!important;font-weight:950!important;line-height:1!important}
.home-above-hero .above-hero-grid .home-admin-card small{display:none!important}
.home-quick-admin{padding:10px 0 7px!important}
.home-block-grid.quick-admin-grid{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important}
.home-quick-admin .home-admin-card{flex:0 1 auto!important;width:auto!important;min-width:150px!important;max-width:220px!important;height:54px!important;min-height:54px!important;padding:8px 15px!important;border-radius:16px!important;display:inline-flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:8px!important;white-space:nowrap!important}
.home-quick-admin .home-admin-icon{width:31px!important;height:31px!important;border-radius:10px!important;font-size:18px!important;flex:0 0 31px!important}
.home-quick-admin .home-admin-card b{font-size:14px!important;font-weight:950!important;line-height:1.2!important}
.home-quick-admin .home-admin-card small{display:none!important}
.feature-strip{padding-top:10px!important}
.feature-strip .feature-strip-inner{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:12px!important}
.feature-strip .feature-mini{flex:1 1 220px!important;min-width:190px!important;max-width:calc(33.333% - 8px)!important}

/* Administration readability */
body.admin label:has(input[required]),body.admin label:has(textarea[required]),body.admin label:has(select[required]){position:relative}
body.admin label:has(input[required])::after,body.admin label:has(textarea[required])::after,body.admin label:has(select[required])::after{content:' *';color:#d62828;font-weight:1000;font-size:16px}
body.admin .admin-page-head .lead,body.admin .panel .muted,body.admin .panel .help,body.admin .panel small{color:#222!important}
body.admin .admin-page-head .eyebrow{color:#222!important}
body.admin .sidebar .side-nav-group svg,body.admin .sidebar .side-parent-link svg,body.admin .sidebar a svg{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;stroke-width:2.2!important}
body.admin .sidebar .side-parent-link,body.admin .sidebar a{font-weight:850!important}

/* Light, fast motion: avoid expensive effects on weak connections */
.hero-photo{will-change:transform;transform:translateZ(0)}
@media(max-width:900px){
 .home-above-hero .above-hero-grid{gap:7px!important}
 .home-above-hero .above-hero-grid .home-admin-card{height:42px!important;min-height:42px!important;padding:6px 10px!important;font-size:12px!important}
 .home-quick-admin .home-admin-card{min-width:135px!important;height:50px!important;min-height:50px!important;padding:7px 11px!important}
 .home-quick-admin .home-admin-card b{font-size:13px!important}
 .feature-strip .feature-mini{flex:1 1 calc(50% - 6px)!important;max-width:calc(50% - 6px)!important;min-width:0!important}
}
@media(max-width:560px){
 .home-above-hero{padding:7px 0 2px!important}
 .home-above-hero .above-hero-grid{justify-content:flex-start!important;gap:6px!important}
 .home-above-hero .above-hero-grid .home-admin-card{height:40px!important;min-height:40px!important;padding:5px 9px!important;border-radius:10px!important}
 .home-above-hero .above-hero-grid .home-admin-card .home-admin-icon{width:24px!important;height:24px!important;flex-basis:24px!important;font-size:14px!important}
 .home-above-hero .above-hero-grid .home-admin-card b{font-size:11px!important}
 .home-quick-admin{padding:8px 0 5px!important}
 .home-block-grid.quick-admin-grid{gap:7px!important}
 .home-quick-admin .home-admin-card{min-width:calc(50% - 4px)!important;max-width:none!important;width:calc(50% - 4px)!important;height:48px!important;min-height:48px!important;padding:6px 8px!important;border-radius:13px!important}
 .home-quick-admin .home-admin-icon{width:28px!important;height:28px!important;flex-basis:28px!important;font-size:16px!important}
 .home-quick-admin .home-admin-card b{font-size:11px!important}
 .feature-strip .feature-mini{flex:1 1 100%!important;max-width:100%!important;min-width:0!important}
}
@media(prefers-reduced-motion:reduce){.hero-photo{will-change:auto;transform:none!important}}

/* V41 — true site menus: compact link items, never full-width cards */
.nav-utility{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;flex-wrap:wrap!important;min-width:0!important}
.nav-custom-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important;width:auto!important;min-width:0!important;padding:9px 11px!important;border-radius:11px!important;background:#fff!important;color:#1d3f33!important;border:1px solid #dce7e1!important;font-weight:900!important;font-size:13px!important;line-height:1!important;box-shadow:0 3px 10px rgba(18,59,45,.05)!important;text-decoration:none!important;flex:0 0 auto!important}
.nav-custom-link:hover{background:#eef7f1!important;color:#0b4b37!important;border-color:#b9d8c8!important;transform:translateY(-2px)!important}
.nav-custom-icon{width:22px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 22px!important}
.nav-custom-icon svg{width:21px!important;height:21px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* Below-hero navigation is a menu, not a card grid. Each item occupies only its own content width. */
.below-main-menu{padding:8px 0!important}
.below-main-menu .home-command-inner{width:min(100% - 24px,1440px)!important;margin-inline:auto!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:7px!important;overflow:visible!important;white-space:normal!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
.below-main-menu .home-command-inner>a{width:auto!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important;height:42px!important;min-height:42px!important;padding:8px 13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:12px!important;background:#fff!important;color:#23453a!important;border:1px solid #d9e3dd!important;box-shadow:0 4px 12px rgba(18,59,45,.06)!important;font-size:14px!important;font-weight:900!important;white-space:nowrap!important}
.below-main-menu .home-command-inner>a:hover{background:#eef7f1!important;border-color:#b9d8c8!important;color:#0b543c!important;transform:translateY(-2px)!important;box-shadow:0 9px 20px rgba(18,59,45,.10)!important}
.below-main-menu .home-command-inner>a .menu-icon{width:22px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 22px!important}
.below-main-menu .home-command-inner>a .menu-icon svg{width:21px!important;height:21px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* Keep homepage cards visually distinct from menu links. */
.home-admin-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
@media(max-width:850px){
 .nav-utility{gap:5px!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;white-space:nowrap!important;justify-content:flex-start!important}
 .nav-utility::-webkit-scrollbar{display:none!important}
 .nav-custom-link{font-size:12px!important;padding:8px 9px!important}
 .below-main-menu .home-command-inner{width:calc(100% - 16px)!important;justify-content:flex-start!important;gap:6px!important}
 .below-main-menu .home-command-inner>a{height:40px!important;min-height:40px!important;padding:7px 10px!important;font-size:12px!important}
}
@media(max-width:600px){
 .nav-custom-link{font-size:11px!important;padding:8px 8px!important;border-radius:9px!important}
 .nav-custom-icon{width:20px!important;height:20px!important;flex-basis:20px!important}
 .nav-custom-icon svg{width:19px!important;height:19px!important}
 .below-main-menu{padding:6px 0!important}
 .below-main-menu .home-command-inner{justify-content:flex-start!important;flex-wrap:wrap!important;gap:6px!important}
 .below-main-menu .home-command-inner>a{height:38px!important;min-height:38px!important;padding:6px 9px!important;font-size:11px!important;border-radius:10px!important}
 .below-main-menu .home-command-inner>a .menu-icon{width:19px!important;height:19px!important;flex-basis:19px!important}
 .below-main-menu .home-command-inner>a .menu-icon svg{width:18px!important;height:18px!important}
}
/* V42: keep built-in and custom navigation in one natural wrapping row */
.home-command-inner{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:8px!important;grid-template-columns:none!important;overflow:visible!important}
.home-command-inner>a{flex:0 0 auto!important;width:auto!important;min-width:0!important;white-space:nowrap!important}
@media(max-width:700px){.home-command-inner{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}.home-command-inner::-webkit-scrollbar{display:none!important}.home-command-inner>a{flex:0 0 auto!important}}

/* V43 — final mobile header alignment and explicit logo destination */
.logo-destination-note{margin:12px 0 4px;padding:12px 14px;border:1px solid #d9e7df;border-radius:12px;background:#f6faf8;color:#1f3029;font-size:13px;line-height:1.9}
.logo-destination-note b{color:#173b2c}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}

/* Mobile: keep the top utility controls on ONE clean horizontal line. */
@media(max-width:850px){
  .nav .container{overflow:hidden!important;gap:8px!important}
  .brand{min-width:0!important;flex:0 0 auto!important}
  .nav-actions{min-width:0!important;overflow:hidden!important;gap:5px!important}
  .nav-utility{min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;white-space:nowrap!important;scrollbar-width:none!important;align-items:center!important;gap:5px!important;padding-bottom:1px!important}
  .nav-utility::-webkit-scrollbar{display:none!important}
  .nav-utility>a,.nav-utility>button{flex:0 0 auto!important;margin:0!important;transform:none!important;line-height:1!important}
  .nav-news-top,.nav-custom-link{min-height:36px!important;height:36px!important;padding:7px 9px!important}
  .nav-register-btn,.nav-login-btn,.nav-admin-btn,.lang-btn{height:36px!important;min-height:36px!important;margin:0!important}
  .mobile-toggle{flex:0 0 42px!important;width:42px!important;height:42px!important;margin-right:0!important}
}
@media(max-width:520px){
  .nav .container{padding-inline:7px!important;gap:5px!important}
  .brand-mark{width:38px!important;height:38px!important}
  .brand strong{font-size:18px!important}
  .nav-actions{gap:3px!important}
  .nav-utility{gap:4px!important}
  .nav-news-top,.nav-custom-link{height:34px!important;min-height:34px!important;padding:6px 8px!important;font-size:10px!important}
  .nav-register-btn,.nav-login-btn,.nav-admin-btn,.lang-btn{height:34px!important;min-height:34px!important;padding:6px 7px!important;font-size:10px!important}
  .mobile-toggle{width:40px!important;height:40px!important;flex-basis:40px!important}
}
/* Dynamic subject sections: same visual language as the native homepage sections. */
.dynamic-content-section .section-head{position:relative;margin-bottom:26px}
.dynamic-content-section .section-underline{width:72px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--green));margin:12px auto 0}
.dynamic-content-card{overflow:hidden}
.dynamic-card-image{display:block;width:100%;height:300px;object-fit:cover;object-position:center;border-radius:0}
@media(max-width:700px){.dynamic-card-image{height:220px}.dynamic-content-section{padding-top:55px;padding-bottom:55px}}

/* V52: multi-image content gallery for tourism and attractions */
.detail-media-stack{display:grid;gap:22px;margin-top:18px}
.detail-media-item{margin:0;padding:0;text-align:center}
.detail-media-item img{border-radius:20px;box-shadow:0 12px 30px rgba(18,59,45,.10)}
.detail-media-item figcaption{margin-top:8px;color:#63756c;font-weight:700}
@media(max-width:700px){.detail-media-item img{max-width:100%!important;height:auto!important;width:auto!important}}

/* V53: compact auth/admin login panels + icon dropdown */
.auth-card{box-shadow:0 20px 55px rgba(18,59,45,.12);border-radius:24px}.icon-picker-wrap{display:block}.icon-picker-select{margin-bottom:4px}.icon-picker-wrap>input{margin-bottom:8px}
@media(max-width:600px){.auth-card{padding:24px 20px;margin:78px auto 24px}.auth-top{position:absolute}}

.slider-timing-card{margin-bottom:22px}.slider-timing-card .input{margin-bottom:0}
.homepage-central-hub .form-help{margin-bottom:16px}.central-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.central-hub-item{border:1px solid #e4ebe7;border-radius:18px;padding:14px;background:#fff;display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.central-hub-icon{font-size:28px;line-height:1.2}.central-hub-info{flex:1;min-width:150px}.central-hub-info b{display:block}.central-hub-info small{display:block;color:#718078;margin-top:4px}.central-hub-actions{width:100%;display:flex;gap:7px;flex-wrap:wrap}.central-hub-actions .action-btn{font-size:12px;padding:7px 10px}

/* V55 central homepage management */
.central-hub-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.central-hub-actions .action-btn{font-size:.82rem;padding:6px 9px;min-height:32px}.central-hub-item{min-width:0}.homepage-central-hub .central-hub-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.home-section-list{display:grid;gap:8px}.home-section-row{display:grid;grid-template-columns:42px 1fr auto 110px;gap:10px;align-items:center}.home-section-row .sort-field input{width:80px}.stat-table-icon svg,.stat-admin-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.central-hub-icon{display:flex;align-items:center;justify-content:center}

.content-date{display:block;margin:.35rem 0;color:var(--muted,#6b7280);font-size:.72rem;font-weight:600}

/* V57 — Formal administrative management UI: restrained structure, effects only on buttons */
.admin{background:#f3f5f4!important;color:#26332d!important}
.admin-layout{grid-template-columns:258px 1fr!important;min-height:100vh!important}
.admin-layout>.admin-topbar{height:68px!important;background:#ffffff!important;color:#26332d!important;border-bottom:1px solid #dce3df!important;box-shadow:0 2px 10px rgba(20,45,35,.05)!important}
.admin-topbar-inner{height:68px!important;padding:0 24px!important}
.admin-brand-row strong{font-size:16px!important;font-weight:800!important;color:#173b2c!important}
.admin-topbar-user{font-size:12px!important;color:#718078!important;border-right:1px solid #e1e7e3!important;padding-right:14px!important;margin-right:14px!important}
.admin-topbar-actions{gap:8px!important}
.admin-topbar-actions .top-icon-btn,.admin-topbar-actions .top-logout-btn{background:#fff!important;color:#405049!important;border:1px solid #dce4df!important;box-shadow:none!important;font-size:12px!important;padding:8px 11px!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.admin-topbar-actions .top-icon-btn:hover,.admin-topbar-actions .top-logout-btn:hover{transform:translateY(-2px)!important;box-shadow:0 7px 16px rgba(18,59,45,.10)!important;border-color:#b9cec2!important}
.admin-topbar-actions .top-logout-btn{color:#8b3439!important}
.admin-layout>.sidebar{top:68px!important;height:calc(100vh - 68px)!important;width:258px!important;background:#18382d!important;padding:18px 14px!important;border-left:1px solid #102b21!important;box-shadow:none!important}
.side-brand{font-size:18px!important;padding:10px 10px 17px!important;margin-bottom:12px!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
.sidebar .side-link{min-height:44px!important;margin:2px 0!important;padding:9px 11px!important;border-radius:8px!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;transform:none!important;font-size:13px!important;font-weight:600!important;color:#dce8e2!important;transition:background .16s ease,color .16s ease!important}
.sidebar .side-link:hover,.sidebar .side-link.active{background:#21483a!important;color:#fff!important;border-color:transparent!important;transform:none!important;box-shadow:none!important}
.sidebar .side-link svg{width:19px!important;height:19px!important;stroke-width:1.8!important}
.sidebar .side-submenu{background:#102d24!important;border-right:2px solid #6c9b82!important;box-shadow:none!important}
.sidebar .side-sub-link{font-size:12px!important;padding:8px 10px!important;color:#c8d8d0!important}
.sidebar .side-sub-link:hover{background:#1b4034!important;color:#fff!important}
.sidebar .logout-link{margin-top:12px!important;border-top:1px solid rgba(255,255,255,.10)!important;padding-top:12px!important;background:transparent!important}
.panel{padding:92px 30px 36px!important;max-width:1440px!important;margin:0 auto!important}
.panel h1,.panel h2,.panel h3{color:#1d3128!important;letter-spacing:-.1px!important}
.panel>section,.panel>.form,.panel>.language-card,.panel>.table,.panel>.dashboard-cards{margin-bottom:18px!important}
.panel .form,.panel section.form,.homepage-central-hub{background:#fff!important;border:1px solid #dde5e0!important;border-radius:10px!important;box-shadow:0 2px 10px rgba(18,59,45,.045)!important;padding:22px!important}
.dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:16px!important}
.dash-action{min-height:92px!important;padding:15px 16px!important;border:1px solid #dde5e0!important;border-radius:9px!important;box-shadow:0 2px 8px rgba(18,59,45,.04)!important;transition:border-color .18s ease,box-shadow .18s ease!important}
.dash-action:hover{transform:none!important;border-color:#bfd1c6!important;box-shadow:0 4px 14px rgba(18,59,45,.07)!important}
.dash-action span{font-size:22px!important;line-height:1!important}
.dash-action b{font-size:13px!important;color:#263a31!important}
.dash-action small{font-size:11px!important;line-height:1.6!important;color:#718078!important}
.adminnav{padding:9px!important;border:1px solid #dde5e0!important;border-radius:9px!important;box-shadow:none!important;background:#fff!important;gap:5px!important}
.adminnav a{padding:8px 10px!important;border-radius:6px!important;background:#f3f6f4!important;color:#405049!important;font-size:12px!important}
.adminnav a:hover{background:#e8efeb!important}
.table{border:1px solid #dde5e0!important;border-radius:9px!important;box-shadow:0 2px 10px rgba(18,59,45,.04)!important}
.table th{background:#f5f7f6!important;color:#405049!important;font-size:12px!important;font-weight:800!important}
.table td{font-size:12px!important}
.panel .btn,.panel .action-btn,.panel .settings-hero-btn,.panel button[type=submit],.panel a.btn{min-height:34px!important;padding:7px 11px!important;border-radius:7px!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
.panel .btn:hover,.panel .action-btn:hover,.panel .settings-hero-btn:hover,.panel button[type=submit]:hover,.panel a.btn:hover{transform:translateY(-2px)!important;box-shadow:0 7px 15px rgba(18,59,45,.12)!important;filter:brightness(1.02)!important}
.panel .action-btn.danger,.panel button.danger{color:#9a3439!important}
.panel label{font-size:12px!important;color:#405049!important}
.panel .input,.panel textarea,.panel select{border-radius:7px!important;padding:9px 11px!important;font-size:13px!important;background:#fff!important}
.form-help{font-size:11px!important;line-height:1.8!important}
.central-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.central-hub-item{border:1px solid #dfe6e2!important;border-radius:8px!important;padding:10px!important;background:#fff!important;box-shadow:none!important}
.central-hub-icon{font-size:21px!important;min-width:28px!important}
.central-hub-info b{font-size:12px!important;color:#293b33!important}
.central-hub-info small{font-size:10px!important;color:#7a8781!important}
.central-hub-actions{gap:5px!important}
.central-hub-actions .action-btn{min-height:29px!important;padding:5px 8px!important;font-size:11px!important;border-radius:6px!important}
.home-section-list{gap:5px!important}
.home-section-row{border:1px solid #e0e6e2!important;border-radius:7px!important;padding:7px 9px!important;background:#fff!important}
.home-title-card{border:1px solid #e0e6e2!important;border-radius:8px!important;box-shadow:none!important}
.badge{border-radius:5px!important}
@media(max-width:1100px){.dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}.central-hub-grid{grid-template-columns:1fr!important}}
@media(max-width:850px){.admin-layout{display:block!important}.admin-layout>.sidebar{top:68px!important;width:280px!important;height:calc(100vh - 68px)!important}.panel{padding:84px 14px 24px!important}.admin-topbar-actions .top-icon-btn span,.admin-topbar-actions .top-logout-btn{font-size:0!important}.admin-topbar-actions .top-icon-btn{padding:8px!important}.dashboard-cards{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){.dashboard-cards{grid-template-columns:1fr!important}.panel .form,.panel section.form,.homepage-central-hub{padding:15px!important}.central-hub-grid{grid-template-columns:1fr!important}.admin-topbar-inner{padding:0 10px!important}.admin-topbar-user{display:none!important}}

/* V58 — رسمی، ساده و خنثی: ستون مدیریت بدون رنگ زمینه؛ افکت فقط روی دکمه‌ها */
body.admin .admin-layout>.sidebar,
.admin-layout>.sidebar{
  background:#fff!important;
  color:#27342e!important;
  border-right:1px solid #dfe5e2!important;
  border-left:0!important;
  box-shadow:none!important;
}
body.admin .admin-layout>.sidebar .side-brand,
.admin-layout>.sidebar .side-brand{
  color:#27342e!important;
  border-bottom:1px solid #e4e9e6!important;
}
body.admin .admin-layout>.sidebar .side-link,
.admin-layout>.sidebar .side-link{
  background:#fff!important;
  color:#3d4b45!important;
  border:1px solid #e0e6e3!important;
  border-radius:6px!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease!important;
}
body.admin .admin-layout>.sidebar .side-link:hover,
body.admin .admin-layout>.sidebar .side-link.active,
.admin-layout>.sidebar .side-link:hover,
.admin-layout>.sidebar .side-link.active{
  background:#f4f6f5!important;
  color:#17231e!important;
  border-color:#cfd9d4!important;
  box-shadow:none!important;
  transform:none!important;
}
body.admin .admin-layout>.sidebar .side-submenu,
.admin-layout>.sidebar .side-submenu{
  background:#fafbfa!important;
  border-right:2px solid #cfd9d4!important;
  box-shadow:none!important;
}
body.admin .admin-layout>.sidebar .side-sub-link,
.admin-layout>.sidebar .side-sub-link{color:#53615b!important;border-radius:5px!important}
body.admin .admin-layout>.sidebar .side-sub-link:hover,
.admin-layout>.sidebar .side-sub-link:hover{background:#f0f3f1!important;color:#1f2d27!important}
body.admin .admin-layout>.sidebar .logout-link,
.admin-layout>.sidebar .logout-link{border-top:1px solid #e3e8e5!important;background:#fff!important;color:#8d3a3e!important}
/* No hover effects on panels/cards/navigation; buttons retain their restrained motion. */
body.admin .admin-layout>.sidebar .side-link:hover{transition:none!important}

/* V23 official admin button menu */
.admin .admin-layout{grid-template-columns:280px 1fr!important}.admin .sidebar{direction:rtl}.admin .panel{min-width:0}.admin-page-head,.page-head{margin-bottom:20px}

/* V24 — final visual/structure corrections */
/* Homepage banner: real photograph only, no veil, no shadow, no decorative overlay. */
body:not(.admin) .hero{box-shadow:none!important;background:#000!important;border-radius:0!important;}
body:not(.admin) .hero .slide{background-size:cover!important;background-position:center center!important;box-shadow:none!important;}
body:not(.admin) .hero .slide:after,
body:not(.admin) .hero:before,
body:not(.admin) .hero:after{display:none!important;content:none!important;background:transparent!important;box-shadow:none!important;}
body:not(.admin) .hero-content{filter:none!important;text-shadow:none!important;}
/* Header manager entry must stay readable. */
.nav .manager-entry{background:#fff!important;color:#173f52!important;border:1px solid #d7e1e6!important;font-weight:950!important;box-shadow:0 5px 14px rgba(16,45,58,.10)!important;}
.nav .manager-entry:hover{background:#eef5f7!important;color:#0e4055!important;}
/* The site dashboard uses exactly the same left-side admin shell as every other admin page. */
body.admin .admin-layout{direction:ltr!important;}
body.admin .admin-layout>.sidebar{direction:rtl!important;}
body.admin .admin-layout>.panel{direction:rtl!important;}
/* V26: stable content hub, media paths and menu editor */
.content-hub{background:#f7f9fa}.content-hub-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.content-hub-card{overflow:hidden;min-width:0}.content-hub-card>img{width:100%;height:190px;object-fit:cover;display:block}.content-hub-icon{height:190px;display:grid;place-items:center;font-size:58px;background:#eef3f1}.content-hub-card .card-body{padding:18px}.hub-count{display:inline-block;margin:4px 0 12px;padding:4px 9px;border-radius:20px;background:#eef3f1;color:#52645c}.home-command-inner{grid-template-columns:repeat(9,minmax(0,1fr))!important}.home-command a{min-width:0;white-space:normal;text-align:center}.menu-add-form{max-width:1100px}.menu-target-grid{max-height:520px;overflow-y:auto;overflow-x:hidden;padding:4px;scrollbar-width:thin}.table-wrap{overflow-x:hidden!important}.menu-add-form + .card .table{table-layout:fixed;width:100%}.menu-add-form + .card .table th,.menu-add-form + .card .table td{overflow-wrap:anywhere;word-break:break-word}.menu-add-form + .card .table th:last-child,.menu-add-form + .card .table td:last-child{width:34%}.admin-layout>.sidebar{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin}.admin-layout>.panel{min-width:0!important;overflow-x:hidden!important}.menu-add-toggle{margin-bottom:12px}.home-command{position:relative;z-index:5}
@media(max-width:1100px){.content-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.home-command-inner{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:800px){.content-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-command-inner{grid-template-columns:repeat(3,minmax(0,1fr))!important}.menu-add-form + .card .table th:nth-child(4),.menu-add-form + .card .table td:nth-child(4){display:none}}
@media(max-width:560px){.content-hub-grid{grid-template-columns:1fr!important}.home-command-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}.menu-add-form + .card .table{font-size:12px}.menu-add-form + .card .table th:nth-child(3),.menu-add-form + .card .table td:nth-child(3),.menu-add-form + .card .table th:nth-child(5),.menu-add-form + .card .table td:nth-child(5){display:none}}

.hero .slide{background-color:transparent!important}.home-command a{color:#123b2d!important;background:#fff;border:1px solid #dce8df;box-shadow:0 8px 25px rgba(0,0,0,.08)}.home-command a:hover{background:#123b2d!important;color:#fff!important}.hero{background:transparent!important}.stats-section{position:relative;z-index:5}.menu a{background:#fff;color:#123b2d!important;border-radius:12px;padding:10px 14px}.menu a:hover{transform:translateY(-2px);transition:.2s}

/* V31 fixes */
.discovery-card{max-width:100%;}
.community-section{margin-top:25px!important;}
@media(max-width:768px){.stats{grid-template-columns:repeat(2,1fr)}.nav .container{height:auto;min-height:64px}.hero{height:480px}}

/* V49 fix: language-switch button must always stay visible (not only on hover) */
#langToggle,#langToggle:link,#langToggle:visited,#langToggle:hover,#langToggle:focus,#langToggle:active{background:#ffffff!important;color:#0e5a42!important;border:2px solid #d5b45a!important;opacity:1!important;visibility:visible!important;text-shadow:none!important}
#langToggle .menu-icon,#langToggle .menu-label{color:inherit!important;opacity:1!important}

.visit-card{text-align:right;padding:16px 18px}.visit-card-head{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:12px}.visit-card-head span{font-size:21px}.visit-card-head b{font-size:15px;color:#cfe0d7}.visit-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.visit-metrics>div{text-align:center;border:1px solid #ffffff1f;border-radius:10px;padding:8px 4px;background:#ffffff08}.visit-metrics strong{display:block;font-size:20px;color:var(--gold);line-height:1.3}.visit-metrics small{display:block;font-size:10px;color:#cfe0d7;margin-top:3px}@media(max-width:600px){.visit-metrics{grid-template-columns:repeat(2,1fr)}}

/* FINAL STABILITY FIX: persistent homepage banner and non-duplicated navigation. */
.hero .slides{position:relative!important;width:100%!important;height:100%!important;overflow:hidden!important}
.hero .slide{background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;transition:opacity .7s ease!important}
.home-command{position:relative!important;z-index:30!important;display:block!important;visibility:visible!important;opacity:1!important}
.home-command-inner{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
.home-command-inner::-webkit-scrollbar{display:none!important}
.home-command-inner a{flex:1 1 0!important;min-width:100px!important;white-space:nowrap!important}
.home-command a{visibility:visible!important;opacity:1!important;text-decoration:none!important}
@media(max-width:700px){.home-command-inner a{min-width:84px!important;flex:0 0 auto!important}}


/* =========================================================
   TEFLI ADMIN — FORMAL / OFFICE SIDEBAR OVERRIDE
   This block intentionally has high specificity and !important
   because older theme rules appear later/with !important.
   No navigation URLs or behavior are changed.
   ========================================================= */
.admin .admin-layout > .admin-sidebar{
  background:#f7f9fa!important;
  color:#26343b!important;
  border-left:1px solid #d6dee3!important;
  box-shadow:none!important;
  padding:14px!important;
  width:auto!important;
  font-size:13px!important;
  border-radius:0!important;
}
.admin .admin-layout > .admin-sidebar .side-brand{
  background:#fff!important;
  color:#243a44!important;
  border:1px solid #d7dfe3!important;
  border-radius:6px!important;
  box-shadow:none!important;
  font-size:16px!important;
  font-weight:800!important;
  min-height:48px!important;
  padding:10px 12px!important;
  margin:0 0 14px!important;
}
.admin .admin-layout > .admin-sidebar .side-menu-title{
  color:#64727a!important;
  font-size:11px!important;
  font-weight:800!important;
  margin:8px 4px!important;
}
.admin .admin-layout > .admin-sidebar .side-link,
.admin .admin-layout > .admin-sidebar .admin-side-button{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:44px!important;
  margin:5px 0!important;
  padding:9px 11px!important;
  background:#fff!important;
  color:#26343b!important;
  border:1px solid #d6dee3!important;
  border-radius:6px!important;
  box-shadow:none!important;
  transform:none!important;
  font-size:13px!important;
  font-weight:700!important;
  transition:background-color .12s ease,border-color .12s ease,color .12s ease!important;
}
.admin .admin-layout > .admin-sidebar .side-link:hover,
.admin .admin-layout > .admin-sidebar .admin-side-button:hover,
.admin .admin-layout > .admin-sidebar .side-link:focus-visible,
.admin .admin-layout > .admin-sidebar .admin-side-button:focus-visible{
  background:#eef2f4!important;
  color:#173e4e!important;
  border-color:#b9c6cd!important;
  box-shadow:none!important;
  transform:none!important;
}
.admin .admin-layout > .admin-sidebar .side-link:active,
.admin .admin-layout > .admin-sidebar .admin-side-button:active{
  background:#e5ebee!important;
  color:#17343f!important;
  border-color:#aebcc4!important;
  box-shadow:none!important;
  transform:none!important;
}
.admin .admin-layout > .admin-sidebar .side-ico{
  width:24px!important;
  min-width:24px!important;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  filter:grayscale(1)!important;
  opacity:.72!important;
}
.admin .admin-layout > .admin-sidebar .side-link svg{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  stroke-width:1.8!important;
}
.admin .admin-layout > .admin-sidebar .side-parent-link b,
.admin .admin-layout > .admin-sidebar .suite-arrow{
  color:#66757d!important;
  font-size:15px!important;
  opacity:.8!important;
}
.admin .admin-layout > .admin-sidebar .side-submenu,
.admin .admin-layout > .admin-sidebar .suite-toggle-panel{
  background:#fff!important;
  border:1px solid #d6dee3!important;
  border-radius:6px!important;
  box-shadow:none!important;
  padding:5px!important;
  margin-top:3px!important;
}
.admin .admin-layout > .admin-sidebar .side-sub-link,
.admin .admin-layout > .admin-sidebar .suite-toggle-item{
  background:#fff!important;
  color:#34444c!important;
  border-radius:4px!important;
  font-size:12px!important;
  font-weight:600!important;
  transition:background-color .12s ease,color .12s ease!important;
  transform:none!important;
}
.admin .admin-layout > .admin-sidebar .side-sub-link:hover,
.admin .admin-layout > .admin-sidebar .suite-toggle-item:hover{
  background:#f0f3f5!important;
  color:#173e4e!important;
  transform:none!important;
  box-shadow:none!important;
}
.admin .admin-layout > .admin-sidebar .logout-link{
  color:#8a3030!important;
  border-color:#e1cfd0!important;
}
.admin .admin-layout > .admin-sidebar .logout-link:hover{
  background:#faf1f1!important;
  color:#762727!important;
  border-color:#d7b8ba!important;
}
.admin .admin-layout > .admin-sidebar .suite-menu-group{margin:7px 0!important}
.admin .admin-layout > .admin-sidebar .suite-toggle-link{cursor:pointer!important}
.admin .admin-layout > .admin-topbar{
  background:#fff!important;
  color:#26343b!important;
  border-bottom:1px solid #d9e1e5!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.admin .admin-layout > .admin-topbar strong{
  color:#263d47!important;
  font-size:14px!important;
  font-weight:800!important;
}
.admin .admin-layout > .admin-topbar .top-icon-btn,
.admin .admin-layout > .admin-topbar .top-logout-btn{
  background:#fff!important;
  color:#304751!important;
  border:1px solid #d5dee3!important;
  border-radius:6px!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:700!important;
  transform:none!important;
  transition:background-color .12s ease,border-color .12s ease,color .12s ease!important;
}
.admin .admin-layout > .admin-topbar .top-icon-btn:hover,
.admin .admin-layout > .admin-topbar .top-logout-btn:hover{
  background:#eef2f4!important;
  border-color:#b9c6cd!important;
  color:#173e4e!important;
  box-shadow:none!important;
  transform:none!important;
}
@media(max-width:850px){
  .admin .admin-layout > .admin-sidebar{padding:12px!important}
  .admin .admin-layout > .admin-sidebar .side-link,
  .admin .admin-layout > .admin-sidebar .admin-side-button{min-height:42px!important;font-size:13px!important}
}

/* --- دکمه‌های بالای سایت (عضویت/ورود/مدیر/زبان) — استایل سه‌بعدی و رنگی --- */
.home-top-nav-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important}
.home-top-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.home-top-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  padding:11px 18px!important;border-radius:14px!important;font-weight:800!important;font-size:14px!important;
  text-decoration:none!important;cursor:pointer!important;font-family:inherit!important;border:1px solid transparent!important;
  box-shadow:0 6px 0 rgba(0,0,0,.14),0 10px 20px rgba(18,59,45,.16)!important;
  transform:translateY(0)!important;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important;
  white-space:nowrap!important;
}
.home-top-btn span:first-child{font-size:16px!important;line-height:1!important}
.home-top-btn:hover{transform:translateY(-3px)!important;box-shadow:0 8px 0 rgba(0,0,0,.14),0 16px 28px rgba(18,59,45,.22)!important;filter:brightness(1.04)!important}
.home-top-btn:active{transform:translateY(2px)!important;box-shadow:0 2px 0 rgba(0,0,0,.14),0 4px 10px rgba(18,59,45,.18)!important}

.home-register-btn{background:linear-gradient(135deg,#f2d38f,var(--gold,#d9ae58))!important;color:#183329!important;border-color:#c99a44!important}
.home-member-btn{background:linear-gradient(135deg,#2f8a63,#123b2d)!important;color:#fff!important;border-color:#0b2b20!important}
.home-admin-btn{background:linear-gradient(135deg,#3a4750,#1c242a)!important;color:#fff!important;border-color:#10161a!important}
.home-lang-btn{background:linear-gradient(135deg,#ffffff,#eef3f0)!important;color:#123b2d!important;border-color:#d7e2db!important;box-shadow:0 6px 0 rgba(18,59,45,.08),0 10px 20px rgba(18,59,45,.1)!important}
.home-lang-btn:hover{box-shadow:0 8px 0 rgba(18,59,45,.08),0 16px 28px rgba(18,59,45,.14)!important}

@media(max-width:850px){
  .home-top-nav-inner{gap:10px!important}
  .home-top-actions{gap:7px!important;width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:2px!important}
  .home-top-actions::-webkit-scrollbar{display:none!important}
  .home-top-btn{padding:9px 13px!important;font-size:12.5px!important;flex:0 0 auto!important}
}
@media(max-width:600px){
  .home-top-btn span:not(:first-child){display:none!important}
  .home-top-btn{padding:9px 10px!important}
  .home-top-btn span:first-child{font-size:18px!important}
}

/* --- کارت آماری بازدید (امروز/ماه/سال با هم) --- */
.stat-showcase-combo{padding-top:14px!important;min-height:0!important}
.stats-showcase .stat-showcase-combo{padding-bottom:18px!important}
.stat-combo-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;align-items:stretch!important;justify-items:center!important;gap:0!important;width:100%!important;margin:8px 0 6px!important}
.stat-visit-row{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;width:100%!important;padding:2px 8px!important}
.stat-visit-row:not(:first-child){border-inline-start:1px solid #d8e4de!important}
.stat-visit-row b{font-size:20px!important;font-weight:950!important;line-height:1.1!important;color:#12261e!important;white-space:nowrap!important}
.stat-visit-row small{font-size:11px!important;font-weight:800!important;opacity:1!important;color:#4a655a!important;white-space:nowrap!important}
.stats-showcase .stat-showcase-card .stat-visit-row b{color:#12261e!important}
.stats-showcase .stat-showcase-card .stat-visit-row small{color:#4a655a!important;opacity:1!important}
@media(max-width:560px){.stat-visit-row b{font-size:16px!important}.stat-visit-row small{font-size:9.5px!important}}

/* --- کارت‌های زیر بنر (منوی زیر منو) — بازطراحی سه‌بعدی و شیک، جایگزین حالت قرص‌مانند قبلی --- */
.home-quick-admin{padding:22px 0 8px!important}
.home-block-grid.quick-admin-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(168px,1fr))!important;gap:18px!important;flex-wrap:unset!important;align-items:stretch!important;justify-content:unset!important}
.home-quick-admin .home-admin-card{
  flex:unset!important;width:auto!important;min-width:0!important;max-width:none!important;
  height:auto!important;min-height:150px!important;
  padding:22px 16px!important;border-radius:22px!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
  text-align:center!important;gap:10px!important;white-space:normal!important;
  background:linear-gradient(160deg,#ffffff,#f3f8f5)!important;
  border:1px solid rgba(18,59,45,.08)!important;
  box-shadow:0 4px 0 rgba(18,59,45,.10),0 16px 30px rgba(18,59,45,.14)!important;
  transform:translateY(0)!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.home-quick-admin .home-admin-card:hover{transform:translateY(-6px)!important;box-shadow:0 6px 0 rgba(18,59,45,.10),0 24px 40px rgba(18,59,45,.2)!important}
.home-quick-admin .home-admin-card:active{transform:translateY(-1px)!important;box-shadow:0 2px 0 rgba(18,59,45,.10),0 8px 16px rgba(18,59,45,.16)!important}
.home-quick-admin .home-admin-icon{
  width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:18px!important;
  font-size:28px!important;display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,#2f8a63,#123b2d)!important;color:#fff!important;
  box-shadow:0 4px 12px rgba(18,59,45,.28),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.home-quick-admin .home-admin-card b{font-size:15.5px!important;font-weight:900!important;line-height:1.35!important;color:#16332a!important}
.home-quick-admin .home-admin-card small{display:block!important;font-size:12px!important;opacity:.65!important;line-height:1.5!important;white-space:normal!important}

@media(max-width:900px){
  .home-block-grid.quick-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .home-quick-admin .home-admin-card{min-height:130px!important;padding:16px 10px!important;border-radius:18px!important}
  .home-quick-admin .home-admin-icon{width:48px!important;height:48px!important;flex:0 0 48px!important;font-size:23px!important;border-radius:14px!important}
}
@media(max-width:560px){
  .home-quick-admin{padding:14px 0 6px!important}
  .home-block-grid.quick-admin-grid{gap:9px!important}
  .home-quick-admin .home-admin-card{min-height:112px!important;padding:12px 8px!important;border-radius:15px!important;gap:6px!important}
  .home-quick-admin .home-admin-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;font-size:19px!important;border-radius:12px!important}
  .home-quick-admin .home-admin-card b{font-size:12.5px!important}
  .home-quick-admin .home-admin-card small{font-size:10.5px!important}
}

/* Professional homepage visit statistics card. Scoped so legacy .quick rules cannot hide it. */
.stats-section .stats-showcase{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:start!important}
.stats-section .stats-showcase .stat-showcase-card{box-sizing:border-box!important;min-width:0!important;height:150px!important;min-height:150px!important;margin:0!important;padding:18px 13px!important;border-radius:20px!important;background:linear-gradient(145deg,#ffffff 0%,#f2f8f5 100%)!important;border:1px solid #d9e7df!important;box-shadow:0 10px 26px rgba(15,90,67,.10)!important;color:#17382d!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;overflow:hidden!important}
.stats-section .stats-showcase .stat-showcase-card .stat-icon{width:50px!important;height:50px!important;flex:0 0 50px!important;margin:0 0 7px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:#e5f3eb!important;color:#176046!important;border:1px solid #cfe3d8!important;box-shadow:none!important;position:relative!important;z-index:2!important}
.stats-section .stats-showcase .stat-showcase-card .stat-icon svg{width:28px!important;height:28px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.stats-section .stats-showcase .stat-showcase-card:not(.stat-showcase-combo)>b{font-size:30px!important;line-height:1!important;color:#b78b2b!important;font-weight:950!important;position:relative!important;z-index:2!important}
.stats-section .stats-showcase .stat-showcase-card:not(.stat-showcase-combo)>span:last-child{margin-top:6px!important;color:#466458!important;font-size:12px!important;font-weight:850!important;position:relative!important;z-index:2!important}
/* Visit card spans two columns; the other statistic cards stay compact on the same row. */
.stats-section .stats-showcase .stat-showcase-card.stat-showcase-combo{grid-column:span 2!important;align-items:stretch!important;justify-content:flex-start!important;text-align:right!important;height:150px!important;min-height:150px!important;padding:12px 13px!important;background:linear-gradient(145deg,#ffffff 0%,#f0f8f4 100%)!important}
.stats-section .stat-showcase-combo .stat-visit-head{display:flex!important;direction:rtl!important;align-items:center!important;gap:9px!important;margin:0 0 7px!important;flex:0 0 auto!important}
.stats-section .stat-showcase-combo .stat-visit-icon{width:42px!important;height:42px!important;flex:0 0 42px!important;margin:0!important;border-radius:13px!important}
.stats-section .stat-showcase-combo .stat-visit-icon svg{width:24px!important;height:24px!important}
.stats-section .stat-showcase-combo .stat-visit-title{display:block!important;color:#17382d!important;font-size:15px!important;line-height:1.2!important;font-weight:950!important;opacity:1!important}
.stats-section .stat-showcase-combo .stat-visit-head small{display:block!important;color:#6a7d74!important;font-size:9px!important;margin-top:2px!important;font-weight:700!important;opacity:1!important}
.stats-section .stat-showcase-combo .stat-visit-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;direction:rtl!important;gap:6px!important;width:100%!important;flex:1 1 auto!important;padding:0!important;border:0!important;background:transparent!important}
.stats-section .stat-showcase-combo .stat-visit-metric{box-sizing:border-box!important;min-width:0!important;padding:5px 3px!important;border:1px solid #dce9e3!important;border-radius:11px!important;background:#ffffff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;text-align:center!important}
.stats-section .stat-showcase-combo .stat-visit-metric-icon{display:none!important}
.stats-section .stat-showcase-combo .stat-visit-metric small{color:#60766c!important;font-size:9px!important;font-weight:800!important;white-space:nowrap!important;opacity:1!important}
.stats-section .stat-showcase-combo .stat-visit-metric b{display:block!important;color:#17382d!important;font-size:20px!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important}
.stats-section .stat-showcase-combo .stat-visit-total{display:flex!important;direction:rtl!important;align-items:center!important;gap:8px!important;margin:6px 0 0!important;padding:5px 8px!important;border:1px solid #dce9e3!important;border-radius:10px!important;background:#ffffff!important;flex:0 0 auto!important}
.stats-section .stat-showcase-combo .stat-total-trend{display:none!important}
.stats-section .stat-showcase-combo .stat-visit-total div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;min-width:0!important}
.stats-section .stat-showcase-combo .stat-visit-total small{color:#60766c!important;font-size:8.5px!important;font-weight:800!important;white-space:nowrap!important;opacity:1!important}
.stats-section .stat-showcase-combo .stat-visit-total b{color:#b78b2b!important;font-size:17px!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important}
.stats-section .stat-showcase-combo .stat-visit-wave{display:none!important}
.stats-section .stats-showcase .stat-showcase-card.stat-showcase-combo:before{display:none!important}
@media(max-width:1000px){.stats-section .stats-showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stats-section .stats-showcase .stat-showcase-card{height:145px!important;min-height:145px!important}.stats-section .stats-showcase .stat-showcase-card.stat-showcase-combo{grid-column:span 2!important;height:145px!important;min-height:145px!important}}
@media(max-width:560px){.stats-section .stats-showcase{gap:10px!important}.stats-section .stats-showcase .stat-showcase-card{height:128px!important;min-height:128px!important;padding:11px 7px!important}.stats-section .stats-showcase .stat-showcase-card.stat-showcase-combo{grid-column:span 2!important;height:140px!important;min-height:140px!important;padding:9px!important}.stats-section .stats-showcase .stat-showcase-card .stat-icon{width:42px!important;height:42px!important;flex-basis:42px!important}.stats-section .stats-showcase .stat-showcase-card:not(.stat-showcase-combo)>b{font-size:24px!important}.stats-section .stats-showcase .stat-showcase-card:not(.stat-showcase-combo)>span:last-child{font-size:10px!important}.stats-section .stat-showcase-combo .stat-visit-title{font-size:13px!important}.stats-section .stat-showcase-combo .stat-visit-metric b{font-size:17px!important}.stats-section .stat-showcase-combo .stat-visit-metric small{font-size:8px!important}.stats-section .stat-showcase-combo .stat-visit-total small{font-size:8px!important}.stats-section .stat-showcase-combo .stat-visit-total b{font-size:15px!important}}

/* FINAL CLEAN VISIT CARD V5 — compact dashboard style */
.stats-section .stats-showcase{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
.stats-section .stats-showcase .stat-showcase-card{box-sizing:border-box!important;min-width:0!important;height:176px!important;min-height:176px!important;margin:0!important;padding:20px 14px!important;border-radius:22px!important;background:linear-gradient(145deg,#ffffff 0%,#f1f8f4 100%)!important;border:1px solid #d9e7df!important;box-shadow:0 12px 30px rgba(15,90,67,.10)!important;color:#17382d!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;overflow:hidden!important;position:relative!important}
.stats-section .stats-showcase .stat-showcase-card:before{content:''!important;position:absolute!important;width:115px!important;height:115px!important;border-radius:50%!important;right:-48px!important;bottom:-55px!important;background:rgba(216,179,93,.12)!important;pointer-events:none!important}
.stats-section .stats-showcase .stat-showcase-card:hover{transform:translateY(-5px)!important;box-shadow:0 20px 42px rgba(15,90,67,.15)!important}
.stats-section .stats-showcase .stat-showcase-card .stat-icon{width:52px!important;height:52px!important;flex:0 0 52px!important;margin:0 0 8px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#e6f4ec!important;color:#176046!important;border:1px solid #cfe5d9!important;position:relative!important;z-index:2!important}
.stats-section .stats-showcase .stat-showcase-card .stat-icon svg{width:29px!important;height:29px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.stats-section .stats-showcase .stat-showcase-card:not(.stat-showcase-combo)>b{font-size:31px!important;line-height:1!important;color:#b78b2b!important;font-weight:950!important;position:relative!important;z-index:2!important}
.stats-section .stats-showcase .stat-showcase-card:not(.stat-showcase-combo)>span:last-child{margin-top:7px!important;color:#466458!important;font-size:12px!important;font-weight:850!important;position:relative!important;z-index:2!important}

/* The visit card occupies two normal grid cells but keeps exactly the same height. */
.stats-section .stats-showcase .stat-showcase-card.stat-showcase-combo{grid-column:span 2!important;height:176px!important;min-height:176px!important;padding:15px 16px!important;display:block!important;text-align:right!important;background:linear-gradient(145deg,#ffffff 0%,#f0f8f4 100%)!important}
.stats-section .stat-showcase-combo:before{width:155px!important;height:155px!important;right:-68px!important;bottom:-78px!important;background:rgba(216,179,93,.10)!important}
.stats-section .stat-showcase-combo>.visit-card-pro{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;position:relative!important;z-index:2!important;color:#17382d!important}
.stats-section .visit-card-pro-head{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 11px!important;flex:0 0 auto!important}
.stats-section .visit-card-pro-icon{width:43px!important;height:43px!important;flex:0 0 43px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#e5f3eb!important;border:1px solid #cfe4d8!important;color:#176046!important}
.stats-section .visit-card-pro-icon svg{width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.stats-section .visit-card-pro-title{display:block!important;color:#17382d!important;font-size:16px!important;line-height:1.25!important;font-weight:950!important}
.stats-section .visit-card-pro-head small{display:block!important;margin-top:2px!important;color:#71847b!important;font-size:9px!important;font-weight:700!important}
.stats-section .visit-card-pro-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;direction:rtl!important;flex:1 1 auto!important;min-height:0!important}
.stats-section .visit-card-pro-metric{min-width:0!important;min-height:0!important;border:1px solid #dce9e3!important;border-radius:13px!important;background:#ffffff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:6px 4px!important;box-shadow:0 3px 10px rgba(15,90,67,.035)!important}
.stats-section .visit-card-pro-metric strong{display:block!important;color:#b78b2b!important;font-size:22px!important;line-height:1.05!important;font-weight:950!important;white-space:nowrap!important}
.stats-section .visit-card-pro-metric span{display:block!important;margin-top:4px!important;color:#4c685d!important;font-size:10px!important;font-weight:850!important;white-space:nowrap!important}
.stats-section .visit-card-pro-total{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:9px!important;padding:7px 10px!important;border:1px solid #dce9e3!important;border-radius:12px!important;background:#ffffff!important;direction:rtl!important;flex:0 0 42px!important}
.stats-section .visit-total-copy{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;min-width:0!important;flex:1 1 auto!important}
.stats-section .visit-total-copy span{color:#60766c!important;font-size:9px!important;font-weight:800!important;white-space:nowrap!important}
.stats-section .visit-total-copy strong{color:#17382d!important;font-size:17px!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important}
.stats-section .visit-mini-chart{height:27px!important;min-width:88px!important;display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;gap:4px!important;direction:ltr!important;padding:2px 0!important}
.stats-section .visit-mini-chart i{display:block!important;width:7px!important;border-radius:5px 5px 2px 2px!important;background:linear-gradient(to top,#2f8a63,#8fc7a9)!important;opacity:.82!important}
.stats-section .visit-mini-chart i:last-child{opacity:1!important}
.stats-section .stat-showcase-combo>span:not(.visit-card-pro),.stats-section .stat-showcase-combo>.stat-icon,.stats-section .stat-showcase-combo>b{display:none!important}

@media(max-width:1000px){
 .stats-section .stats-showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .stats-section .stats-showcase .stat-showcase-card{height:160px!important;min-height:160px!important}
 .stats-section .stats-showcase .stat-showcase-card.stat-showcase-combo{grid-column:span 2!important;height:160px!important;min-height:160px!important}
}
@media(max-width:560px){
 .stats-section .stats-showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .stats-section .stats-showcase .stat-showcase-card{height:135px!important;min-height:135px!important;padding:12px 8px!important;border-radius:18px!important}
 .stats-section .stats-showcase .stat-showcase-card.stat-showcase-combo{grid-column:span 2!important;height:145px!important;min-height:145px!important;padding:10px!important}
 .stats-section .stats-showcase .stat-showcase-card .stat-icon{width:43px!important;height:43px!important;flex-basis:43px!important}
 .stats-section .stats-showcase .stat-showcase-card:not(.stat-showcase-combo)>b{font-size:25px!important}
 .stats-section .stats-showcase .stat-showcase-card:not(.stat-showcase-combo)>span:last-child{font-size:10px!important}
 .stats-section .visit-card-pro-head{margin-bottom:7px!important}
 .stats-section .visit-card-pro-icon{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important}
 .stats-section .visit-card-pro-icon svg{width:21px!important;height:21px!important}
 .stats-section .visit-card-pro-title{font-size:13px!important}
 .stats-section .visit-card-pro-head small{font-size:8px!important}
 .stats-section .visit-card-pro-metrics{gap:5px!important}
 .stats-section .visit-card-pro-metric{padding:4px 2px!important;border-radius:10px!important}
 .stats-section .visit-card-pro-metric strong{font-size:17px!important}
 .stats-section .visit-card-pro-metric span{font-size:8px!important;margin-top:3px!important}
 .stats-section .visit-card-pro-total{margin-top:6px!important;padding:5px 7px!important;flex-basis:36px!important}
 .stats-section .visit-total-copy span{font-size:7.5px!important}
 .stats-section .visit-total-copy strong{font-size:14px!important}
 .stats-section .visit-mini-chart{min-width:65px!important;height:22px!important;gap:3px!important}
 .stats-section .visit-mini-chart i{width:5px!important}
}

/* VISIT CARD V6 — refined icon and stronger labels */
.stats-section .visit-card-pro-icon{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:10px!important;background:#edf7f1!important;border:1px solid #d3e7db!important;color:#176046!important;}
.stats-section .visit-card-pro-icon svg{width:18px!important;height:18px!important;stroke-width:1.7!important;}
.stats-section .visit-card-pro-title{color:#17382d!important;font-size:15px!important;font-weight:950!important;}
.stats-section .visit-card-pro-head small{color:#526d61!important;font-size:9px!important;font-weight:750!important;}
.stats-section .visit-card-pro-metric span{color:#304f43!important;font-size:11px!important;font-weight:950!important;opacity:1!important;}
.stats-section .visit-total-copy span{color:#304f43!important;font-size:10px!important;font-weight:900!important;opacity:1!important;}
.stats-section .visit-total-copy strong{color:#17382d!important;font-size:17px!important;font-weight:950!important;}
@media (max-width:900px){
 .stats-section .visit-card-pro-icon{width:31px!important;height:31px!important;flex-basis:31px!important;border-radius:9px!important}
 .stats-section .visit-card-pro-icon svg{width:17px!important;height:17px!important}
 .stats-section .visit-card-pro-metric span{font-size:10px!important}
 .stats-section .visit-total-copy span{font-size:9px!important}
}

/* V77 — premium trout knowledge hub replacing the dense pill menu under the hero */
.trout-journey{position:relative;z-index:20;margin:-10px auto 0;padding:0 0 24px}.trout-journey-shell{width:min(1180px,94%);margin:auto;border:1px solid rgba(205,221,212,.9);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,250,247,.96));box-shadow:0 18px 55px rgba(22,63,49,.10);overflow:hidden;position:relative}.trout-journey-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -10%,rgba(211,174,87,.13),transparent 34%),linear-gradient(120deg,rgba(40,100,76,.025),transparent 55%);pointer-events:none}.trout-journey-head{position:relative;text-align:center;padding:22px 20px 12px}.trout-journey-kicker{display:flex;align-items:center;justify-content:center;gap:8px;color:#5e796c;font-size:11px;font-weight:900;letter-spacing:.2px}.trout-kicker-dot{width:7px;height:7px;border-radius:50%;background:#cda957;box-shadow:0 0 0 5px rgba(205,169,87,.12)}.trout-kicker-line{width:34px;height:1px;background:#d9c68f;margin-right:2px}.trout-journey-head h2{margin:8px 0 3px;color:#123e2f;font-size:28px;font-weight:950;letter-spacing:-.5px}.trout-journey-head p{margin:0;color:#718179;font-size:12px;font-weight:700}.trout-journey-track{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:18px 18px 20px}.trout-journey-track:before{content:"";position:absolute;top:43px;right:9%;left:9%;height:2px;background:linear-gradient(90deg,transparent,#d8c58f 8%,#d7e4dd 50%,#d8c58f 92%,transparent);z-index:0}.trout-journey-step{position:relative;z-index:1;min-width:0;margin:0 6px;padding:14px 13px 13px;border:1px solid #e0e9e4;border-radius:22px;background:rgba(255,255,255,.92);color:#173e30;text-decoration:none;box-shadow:0 8px 25px rgba(26,74,55,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.trout-journey-step:hover{transform:translateY(-6px);border-color:#c6dbcf;background:#fff;box-shadow:0 18px 34px rgba(26,74,55,.13)}.trout-step-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.trout-step-number{font-size:10px;font-weight:950;letter-spacing:1px;color:#9b8245}.trout-hub-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#edf7f1,#e4f0ea);border:1px solid #d4e5dc;box-shadow:0 5px 15px rgba(38,91,68,.07)}.trout-hub-icon svg{width:25px;height:25px;stroke:#28634b;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.trout-hub-copy{display:flex;flex-direction:column;gap:6px}.trout-hub-copy b{font-size:14px;line-height:1.55;font-weight:950;color:#173e30}.trout-hub-copy small{font-size:10.5px;line-height:1.75;color:#6b7d75;font-weight:650;min-height:38px}.trout-step-more{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:9px;border-top:1px dashed #dce7e1;color:#4c705f;font-size:10px;font-weight:900}.trout-step-more span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f1f6f3;font-size:13px}.trout-journey-foot{display:flex;align-items:center;gap:9px;padding:0 22px 18px;color:#819087;font-size:10px;font-weight:800}.trout-journey-foot>span:first-child{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f0f6f2}.trout-foot-rule{height:1px;flex:1;background:linear-gradient(90deg,#d9e5df,transparent)}
@media(max-width:1050px){.trout-journey-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.trout-journey-track:before{display:none}.trout-journey-step{margin:0}.trout-journey-step:nth-child(4),.trout-journey-step:nth-child(5){grid-column:span 1}}
@media(max-width:680px){.trout-journey{margin-top:0;padding-bottom:17px}.trout-journey-shell{width:96%;border-radius:24px}.trout-journey-head{padding:17px 14px 9px}.trout-journey-head h2{font-size:21px;letter-spacing:-.3px}.trout-journey-head p{font-size:10px}.trout-journey-track{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 8px 15px;gap:8px}.trout-journey-step{padding:11px 10px;border-radius:17px;min-height:172px}.trout-step-top{margin-bottom:9px}.trout-step-number{font-size:9px}.trout-hub-icon{width:40px;height:40px;border-radius:13px}.trout-hub-icon svg{width:22px;height:22px}.trout-hub-copy b{font-size:12px}.trout-hub-copy small{font-size:9.5px;line-height:1.7;min-height:47px}.trout-step-more{margin-top:9px;padding-top:7px;font-size:9px}.trout-step-more span{width:22px;height:22px}.trout-journey-foot{padding:0 13px 13px;font-size:9px}}

/* ===== Premium Trout Route — V10 ===== */
.trout-hub{position:relative;overflow:hidden;padding:34px 0 30px;background:linear-gradient(180deg,#fbfdfb 0%,#f2f7f3 100%);border-top:1px solid #e5eee8;border-bottom:1px solid #e3ebe6}
.trout-hub:before,.trout-hub:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}
.trout-hub:before{width:260px;height:260px;right:-120px;top:-110px;background:rgba(217,174,91,.10)}
.trout-hub:after{width:220px;height:220px;left:-110px;bottom:-120px;background:rgba(26,102,76,.07)}
.trout-hub-head{position:relative;text-align:center;max-width:760px;margin:0 auto 22px;z-index:1}
.trout-hub-head .eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:#e8f2ec;color:#176047;border:1px solid #d8e8de;font-size:12px;font-weight:900}
.trout-hub-head h2{margin:11px 0 7px;font-size:clamp(23px,3vw,34px);color:#173d30;letter-spacing:-.4px}
.trout-hub-head p{margin:0;color:#718078;font-size:13px;line-height:1.9}
.trout-route{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.trout-route:before{content:"";position:absolute;right:5%;left:5%;top:44px;height:2px;background:linear-gradient(90deg,transparent,#d4e2da 8%,#d4e2da 92%,transparent);z-index:-1}
.trout-route-card{position:relative;min-height:164px;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:#173d30;background:rgba(255,255,255,.92);border:1px solid #dfeae4;border-radius:22px;padding:22px 14px 16px;box-shadow:0 10px 28px rgba(22,65,48,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.trout-route-card:hover{transform:translateY(-7px);border-color:#bcd8ca;background:#fff;box-shadow:0 18px 38px rgba(22,65,48,.13)}
.trout-route-step{position:absolute;top:10px;right:10px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#173d30;color:#fff;font-size:11px;font-weight:900;box-shadow:0 4px 10px rgba(23,61,48,.18)}
.trout-route-icon{width:58px;height:58px;display:grid;place-items:center;margin:3px 0 10px;border-radius:18px;background:linear-gradient(145deg,#eff7f2,#e2efe8);color:#176047;border:1px solid #d7e7dd;box-shadow:inset 0 1px 0 #fff}
.trout-route-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trout-route-copy{display:flex;flex-direction:column;min-width:0;gap:5px}
.trout-route-copy b{font-size:14px;font-weight:950;line-height:1.45;color:#183e31}
.trout-route-copy small{font-size:11px;line-height:1.75;color:#7a8781;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.trout-route-arrow{margin-top:auto;padding-top:9px;color:#bd9850;font-size:15px;font-weight:900;transition:transform .2s ease}
.trout-route-card:hover .trout-route-arrow{transform:translateX(-4px)}
.trout-route-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:13px;margin-top:20px;color:#77857e;font-size:11px;font-weight:800}
.trout-route-line{width:42px;height:1px;background:#cfdcd5}
@media(max-width:950px){.trout-route{grid-template-columns:repeat(3,minmax(0,1fr))}.trout-route:before{display:none}}
@media(max-width:620px){.trout-hub{padding:27px 0 24px}.trout-hub-head{margin-bottom:17px}.trout-hub-head h2{font-size:23px}.trout-hub-head p{font-size:11px;padding:0 10px}.trout-route{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 2px}.trout-route-card{min-height:151px;padding:19px 10px 12px;border-radius:18px}.trout-route-icon{width:50px;height:50px;border-radius:15px;margin-bottom:8px}.trout-route-icon svg{width:25px;height:25px}.trout-route-copy b{font-size:12px}.trout-route-copy small{font-size:10px}.trout-route-step{width:23px;height:23px;top:8px;right:8px;font-size:10px}.trout-route-arrow{font-size:13px;padding-top:6px}.trout-route-foot{font-size:10px;gap:8px;margin-top:15px}.trout-route-line{width:25px}}

/* ===== V12 — Premium Trout Topic Rail ===== */
.trout-flow{position:relative;z-index:20;padding:34px 0 26px;background:linear-gradient(180deg,#fbfcfb 0%,#f3f7f4 100%);border-top:1px solid #e7eee9;border-bottom:1px solid #e2eae5;overflow:hidden}
.trout-flow:before{content:"";position:absolute;width:620px;height:300px;right:50%;top:-185px;transform:translateX(50%);background:radial-gradient(ellipse,rgba(194,158,76,.11),transparent 67%);pointer-events:none}
.trout-flow-head{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:18px;max-width:1180px;margin:0 auto 20px;padding:0 10px}
.trout-flow-label{display:inline-flex;align-items:center;gap:8px;color:#1a6048;font-size:11px;font-weight:950;white-space:nowrap}
.trout-flow-label>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#e6f1eb;border:1px solid #d5e6dc;font-size:17px;box-shadow:0 5px 14px rgba(22,91,68,.08)}
.trout-flow-label i{display:none}.trout-flow-label small{color:#9a7b3d;font-size:9px;font-weight:900;letter-spacing:.2px}
.trout-flow-head h2{grid-column:2;margin:0;color:#123d30;font-size:clamp(22px,2.7vw,31px);font-weight:950;letter-spacing:-.7px;line-height:1.35}
.trout-flow-head p{grid-column:2;margin:-9px 0 0;color:#74817b;font-size:11px;line-height:1.8;font-weight:650}
.trout-flow-map{position:relative;z-index:1;display:flex;gap:12px;max-width:1180px;margin:auto;padding:4px 10px 13px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c7d7ce transparent}
.trout-flow-map:before,.trout-flow-map:after{display:none}
.trout-flow-node{position:relative;flex:0 0 210px;min-height:154px;display:flex;flex-direction:column;justify-content:space-between;padding:15px 15px 13px;border-radius:20px;color:#193e32;text-decoration:none;background:rgba(255,255,255,.9);border:1px solid #e0e9e4;box-shadow:0 8px 25px rgba(24,63,49,.055);scroll-snap-align:start;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.trout-flow-node:before{content:"";position:absolute;right:0;left:0;top:0;height:3px;background:linear-gradient(90deg,#c8a65c,#2a7056);opacity:.8}
.trout-flow-node:hover{transform:translateY(-5px);background:#fff;border-color:#c8dcd1;box-shadow:0 17px 34px rgba(24,63,49,.12)}
.flow-connector{display:none}.flow-node-core{width:48px;height:48px;position:relative;display:grid;place-items:center}
.flow-node-core em{position:absolute;right:-5px;top:-5px;z-index:2;display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#173e30;color:#fff;font-style:normal;font-size:8px;font-weight:950;box-shadow:0 3px 9px rgba(23,62,48,.18)}
.flow-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;background:#eef6f1;border:1px solid #d9e8df;color:#176048}
.flow-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.flow-node-copy{min-width:0;display:flex;flex-direction:column;gap:4px;margin-top:9px}.flow-node-copy b{font-size:12px;line-height:1.55;font-weight:950;color:#173d30}.flow-node-copy small{font-size:9.5px;line-height:1.7;color:#78857f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.flow-go{align-self:flex-end;display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#f0f6f2;color:#b58b3e;font-size:13px;font-weight:950;transition:.2s}.trout-flow-node:hover .flow-go{transform:translateX(-3px);background:#e5f0e9}
.trout-flow-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;margin:8px auto 0;max-width:620px;color:#7b8881;font-size:9.5px;font-weight:800}.trout-flow-bottom b{color:#416b59;font-size:10px}.flow-end-dot{width:6px;height:6px;border-radius:50%;background:#2b7156;box-shadow:0 0 0 4px rgba(43,113,86,.09);flex:0 0 auto}.flow-end-dot.gold{background:#c7a55b;box-shadow:0 0 0 4px rgba(199,165,91,.1)}.flow-bottom-line{height:1px;flex:1;max-width:65px;background:linear-gradient(90deg,#d4e0da,transparent)}
@media(min-width:1100px){.trout-flow-map{scrollbar-width:none}.trout-flow-map::-webkit-scrollbar{display:none}.trout-flow-node{flex-basis:calc((100% - 48px)/5)}}
@media(max-width:760px){.trout-flow{padding:25px 0 19px}.trout-flow-head{grid-template-columns:1fr;gap:7px;margin-bottom:14px;padding:0 13px}.trout-flow-label{font-size:10px}.trout-flow-label>span{width:30px;height:30px;font-size:15px}.trout-flow-head h2,.trout-flow-head p{grid-column:1}.trout-flow-head h2{font-size:22px}.trout-flow-head p{margin:0;font-size:10px}.trout-flow-map{gap:10px;padding:2px 13px 12px}.trout-flow-node{flex-basis:188px;min-height:148px;padding:14px 13px 12px;border-radius:18px}.flow-node-core{width:44px;height:44px}.flow-icon{width:43px;height:43px;border-radius:13px}.flow-icon svg{width:22px;height:22px}.flow-node-copy b{font-size:11px}.flow-node-copy small{font-size:9px}.trout-flow-bottom{margin-top:5px;font-size:8.5px}.trout-flow-bottom b{font-size:9px}.flow-bottom-line{max-width:25px}}


/* ===== FINAL PREMIUM TROUT KNOWLEDGE HUB ===== */
.trout-flow{padding:48px 0 34px!important;background:linear-gradient(180deg,#ffffff 0%,#f4faf7 100%)!important;border:0!important;position:relative!important;overflow:hidden!important}
.trout-flow:before{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;transform:none!important;background:radial-gradient(circle at 50% 20%,rgba(201,169,91,.11),transparent 28%),radial-gradient(circle at 12% 65%,rgba(21,105,80,.07),transparent 22%)!important;pointer-events:none!important}
.trout-flow:after{content:"🐟";position:absolute;left:4%;top:28px;font-size:72px;opacity:.035;transform:rotate(-12deg);pointer-events:none}
.trout-flow-head{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;max-width:850px!important;margin:0 auto 28px!important;padding:0 14px!important;text-align:center!important}
.trout-flow-label{order:0!important;display:inline-flex!important;padding:7px 13px!important;border-radius:999px!important;background:#eaf5ef!important;border:1px solid #dcece3!important;color:#176048!important;font-size:11px!important;box-shadow:0 6px 18px rgba(23,96,72,.06)!important}
.trout-flow-label>span{width:30px!important;height:30px!important;border-radius:50%!important;background:#dff0e7!important;border:0!important;box-shadow:none!important;font-size:16px!important}
.trout-flow-label small{font-size:9px!important;color:#b08a3e!important}.trout-flow-label i{display:block!important;width:26px!important;height:1px!important;background:#cdb26e!important}
.trout-flow-head h2{grid-column:auto!important;margin:0!important;font-size:clamp(27px,4vw,42px)!important;line-height:1.25!important;color:#114c3b!important;letter-spacing:-1px!important;font-weight:1000!important}
.trout-flow-head h2:after{content:"";display:block;width:72px;height:3px;margin:10px auto 0;border-radius:4px;background:linear-gradient(90deg,#d3af58,#176048,#d3af58);opacity:.8}
.trout-flow-head p{grid-column:auto!important;margin:0!important;max-width:610px!important;color:#7b8982!important;font-size:12px!important;line-height:2!important}
.trout-flow-map{display:flex!important;gap:12px!important;max-width:1200px!important;padding:8px 4px 17px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;position:relative!important}
.trout-flow-map::-webkit-scrollbar{display:none!important}
.trout-flow-node{flex:0 0 188px!important;min-height:190px!important;padding:18px 13px 13px!important;border-radius:25px!important;background:rgba(255,255,255,.74)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(209,226,217,.9)!important;box-shadow:0 12px 30px rgba(16,76,57,.07),inset 0 1px 0 rgba(255,255,255,.95)!important;scroll-snap-align:start!important}
.trout-flow-node:before{height:3px!important;background:linear-gradient(90deg,#d5b25d,#176048)!important;opacity:1!important}
.trout-flow-node:after{content:"";position:absolute;right:12px;left:12px;bottom:0;height:38px;background:linear-gradient(180deg,transparent,rgba(235,246,240,.55));pointer-events:none}
.trout-flow-node:hover{transform:translateY(-6px)!important;background:rgba(255,255,255,.94)!important;border-color:#b8d5c7!important;box-shadow:0 20px 38px rgba(16,76,57,.13)!important}
.flow-node-core{width:62px!important;height:62px!important;margin-top:2px!important}.flow-icon{width:58px!important;height:58px!important;border-radius:19px!important;background:linear-gradient(145deg,#f3faf6,#e3f2ea)!important;border:1px solid #d7e9df!important;color:#176048!important;box-shadow:0 8px 18px rgba(23,96,72,.06)!important}.flow-icon svg{width:28px!important;height:28px!important;stroke-width:1.6!important}
.flow-node-core em{right:-2px!important;top:-2px!important;width:23px!important;height:23px!important;border-radius:50%!important;background:#176048!important;font-size:8px!important;box-shadow:0 4px 10px rgba(23,96,72,.18)!important}
.flow-node-copy{margin-top:11px!important;gap:5px!important;text-align:center!important;align-items:center!important}.flow-node-copy b{font-size:13px!important;color:#153f31!important}.flow-node-copy small{font-size:9.5px!important;line-height:1.75!important;color:#82908a!important;max-width:155px!important}
.flow-go{width:28px!important;height:28px!important;border-radius:50%!important;background:#eaf5ef!important;color:#b38a3d!important;font-size:13px!important;margin-top:auto!important}
.trout-flow-bottom{margin-top:8px!important;color:#7e8b85!important;font-size:10px!important}.trout-flow-bottom b{color:#1c634c!important;font-size:10px!important}
.trout-featured{padding:10px 0 38px;background:#f4faf7}
.trout-featured-card{position:relative;display:grid;grid-template-columns:1.05fr .95fr;min-height:280px;overflow:hidden;border-radius:30px;background:linear-gradient(115deg,#0c5945,#083c31);box-shadow:0 18px 45px rgba(8,65,48,.14);border:1px solid rgba(255,255,255,.18)}
.trout-featured-media{position:relative;min-height:280px;overflow:hidden}.trout-featured-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,49,38,.05),rgba(6,49,38,.88))}.trout-featured-media img{width:100%;height:100%;object-fit:cover;display:block}.trout-featured-placeholder{height:100%;display:grid;place-items:center;font-size:100px;background:linear-gradient(135deg,#155f49,#082f27)}
.trout-featured-copy{position:relative;z-index:2;padding:34px 36px;display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:right}.trout-featured-copy small{color:#d9bd70;font-size:11px;font-weight:900;margin:12px 0 5px}.trout-featured-badge{align-self:flex-start;background:#e5bb58;color:#174536;padding:7px 13px;border-radius:999px;font-size:10px;font-weight:950}.trout-featured-copy h2{font-size:clamp(22px,3vw,34px);line-height:1.35;margin:0 0 9px;font-weight:1000}.trout-featured-copy p{font-size:12px;line-height:2;color:#dcebe5;margin:0 0 20px;max-width:480px}.trout-featured-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:999px;background:#e7bd5b;color:#174536;text-decoration:none;font-size:11px;font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.12)}.trout-featured-btn span{font-size:15px}
@media(min-width:1100px){.trout-flow-map{overflow:hidden!important;justify-content:center!important}.trout-flow-node{flex:1 1 0!important;max-width:188px!important}}
@media(max-width:760px){.trout-flow{padding:30px 0 22px!important}.trout-flow-head{margin-bottom:18px!important}.trout-flow-head h2{font-size:25px!important}.trout-flow-head p{font-size:10px!important}.trout-flow-map{padding:4px 14px 14px!important;gap:9px!important}.trout-flow-node{flex-basis:156px!important;min-height:178px!important;padding:16px 10px 11px!important;border-radius:21px!important}.flow-node-core{width:54px!important;height:54px!important}.flow-icon{width:52px!important;height:52px!important;border-radius:16px!important}.flow-icon svg{width:25px!important;height:25px!important}.flow-node-copy b{font-size:11px!important}.flow-node-copy small{font-size:8.5px!important}.trout-featured{padding:4px 0 28px!important}.trout-featured-card{grid-template-columns:1fr;min-height:0;border-radius:24px;margin:0 10px}.trout-featured-media{height:180px;min-height:180px}.trout-featured-media:after{background:linear-gradient(180deg,rgba(6,49,38,.02),rgba(6,49,38,.45))}.trout-featured-copy{padding:22px 20px 24px;text-align:right}.trout-featured-badge{align-self:flex-start}.trout-featured-copy h2{font-size:21px}.trout-featured-copy p{font-size:10px}.trout-featured-btn{font-size:10px;padding:10px 15px}}

/* ===== V80 — Reference-fidelity home design ===== */
:root{
 --ref-green:#0c5b49;--ref-green-dark:#074638;--ref-green-deep:#063b30;
 --ref-gold:#e8bd5a;--ref-gold-soft:#f3d78d;--ref-ink:#103f33;--ref-muted:#71817a;
 --ref-glass:rgba(255,255,255,.72);--ref-border:rgba(198,220,210,.72);
}
body{background:#f7fbf9;color:var(--ref-ink)}
.home-top-nav{background:rgba(255,255,255,.92)!important;border-bottom:1px solid rgba(14,83,64,.10)!important;box-shadow:0 8px 28px rgba(7,66,50,.08)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
.home-top-nav .container{min-height:74px!important;height:74px!important;padding:8px 0!important}
.home-brand{gap:10px!important}.home-brand .brand-mark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(235,246,241,.7);border:1px solid rgba(19,91,70,.10);box-shadow:0 8px 22px rgba(11,86,65,.10);overflow:hidden}.home-brand .brand-mark img{width:54px;height:54px}.home-brand strong{color:#0e4a3a!important;font-size:20px!important;font-weight:950!important}.home-brand .brand-tagline{color:#7d8b85!important;font-size:9px!important}.home-top-actions{display:flex;align-items:center;gap:9px}.home-top-btn{height:42px;padding:0 15px!important;border-radius:13px!important;font-size:12px!important;font-weight:900!important;border:1px solid rgba(14,74,57,.12)!important;box-shadow:0 7px 20px rgba(12,69,52,.07)!important}.home-register-btn{background:linear-gradient(180deg,#eecb7b,#dfb75a)!important;color:#173e31!important}.home-member-btn{background:linear-gradient(180deg,#17654f,#0d513f)!important;color:#fff!important}.home-admin-btn{background:linear-gradient(180deg,#29404a,#20343c)!important;color:#fff!important}.home-lang-btn{background:#fff!important;color:#145440!important;border-color:#d7c28a!important}

.hero.hero-frame{width:100%!important;height:clamp(460px,43vw,650px)!important;max-height:650px!important;min-height:460px!important;margin:0!important;border-radius:0!important;box-shadow:none!important;background:#0a3f33!important}
.hero.hero-frame .slides,.hero.hero-frame .slide{width:100%!important;height:100%!important;border-radius:0!important}
.hero.hero-frame .slide{align-items:center!important}
.hero.hero-frame .hero-photo{object-fit:cover!important;object-position:center!important;filter:saturate(1.04) contrast(1.02)!important;animation:none!important}
.hero.hero-frame .slide:after{display:block!important;content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(3,35,27,.78) 0%,rgba(4,52,41,.48) 33%,rgba(4,52,41,.12) 67%,rgba(4,52,41,.04) 100%)!important}
.hero.hero-frame .hero-content{width:min(1180px,92%)!important;margin:auto!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:right!important;transform:translateX(0)!important;text-shadow:none!important}
.hero.hero-frame .hero-content:before{content:"طبیعت · پرورش · طعم اصیل";color:#f1d487;font-size:clamp(11px,1.1vw,15px);font-weight:900;letter-spacing:.2px;margin-bottom:8px;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.hero.hero-frame .hero-content h1{font-size:clamp(38px,5.5vw,78px)!important;line-height:1.12!important;font-weight:950!important;color:#fff!important;margin:0 0 10px!important;max-width:620px!important;text-shadow:0 4px 20px rgba(0,0,0,.35)!important}
.hero.hero-frame .hero-content p{font-size:clamp(13px,1.45vw,19px)!important;line-height:2!important;font-weight:650!important;color:#fff!important;max-width:560px!important;margin:0 0 18px!important;text-shadow:0 3px 15px rgba(0,0,0,.34)!important}
.hero.hero-frame .hero-slide-link{background:var(--ref-gold)!important;color:#154436!important;border-radius:999px!important;padding:12px 22px!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important;font-size:12px!important;font-weight:950!important}
.hero.hero-frame .dots{bottom:18px!important;right:50%!important;transform:translateX(50%)!important;display:flex!important;align-items:center!important;gap:7px!important;padding:7px 11px!important;border-radius:999px!important;background:rgba(255,255,255,.84)!important;box-shadow:0 8px 24px rgba(0,0,0,.13)!important;backdrop-filter:blur(8px)!important}
.hero.hero-frame .dot{width:9px!important;height:9px!important;background:#8aa59a!important;border-radius:50%!important}.hero.hero-frame .dot.active{width:28px!important;background:var(--ref-gold)!important;border-radius:999px!important}

.trout-flow{position:relative!important;padding:50px 0 36px!important;background:linear-gradient(180deg,#fbfefd 0%,#f0f8f5 100%)!important;overflow:hidden!important;border:0!important}
.trout-flow:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 12% 25%,rgba(36,145,111,.09),transparent 23%),radial-gradient(circle at 88% 75%,rgba(232,189,90,.10),transparent 20%)!important;pointer-events:none!important}
.trout-flow:after{content:"🐟"!important;position:absolute!important;left:4%;top:34px;font-size:86px!important;opacity:.035!important;transform:rotate(-10deg)!important;pointer-events:none!important}
.trout-flow .container{position:relative;z-index:1}
.trout-flow-head{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:7px!important;margin:0 auto 27px!important;padding:0!important;max-width:850px!important}
.trout-flow-label{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:6px 12px!important;border-radius:999px!important;background:rgba(231,245,239,.84)!important;border:1px solid rgba(198,223,211,.75)!important;color:#17624d!important;box-shadow:0 7px 20px rgba(15,94,70,.06)!important;font-size:10px!important;font-weight:900!important}.trout-flow-label>span{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#dff0e8!important;font-size:15px!important}.trout-flow-label i{display:block!important;width:28px!important;height:1px!important;background:#cdb36c!important}.trout-flow-label small{font-size:9px!important;color:#ad873e!important}
.trout-flow-head h2{margin:0!important;color:#0b4c3b!important;font-size:clamp(28px,3.6vw,43px)!important;line-height:1.22!important;font-weight:950!important;letter-spacing:-1px!important}.trout-flow-head h2:after{content:"";display:block;width:68px;height:3px;margin:10px auto 0;border-radius:99px;background:linear-gradient(90deg,var(--ref-gold),#17634d,var(--ref-gold))!important;opacity:.9}.trout-flow-head p{margin:0!important;max-width:640px!important;color:#74827c!important;font-size:11px!important;line-height:2!important;font-weight:600!important}
.trout-flow-map{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:12px!important;max-width:1400px!important;margin:0 auto!important;padding:7px 0 15px!important;overflow:visible!important;scroll-snap-type:none!important}
.trout-flow-node{min-width:0!important;flex:none!important;min-height:215px!important;height:215px!important;padding:15px 11px 11px!important;border-radius:22px!important;background:rgba(255,255,255,.66)!important;backdrop-filter:blur(13px)!important;-webkit-backdrop-filter:blur(13px)!important;border:1px solid rgba(198,219,210,.82)!important;box-shadow:0 13px 32px rgba(14,82,62,.075),inset 0 1px 0 rgba(255,255,255,.95)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;scroll-snap-align:none!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.trout-flow-node:before{height:3px!important;left:12px!important;right:12px!important;top:0!important;border-radius:0 0 5px 5px!important;background:linear-gradient(90deg,var(--ref-gold),#18715a)!important}.trout-flow-node:after{content:""!important;position:absolute!important;inset:auto 10px 0!important;height:55px!important;background:linear-gradient(180deg,transparent,rgba(228,242,236,.62))!important;pointer-events:none!important}.trout-flow-node:hover{transform:translateY(-7px)!important;background:rgba(255,255,255,.88)!important;border-color:#b8d5c7!important;box-shadow:0 22px 42px rgba(10,77,58,.13)!important}
.flow-node-core{width:60px!important;height:60px!important;position:relative!important;display:grid!important;place-items:center!important;margin:7px auto 11px!important}.flow-node-core em{position:absolute!important;right:-4px!important;top:-7px!important;z-index:3!important;display:grid!important;place-items:center!important;width:24px!important;height:20px!important;border-radius:7px!important;background:#0b604a!important;color:#fff!important;font-style:normal!important;font-size:8px!important;font-weight:950!important;box-shadow:0 5px 10px rgba(9,80,59,.18)!important}.flow-icon{width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(231,244,238,.94),rgba(244,249,246,.72))!important;border:1px solid rgba(207,228,219,.78)!important;color:#17644e!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important}.flow-icon svg{width:28px!important;height:28px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.flow-node-copy{position:relative;z-index:2;display:flex!important;flex-direction:column!important;align-items:center!important;min-width:0!important}.flow-node-copy b{color:#143f34!important;font-size:12px!important;line-height:1.65!important;font-weight:950!important;min-height:39px!important;display:flex!important;align-items:center!important;justify-content:center!important}.flow-node-copy small{color:#7b8983!important;font-size:8.5px!important;line-height:1.75!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;max-width:125px!important}.flow-go{position:relative!important;z-index:3!important;margin-top:auto!important;align-self:flex-start!important;width:25px!important;height:25px!important;border-radius:9px!important;background:#edf6f1!important;color:#b08a43!important;font-size:11px!important;display:grid!important;place-items:center!important}.trout-flow-bottom{position:relative!important;z-index:2!important;margin:8px auto 0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#7c8983!important;font-size:9px!important;font-weight:800!important}.trout-flow-bottom b{font-size:9px!important;color:#1a634e!important}.flow-end-dot{width:6px!important;height:6px!important;border-radius:50%!important;background:#28765c!important;box-shadow:0 0 0 4px rgba(40,118,92,.09)!important}.flow-end-dot.gold{background:var(--ref-gold)!important;box-shadow:0 0 0 4px rgba(232,189,90,.12)!important}.flow-bottom-line{width:55px!important;flex:0 0 auto!important;height:1px!important;background:linear-gradient(90deg,#d7e3de,transparent)!important}

.trout-featured{padding:14px 0 48px!important;background:linear-gradient(180deg,#f0f8f5 0%,#f7fbf9 100%)!important}.trout-featured-card{direction:ltr!important;position:relative!important;display:grid!important;grid-template-columns:1.05fr .95fr!important;min-height:315px!important;max-width:1400px!important;margin:auto!important;overflow:hidden!important;border-radius:30px!important;background:linear-gradient(120deg,#0a5a46,#063e32)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 22px 55px rgba(7,67,51,.16)!important}.trout-featured-media{order:1!important;min-height:315px!important;position:relative!important;overflow:hidden!important}.trout-featured-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}.trout-featured-media:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(5,57,44,.03),rgba(5,57,44,.66))!important}.trout-featured-copy{order:2!important;direction:rtl!important;position:relative!important;z-index:2!important;padding:40px 42px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;color:#fff!important;text-align:right!important}.trout-featured-badge{background:var(--ref-gold)!important;color:#164536!important;padding:7px 13px!important;border-radius:999px!important;font-size:10px!important;font-weight:950!important;box-shadow:0 7px 16px rgba(0,0,0,.10)!important}.trout-featured-copy small{color:#e1c16f!important;font-size:10px!important;font-weight:900!important;margin:10px 0 5px!important}.trout-featured-copy h2{font-size:clamp(25px,3vw,40px)!important;line-height:1.35!important;font-weight:950!important;margin:0 0 10px!important;color:#fff!important}.trout-featured-copy p{font-size:11px!important;line-height:2!important;color:#dcece6!important;max-width:500px!important;margin:0 0 18px!important}.trout-featured-btn{background:var(--ref-gold)!important;color:#154536!important;border-radius:999px!important;padding:11px 19px!important;font-size:10px!important;font-weight:950!important;box-shadow:0 9px 20px rgba(0,0,0,.13)!important}.trout-featured-btn span{font-size:14px!important}

/* Search + quick services match the reference composition. */
#search{margin-top:0!important}.search-wrap{max-width:1120px!important;margin:0 auto!important}.search-wrap .input{height:58px!important;border-radius:18px!important;background:rgba(255,255,255,.86)!important;border:1px solid #e1ebe5!important;box-shadow:0 12px 35px rgba(15,75,57,.08)!important;font-size:12px!important}.feature-strip{padding:18px 0 58px!important;background:#f7fbf9!important}.feature-strip:before{display:none!important}.feature-strip-inner{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;max-width:1400px!important;margin:auto!important}.feature-mini.custom-topic-mini{height:185px!important;min-height:185px!important;max-width:none!important;padding:20px 14px!important;border-radius:24px!important;background:rgba(255,255,255,.66)!important;backdrop-filter:blur(13px)!important;-webkit-backdrop-filter:blur(13px)!important;border:1px solid rgba(207,225,217,.82)!important;box-shadow:0 13px 32px rgba(14,82,62,.065),inset 0 1px 0 rgba(255,255,255,.95)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}.custom-topic-mini-icon{width:60px!important;height:60px!important;min-height:60px!important;display:grid!important;place-items:center!important;border-radius:19px!important;background:linear-gradient(145deg,#e5f2ec,#f4f9f6)!important;border:1px solid #d8e9e0!important;font-size:34px!important;margin-bottom:11px!important;box-shadow:inset 0 1px 0 #fff,0 7px 16px rgba(14,82,62,.05)!important}.feature-mini.custom-topic-mini b{font-size:14px!important;color:#173f34!important}.feature-mini.custom-topic-mini em{margin-top:10px!important;width:25px;height:25px;border-radius:9px;background:#edf6f1;color:#9c7c40;display:grid;place-items:center;font-size:10px}

/* Keep lower service/stat sections visually quiet so the reference hierarchy stays intact. */
.stats .stat-card{background:rgba(255,255,255,.7)!important;backdrop-filter:blur(10px)!important;border:1px solid #e4eee9!important;box-shadow:0 14px 35px rgba(13,77,58,.06)!important}

@media(max-width:1200px){.trout-flow-map{grid-template-columns:repeat(5,minmax(0,1fr))!important}.feature-strip-inner{grid-template-columns:repeat(3,minmax(0,1fr))!important}.trout-flow-node{min-height:205px!important;height:205px!important}}
@media(max-width:800px){
 .home-top-nav .container{height:66px!important;min-height:66px!important}.home-brand .brand-mark{width:48px;height:48px}.home-brand .brand-mark img{width:45px;height:45px}.home-brand strong{font-size:16px!important}.home-brand .brand-tagline{display:none}.home-top-actions{gap:5px}.home-top-btn{height:38px;padding:0 9px!important;font-size:10px!important;border-radius:11px!important}.home-top-btn span:first-child{display:none}
 .hero.hero-frame{height:500px!important;min-height:500px!important}.hero.hero-frame .hero-content{width:calc(100% - 34px)!important;align-items:flex-start!important}.hero.hero-frame .hero-content:before{font-size:10px}.hero.hero-frame .hero-content h1{font-size:40px!important;max-width:420px!important}.hero.hero-frame .hero-content p{font-size:13px!important;max-width:400px!important}.hero.hero-frame .hero-slide-link{padding:10px 17px!important;font-size:10px!important}
 .trout-flow{padding:36px 0 27px!important}.trout-flow-head{margin-bottom:20px!important}.trout-flow-head h2{font-size:27px!important}.trout-flow-head p{font-size:9.5px!important;padding:0 14px}.trout-flow-map{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:10px!important;padding:5px 13px 14px!important;scrollbar-width:none!important}.trout-flow-map::-webkit-scrollbar{display:none!important}.trout-flow-node{flex:0 0 154px!important;height:190px!important;min-height:190px!important;border-radius:20px!important;padding:13px 9px 10px!important;scroll-snap-align:start!important}.flow-node-core{width:51px!important;height:51px!important}.flow-icon{width:50px!important;height:50px!important;border-radius:15px!important}.flow-icon svg{width:24px!important;height:24px!important}.flow-node-copy b{font-size:10px!important;min-height:34px!important}.flow-node-copy small{font-size:8px!important}.flow-go{width:23px!important;height:23px!important}.trout-flow-bottom{font-size:8px!important}.trout-flow-bottom b{font-size:8px!important}
 .trout-featured{padding:4px 0 34px!important}.trout-featured-card{grid-template-columns:1fr!important;direction:ltr!important;margin:0 10px!important;border-radius:24px!important}.trout-featured-media{min-height:205px!important;height:205px!important;order:1!important}.trout-featured-copy{order:2!important;padding:24px 21px 26px!important}.trout-featured-copy h2{font-size:24px!important}.trout-featured-copy p{font-size:10px!important}.trout-featured-btn{font-size:9px!important;padding:10px 16px!important}
 .feature-strip{padding:15px 0 42px!important}.feature-strip-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:0 12px!important}.feature-mini.custom-topic-mini{height:155px!important;min-height:155px!important;border-radius:19px!important;padding:12px 8px!important}.custom-topic-mini-icon{width:48px!important;height:48px!important;min-height:48px!important;border-radius:15px!important;font-size:27px!important;margin-bottom:8px!important}.feature-mini.custom-topic-mini b{font-size:11px!important}.feature-mini.custom-topic-mini em{width:22px;height:22px;font-size:9px;margin-top:7px!important}
}
@media(max-width:500px){.home-top-actions .home-admin-btn{display:none}.home-brand strong{font-size:15px!important}.hero.hero-frame{height:460px!important;min-height:460px!important}.hero.hero-frame .hero-content h1{font-size:34px!important}.hero.hero-frame .hero-content p{font-size:12px!important}.trout-flow-head h2{font-size:24px!important}.trout-flow-node{flex-basis:150px!important}.search-wrap{padding:0 10px!important}}


/* ===== PREMIUM TROUT TOPIC CAROUSEL / TOUCH LAYER FIX ===== */
.trout-flow-map{
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:18px!important;
  max-width:1420px!important;
  margin:0 auto!important;
  padding:12px 18px 22px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
  isolation:isolate!important;
}
.trout-flow-map::-webkit-scrollbar{display:none!important}
.trout-flow-node{
  position:relative!important;
  z-index:1!important;
  flex:0 0 218px!important;
  width:218px!important;
  min-width:218px!important;
  height:178px!important;
  min-height:178px!important;
  box-sizing:border-box!important;
  padding:14px 14px 12px!important;
  border-radius:25px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(245,251,248,.57))!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
  border:1px solid rgba(194,220,209,.92)!important;
  box-shadow:0 12px 28px rgba(11,73,54,.075),inset 0 1px 0 rgba(255,255,255,.98)!important;
  scroll-snap-align:center!important;
  transform:translateZ(0)!important;
  transform-origin:center bottom!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease,background .28s ease!important;
  will-change:transform!important;
}
.trout-flow-node:before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:18px!important;
  right:18px!important;
  height:3px!important;
  border-radius:0 0 8px 8px!important;
  background:linear-gradient(90deg,#d9b75f 0%,#176b52 48%,#d9b75f 100%)!important;
  opacity:.95!important;
}
.trout-flow-node:after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:58px!important;
  background:linear-gradient(180deg,transparent,rgba(227,243,236,.72))!important;
  pointer-events:none!important;
  z-index:0!important;
}
.trout-flow-node:hover,
.trout-flow-node.is-active{
  z-index:50!important;
  transform:translateY(-8px) scale(1.045)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,251,247,.88))!important;
  border-color:rgba(44,126,97,.48)!important;
  box-shadow:0 24px 48px rgba(8,75,55,.18),0 0 0 1px rgba(217,183,95,.20),inset 0 1px 0 #fff!important;
}
.trout-flow-node:focus-visible{z-index:60!important;outline:3px solid rgba(208,172,83,.45)!important;outline-offset:4px!important}
.flow-node-core{position:relative!important;z-index:2!important;width:56px!important;height:56px!important;margin:5px auto 9px!important}
.flow-node-core em{right:-7px!important;top:-7px!important;width:25px!important;height:21px!important;border-radius:8px!important;font-size:8px!important}
.flow-icon{width:54px!important;height:54px!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(231,244,238,.98),rgba(250,252,250,.68))!important;box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(14,82,62,.06)!important}
.flow-icon svg{width:27px!important;height:27px!important}
.flow-node-copy{z-index:3!important}
.flow-node-copy b{font-size:12.5px!important;line-height:1.55!important;min-height:34px!important}
.flow-node-copy small{font-size:8.8px!important;line-height:1.65!important;max-width:175px!important;-webkit-line-clamp:2!important}
.flow-go{z-index:4!important;width:27px!important;height:27px!important;border-radius:10px!important;background:rgba(238,247,242,.92)!important;box-shadow:0 5px 12px rgba(14,82,62,.05)!important}
.trout-flow-node:hover .flow-go,.trout-flow-node.is-active .flow-go{background:#176b52!important;color:#fff!important;transform:translateX(-2px)!important}
.trout-flow-bottom{margin-top:9px!important}

@media(min-width:1100px){
  .trout-flow-map{justify-content:flex-start!important}
  .trout-flow-node{flex-basis:220px!important;width:220px!important;min-width:220px!important}
}
@media(max-width:760px){
  .trout-flow{padding:34px 0 25px!important}
  .trout-flow-head{margin-bottom:17px!important}
  .trout-flow-head h2{font-size:26px!important}
  .trout-flow-head p{font-size:9.5px!important}
  .trout-flow-map{
    gap:12px!important;
    padding:9px 18px 20px!important;
    scroll-padding-inline:18px!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .trout-flow-node{
    flex:0 0 204px!important;
    width:204px!important;
    min-width:204px!important;
    height:166px!important;
    min-height:166px!important;
    padding:12px 13px 10px!important;
    border-radius:23px!important;
  }
  .trout-flow-node:hover{transform:none!important;box-shadow:0 12px 28px rgba(11,73,54,.075),inset 0 1px 0 rgba(255,255,255,.98)!important;border-color:rgba(194,220,209,.92)!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(245,251,248,.57))!important}
  .trout-flow-node.is-active{transform:translateY(-7px) scale(1.035)!important;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(244,251,247,.90))!important;border-color:rgba(44,126,97,.48)!important;box-shadow:0 23px 44px rgba(8,75,55,.17),0 0 0 1px rgba(217,183,95,.20),inset 0 1px 0 #fff!important}
  .flow-node-core{width:51px!important;height:51px!important;margin:4px auto 8px!important}
  .flow-icon{width:50px!important;height:50px!important;border-radius:15px!important}
  .flow-icon svg{width:24px!important;height:24px!important}
  .flow-node-copy b{font-size:11.5px!important;min-height:32px!important}
  .flow-node-copy small{font-size:8.3px!important;max-width:170px!important}
  .flow-go{width:25px!important;height:25px!important}
}
@media(max-width:430px){
  .trout-flow-head h2{font-size:24px!important}
  .trout-flow-node{flex-basis:198px!important;width:198px!important;min-width:198px!important;height:164px!important;min-height:164px!important}
}

/* ===== FINAL TOPIC CARD VISIBILITY / LAYERING FIX ===== */
.trout-flow-map{
  overflow-x:auto!important;
  overflow-y:visible!important;
  isolation:auto!important;
  position:relative!important;
  z-index:10!important;
  padding-top:18px!important;
  padding-bottom:28px!important;
  align-items:stretch!important;
}
.trout-flow-node{
  position:relative!important;
  z-index:1!important;
  flex:0 0 220px!important;
  width:220px!important;
  min-width:220px!important;
  height:180px!important;
  min-height:180px!important;
  transform:none!important;
  transform-origin:center center!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
}
.trout-flow-node:hover,
.trout-flow-node.is-active,
.trout-flow-node:focus-visible{
  z-index:999!important;
  transform:translateY(-6px)!important;
  opacity:1!important;
  visibility:visible!important;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(244,251,247,.92))!important;
  box-shadow:0 25px 48px rgba(8,75,55,.20),0 0 0 1px rgba(217,183,95,.22),inset 0 1px 0 #fff!important;
}
.trout-flow-node.is-active .flow-node-copy b,
.trout-flow-node:hover .flow-node-copy b{color:#0c4d3a!important}

@media(max-width:760px){
  .trout-flow-map{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    padding:16px 18px 28px!important;
    margin:0!important;
    width:100%!important;
    box-sizing:border-box!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .trout-flow-node{
    flex:0 0 205px!important;
    width:205px!important;
    min-width:205px!important;
    height:170px!important;
    min-height:170px!important;
    padding:13px 12px 10px!important;
    border-radius:22px!important;
    scroll-snap-align:center!important;
  }
  .trout-flow-node:hover{transform:none!important;box-shadow:0 12px 28px rgba(11,73,54,.08),inset 0 1px 0 rgba(255,255,255,.98)!important}
  .trout-flow-node.is-active,
  .trout-flow-node:focus-visible{transform:translateY(-6px)!important}
}
@media(max-width:430px){
  .trout-flow-node{flex-basis:198px!important;width:198px!important;min-width:198px!important;height:166px!important;min-height:166px!important}
}

/* ===== CONTINUOUS PREMIUM TOPIC RAIL ===== */
.trout-flow-viewport{
  position:relative;
  width:100%;
  max-width:1400px;
  margin:0 auto;
  overflow:hidden;
  padding:18px 0 30px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
}
.trout-flow-map{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
  scrollbar-width:none!important;
}
.trout-flow-track{
  display:flex;
  align-items:center;
  width:max-content;
  gap:14px;
  padding:0 24px;
  direction:ltr;
  animation:troutMarquee 34s linear infinite;
  will-change:transform;
}
.trout-flow-node{
  direction:rtl!important;
  flex:0 0 220px!important;
  width:220px!important;
  min-width:220px!important;
  height:178px!important;
  min-height:178px!important;
  transform:translateZ(0)!important;
  transform-origin:center center!important;
  transition:transform .38s cubic-bezier(.2,.85,.2,1),box-shadow .38s ease,background .38s ease,border-color .38s ease!important;
  z-index:1!important;
}
.trout-flow-node:hover,
.trout-flow-node.is-active,
.trout-flow-node:focus-visible{
  z-index:100!important;
  transform:scale(1.333333)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,251,247,.94))!important;
  border-color:rgba(44,126,97,.48)!important;
  box-shadow:0 30px 60px rgba(8,75,55,.22),0 0 0 1px rgba(217,183,95,.24),inset 0 1px 0 #fff!important;
}
@keyframes troutMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(prefers-reduced-motion:reduce){
  .trout-flow-track{animation:none!important}
}
@media(max-width:760px){
  .trout-flow-viewport{padding:14px 0 28px}
  .trout-flow-track{gap:12px;padding:0 22px;animation-duration:30s}
  .trout-flow-node{
    flex-basis:198px!important;width:198px!important;min-width:198px!important;
    height:166px!important;min-height:166px!important;
  }
  .trout-flow-node:hover,
  .trout-flow-node.is-active,
  .trout-flow-node:focus-visible{transform:scale(1.333333)!important}
}

/* ===== FINAL V81 — LIVE HORIZONTAL PREMIUM TOPIC RAIL ===== */
.trout-flow-viewport{
  position:relative!important;
  width:100%!important;
  max-width:1400px!important;
  margin:0 auto!important;
  overflow:hidden!important;
  padding:52px 0 58px!important;
  box-sizing:border-box!important;
}
.trout-flow-map{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  position:relative!important;
  white-space:normal!important;
}
.trout-flow-track{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  width:max-content!important;
  max-width:none!important;
  gap:14px!important;
  padding:0 40px!important;
  margin:0!important;
  direction:ltr!important;
  animation:troutMarqueeFinal 38s linear infinite!important;
  will-change:transform!important;
}
.trout-flow-node{
  flex:0 0 220px!important;
  width:220px!important;
  min-width:220px!important;
  height:178px!important;
  min-height:178px!important;
  max-width:220px!important;
  box-sizing:border-box!important;
  position:relative!important;
  direction:rtl!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transform-origin:center center!important;
  transition:transform .42s cubic-bezier(.2,.9,.2,1),box-shadow .35s ease,background .35s ease,border-color .35s ease!important;
  z-index:1!important;
  overflow:hidden!important;
}
.trout-flow-node:hover,
.trout-flow-node.is-active,
.trout-flow-node:focus-visible{
  z-index:999!important;
  transform:translate3d(0,0,0) scale(1.333333)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(243,251,247,.96))!important;
  border-color:rgba(31,119,88,.52)!important;
  box-shadow:0 28px 58px rgba(6,74,54,.24),0 0 0 1px rgba(224,187,87,.28),inset 0 1px 0 #fff!important;
}
.flow-icon{overflow:hidden!important}
.flow-icon img{
  width:58px!important;
  height:58px!important;
  display:block!important;
  object-fit:contain!important;
  border-radius:50%!important;
  filter:saturate(1.08) contrast(1.02)!important;
}
@keyframes troutMarqueeFinal{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(prefers-reduced-motion:reduce){
  .trout-flow-track{animation:none!important}
}
@media(max-width:1100px){
  .trout-flow-node{flex-basis:205px!important;width:205px!important;min-width:205px!important;height:174px!important;min-height:174px!important}
  .trout-flow-track{gap:12px!important;padding:0 32px!important;animation-duration:34s!important}
}
@media(max-width:760px){
  .trout-flow-viewport{padding:46px 0 52px!important;overflow:hidden!important}
  .trout-flow-track{gap:11px!important;padding:0 28px!important;animation-duration:31s!important}
  .trout-flow-node{
    flex:0 0 190px!important;width:190px!important;min-width:190px!important;
    height:164px!important;min-height:164px!important;border-radius:22px!important;
  }
  .trout-flow-node:hover,
  .trout-flow-node.is-active,
  .trout-flow-node:focus-visible{transform:scale(1.333333)!important}
  .flow-node-core{width:51px!important;height:51px!important;margin:4px auto 8px!important}
  .flow-icon{width:50px!important;height:50px!important;border-radius:16px!important}
  .flow-icon img{width:49px!important;height:49px!important}
}
@media(max-width:430px){
  .trout-flow-track{gap:10px!important;padding:0 25px!important;animation-duration:29s!important}
  .trout-flow-node{flex-basis:184px!important;width:184px!important;min-width:184px!important;height:160px!important;min-height:160px!important}
}

/* ===== V82: TRUE INFINITE RAIL + FINGER/MOUSE DRAG ===== */
.trout-flow-viewport{touch-action:pan-y;cursor:grab;overflow:hidden!important}
.trout-flow-viewport.is-dragging{cursor:grabbing}
.trout-flow-track{animation:none!important;will-change:transform;transform:translate3d(0,0,0)!important}
.trout-flow-node{flex:0 0 220px!important;width:220px!important;min-width:220px!important;z-index:1!important}
.trout-flow-node.is-active,.trout-flow-node:hover,.trout-flow-node:focus-visible{z-index:9999!important;transform:scale(1.333333)!important}
@media(max-width:1100px){.trout-flow-node{flex-basis:205px!important;width:205px!important;min-width:205px!important}}
@media(max-width:760px){
 .trout-flow-viewport{touch-action:pan-y!important;cursor:grab!important;padding:52px 0 58px!important}
 .trout-flow-viewport.is-dragging{cursor:grabbing!important}
 .trout-flow-track{gap:11px!important;padding:0 28px!important}
 .trout-flow-node{flex:0 0 190px!important;width:190px!important;min-width:190px!important;height:164px!important;min-height:164px!important}
 .trout-flow-node.is-active,.trout-flow-node:hover,.trout-flow-node:focus-visible{transform:scale(1.333333)!important}
}
@media(max-width:430px){.trout-flow-track{gap:10px!important;padding:0 25px!important}.trout-flow-node{flex-basis:184px!important;width:184px!important;min-width:184px!important}}

/* FINAL TROUT MARQUEE FIX: continuous horizontal motion + touch drag.
   Uses a CSS variable so older !important transform rules cannot freeze the track. */
.trout-flow-viewport{overflow:hidden!important;overflow-y:visible!important;touch-action:pan-y!important;cursor:grab!important;}
.trout-flow-viewport.is-dragging{cursor:grabbing!important;}
.trout-flow-track{animation:none!important;transition:none!important;transform:var(--marquee-x,translate3d(0,0,0))!important;will-change:transform!important;}
.trout-flow-node{flex-shrink:0!important;position:relative!important;z-index:1!important;}
.trout-flow-node:hover,.trout-flow-node.is-active,.trout-flow-node:focus-visible{z-index:99999!important;}
.trout-flow-node.is-active,.trout-flow-node:hover,.trout-flow-node:focus-visible{transform:scale(1.333333)!important;}
.trout-flow-clone{pointer-events:none!important;}
@media (max-width:700px){
 .trout-flow-node.is-active,.trout-flow-node:focus-visible{transform:scale(1.333333)!important;}
}


/* MARQUEE V3 - authoritative movement layer; card sizing stays unchanged */
.trout-flow-viewport{
  overflow:hidden!important;
  overflow-y:visible!important;
  touch-action:pan-y!important;
  cursor:grab!important;
}
.trout-flow-viewport.is-dragging{cursor:grabbing!important;}
.trout-flow-track{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  width:max-content!important;
  max-width:none!important;
  will-change:transform!important;
  animation:none!important;
  transition:none!important;
}
.trout-flow-node{
  flex-shrink:0!important;
  position:relative!important;
}
.trout-flow-node:hover,.trout-flow-node.is-active,.trout-flow-node:focus-visible{
  z-index:999999!important;
  transform:scale(1.333333)!important;
}


/* ===== HOMEPAGE V84 FINAL: REAL CONTINUOUS CARD RAILS ===== */
.home-search-under-hero{position:relative;z-index:30;padding:18px 0 8px;background:#fff}
.home-search-under-hero .search-wrap{margin:0 auto!important}
.trout-flow-viewport{overflow:hidden!important;overflow-y:visible!important;cursor:grab!important;touch-action:pan-y!important}
.trout-flow-viewport.is-dragging,.feature-strip.is-dragging{cursor:grabbing!important}
.trout-flow-track,.feature-strip .feature-strip-inner{
 display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;width:max-content!important;max-width:none!important;
 animation:none!important;transition:none!important;will-change:transform!important;
}
.feature-strip{overflow:hidden!important}
.feature-strip .feature-strip-inner{gap:14px!important;padding-left:20px!important;padding-right:20px!important;margin:0!important}
.feature-strip .feature-mini{flex:0 0 220px!important;width:220px!important;min-width:220px!important;max-width:220px!important}
.auto-rail-clone{pointer-events:none!important}
@media(max-width:760px){
 .feature-strip .feature-mini{flex-basis:190px!important;width:190px!important;min-width:190px!important;max-width:190px!important}
 .feature-strip .feature-strip-inner{gap:10px!important;padding-left:16px!important;padding-right:16px!important}
}

/* ===== مسیر قزل‌آلا — کاروسل مدرن ===== */
.trout-carousel-section{background:linear-gradient(145deg,#f0f7f4 0%,#fff 100%);padding:70px 0;position:relative;overflow:hidden}
.trout-carousel-section:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:rgba(33,107,78,.05);z-index:0;pointer-events:none}
.trout-carousel-head{position:relative;z-index:1;text-align:center;margin:0 auto 45px;max-width:850px}
.trout-carousel-label{display:inline-flex;align-items:center;gap:10px;background:rgba(33,107,78,.08);padding:8px 18px;border-radius:40px;font-size:.9rem;color:#216b4e;margin-bottom:15px}
.trout-carousel-label .label-icon{font-size:1.2rem}.trout-carousel-label .label-line{width:30px;height:1px;background:#216b4e;opacity:.4}.trout-carousel-label .label-sub{font-size:.85rem;opacity:.8}
.trout-carousel-head h2{font-size:2.2rem;font-weight:800;color:#123c2b;margin:0 0 10px}.trout-carousel-desc{font-size:1.05rem;color:#4b6b5d;max-width:700px;margin:0 auto}
.trout-carousel{position:relative;z-index:1;max-width:1200px;margin:0 auto}.trout-carousel-viewport{overflow:hidden;border-radius:24px;box-shadow:0 15px 40px rgba(0,40,20,.1);background:#fff;padding:20px 0;touch-action:pan-y;cursor:grab}.trout-carousel-viewport.is-dragging{cursor:grabbing}
.trout-carousel-track{display:flex;gap:20px;padding:0 20px;width:max-content;max-width:none;will-change:transform;transform:translate3d(0,0,0)}
.trout-carousel-card{flex:0 0 260px;background:#fff;border:1px solid #e6f0ea;border-radius:18px;padding:25px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.03);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden}.trout-carousel-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(33,107,78,.12);border-color:#b8dcc8}
.card-step-number{position:absolute;top:12px;left:16px;font-size:.8rem;font-weight:700;color:#216b4e;background:#eef8f2;padding:4px 8px;border-radius:20px}.card-icon{width:90px;height:90px;border-radius:50%;background:#f5fbf8;display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 4px 12px rgba(33,107,78,.08)}.card-icon img{width:60px;height:60px;object-fit:contain}.card-content h3{font-size:1.2rem;font-weight:700;color:#1b4d38;margin:0 0 8px}.card-content p{font-size:.9rem;color:#5c7a6c;line-height:1.6;margin:0 0 15px}.card-link{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:#216b4e;text-decoration:none;transition:gap .2s}.card-link:hover{gap:10px;color:#0e4a32}
.trout-carousel-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:30px}.trout-btn{width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #d4e8dd;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#216b4e;transition:all .25s;box-shadow:0 4px 10px rgba(0,0,0,.04)}.trout-btn:hover{background:#216b4e;color:#fff;border-color:#216b4e;box-shadow:0 6px 16px rgba(33,107,78,.2)}.trout-btn:active{transform:scale(.92)}.trout-progress{flex:1;max-width:200px}.progress-bar{display:block;height:4px;background:#e0ece5;border-radius:10px;overflow:hidden}.progress-fill{display:block;height:100%;width:8%;background:#216b4e;border-radius:10px;transition:width .1s linear}
.trout-carousel-bottom{margin-top:50px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;color:#4b6b5d;font-size:.95rem}.bottom-dot{width:8px;height:8px;border-radius:50%;background:#216b4e;opacity:.6}.bottom-dot.gold{background:#c9a24b}.bottom-line{flex:1;max-width:100px;height:1px;background:#bcd9ca}
@media(max-width:768px){.trout-carousel-section{padding:50px 0}.trout-carousel-card{flex-basis:220px;padding:20px 15px}.card-icon{width:70px;height:70px}.card-icon img{width:45px;height:45px}.trout-carousel-head h2{font-size:1.8rem}.trout-carousel-track{gap:14px;padding:0 14px}}
@media(max-width:480px){.trout-carousel-card{flex-basis:85vw}.trout-carousel-controls{gap:14px}.trout-carousel-bottom{margin-top:35px;font-size:.85rem}}

/* =========================================================
   HOMEPAGE V6 — compact navigation search + 10-card trout grid
   ========================================================= */
.home-top-nav-inner{
  display:grid!important;
  grid-template-columns:minmax(230px,auto) minmax(240px,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
}
.home-nav-search{
  min-width:0;
  position:relative;
  z-index:110;
}
.home-nav-search .search-wrap{
  position:relative;
  width:100%;
}
.home-nav-search .input{
  height:46px!important;
  width:100%!important;
  padding:0 44px 0 16px!important;
  border-radius:14px!important;
  border:1px solid #dbe5df!important;
  background:rgba(248,251,249,.96)!important;
  box-shadow:0 8px 24px rgba(18,59,45,.08)!important;
  font-size:13px!important;
  transition:.25s ease!important;
}
.home-nav-search .input:focus{
  border-color:#7cae97!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(33,107,78,.10),0 12px 28px rgba(18,59,45,.10)!important;
}
.home-nav-search-icon{
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-52%);
  font-size:25px;
  line-height:1;
  color:#216b4e;
  z-index:2;
  pointer-events:none;
}
.home-nav-search .search-results{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  left:0!important;
  max-height:360px!important;
  overflow:auto!important;
  border-radius:16px!important;
  box-shadow:0 20px 50px rgba(0,0,0,.16)!important;
  background:#fff!important;
  z-index:1000!important;
}
.home-nav-search .search-results:not([hidden]){
  display:block!important;
}
/* Ten cards: all ten are present in a clean responsive grid, no hidden carousel movement. */
.trout-carousel-section{
  padding:24px 0 58px!important;
}
.trout-carousel-head{
  margin-bottom:28px!important;
}
.trout-carousel-viewport{
  overflow:visible!important;
  padding:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.trout-carousel-track{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  padding:0!important;
  transform:none!important;
}
.trout-carousel-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
  min-height:235px!important;
  padding:20px 14px!important;
  border-radius:20px!important;
  box-shadow:0 10px 28px rgba(18,59,45,.08)!important;
}
.trout-carousel-card .card-icon{
  width:58px!important;
  height:58px!important;
  margin-bottom:10px!important;
}
.trout-carousel-card .card-icon img{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
}
.trout-carousel-card .card-content h3{
  font-size:15px!important;
  line-height:1.7!important;
  margin:8px 0 5px!important;
}
.trout-carousel-card .card-content p{
  font-size:11px!important;
  line-height:1.8!important;
  margin:0!important;
}
.trout-carousel-controls,
.trout-carousel-bottom{
  display:none!important;
}
/* Exactly two statistics cards get equal premium space. */
.stats-showcase{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  max-width:780px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  gap:22px!important;
}
.stats-section{
  padding-top:34px!important;
  padding-bottom:48px!important;
}
.stats-showcase .stat-showcase-card{
  min-height:150px!important;
  border-radius:24px!important;
}
@media(max-width:1050px){
  .home-top-nav-inner{
    grid-template-columns:minmax(190px,auto) minmax(200px,1fr) auto!important;
    gap:10px!important;
  }
  .home-top-btn{padding-left:11px!important;padding-right:11px!important}
  .trout-carousel-track{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .trout-carousel-card{min-height:220px!important}
}
@media(max-width:760px){
  .home-top-nav-inner{
    grid-template-columns:1fr auto!important;
    grid-template-areas:
      "brand actions"
      "search search"!important;
    gap:9px 10px!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
    height:auto!important;
  }
  .home-brand{grid-area:brand!important;min-width:0!important}
  .home-top-actions{grid-area:actions!important;width:auto!important;justify-content:flex-end!important;overflow:visible!important}
  .home-nav-search{grid-area:search!important}
  .home-nav-search .input{height:42px!important}
  .trout-carousel-track{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .trout-carousel-card{
    min-height:205px!important;
    padding:16px 10px!important;
  }
  .trout-carousel-card .card-content p{display:none!important}
  .stats-showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
}
@media(max-width:430px){
  .home-top-nav-inner{grid-template-columns:1fr auto!important}
  .home-brand .brand-tagline{display:none!important}
  .trout-carousel-card{min-height:175px!important}
  .trout-carousel-card .card-icon,.trout-carousel-card .card-icon img{width:48px!important;height:48px!important}
  .trout-carousel-card .card-content h3{font-size:13px!important}
  .stats-showcase .stat-showcase-card{min-height:135px!important;padding:18px 10px!important}
}

/* HOMEPAGE V8 — header order, external search icon and topic cards */
.home-top-nav-inner{
  display:grid!important;
  grid-template-columns:auto minmax(260px,1fr) auto!important;
  grid-template-areas:"actions search brand"!important;
  align-items:center!important;
  gap:18px!important;
}
.home-top-actions{grid-area:actions!important;justify-content:flex-start!important;}
.home-nav-search{grid-area:search!important;min-width:0!important;}
.home-brand{grid-area:brand!important;justify-self:end!important;}
.home-nav-search .search-wrap{padding-right:42px!important;}
.home-nav-search .input{padding:0 16px!important;height:46px!important;}
.home-nav-search-icon{
  right:0!important;
  width:34px!important;height:34px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;
  background:#17654f!important;color:#fff!important;
  font-size:23px!important;
  box-shadow:0 7px 18px rgba(23,101,79,.22)!important;
}
.home-nav-search .input::placeholder{color:#7a8b84!important;opacity:1!important}
.home-topic-cards{padding:10px 0 52px!important;}
.home-topic-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;}
.home-topic-card{
  min-width:0!important;min-height:118px!important;
  display:flex!important;align-items:center!important;gap:11px!important;
  padding:16px 14px!important;border-radius:21px!important;
  text-decoration:none!important;color:#173c2d!important;
  background:linear-gradient(145deg,#fff,#f2f8f5)!important;
  border:1px solid #dbe9e2!important;
  box-shadow:0 12px 30px rgba(18,59,45,.08)!important;
  position:relative!important;overflow:hidden!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.home-topic-card:before{content:"";position:absolute;right:-30px;bottom:-38px;width:95px;height:95px;border-radius:50%;background:rgba(216,179,93,.13);pointer-events:none}
.home-topic-card:hover{transform:translateY(-6px)!important;box-shadow:0 20px 42px rgba(18,59,45,.14)!important;border-color:#b9d8c8!important}
.home-topic-card .topic-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;background:#e6f4ec;border:1px solid #cfe5d9;font-size:25px;position:relative;z-index:1}
.home-topic-card>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}
.home-topic-card b{font-size:14px;line-height:1.55}
.home-topic-card small{font-size:10px;line-height:1.7;color:#6c7e75}
.home-topic-card em{margin-right:auto;font-style:normal;color:#17654f;font-size:18px;position:relative;z-index:1}
@media(max-width:1050px){
 .home-top-nav-inner{grid-template-columns:auto minmax(180px,1fr) auto!important;gap:10px!important}
 .home-top-btn{padding-left:10px!important;padding-right:10px!important}
 .home-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
 .home-top-nav-inner{grid-template-columns:1fr auto!important;grid-template-areas:"brand actions" "search search"!important;gap:9px 10px!important;padding-top:9px!important;padding-bottom:9px!important;height:auto!important}
 .home-brand{justify-self:start!important}
 .home-top-actions{justify-content:flex-end!important;width:auto!important}
 .home-nav-search{width:100%!important}
 .home-nav-search .input{height:42px!important}
 .home-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .home-topic-card{min-height:105px!important;padding:13px 10px!important}
 .home-topic-card small{display:none!important}
}
@media(max-width:430px){
 .home-topic-card{min-height:92px!important;border-radius:17px!important}
 .home-topic-card .topic-icon{width:42px;height:42px;flex-basis:42px;font-size:21px}
 .home-topic-card b{font-size:12px}
}

/* Final search adjustment: remove heading and make the search field substantially longer (height unchanged). */
.search-wrap:before{content:none!important;display:none!important}
.home-nav-search{min-width:0!important;width:100%!important}
.home-nav-search .search-wrap{width:100%!important;max-width:none!important;margin:0!important}
.home-nav-search .input{width:100%!important;height:46px!important}
@media(max-width:760px){
  .home-nav-search .search-wrap{width:100%!important}
  .home-nav-search .input{height:42px!important}
}

/* HOMEPAGE V10 — exact desktop header layout from reference image
   Left: logo | Center: search | Right: action buttons */
@media(min-width:761px){
  .home-top-nav-inner{
    display:grid!important;
    grid-template-columns:auto minmax(420px,1fr) auto!important;
    grid-template-areas:"brand search actions"!important;
    align-items:center!important;
    gap:20px!important;
    width:min(1500px,96%)!important;
    margin:0 auto!important;
  }
  .home-brand{
    grid-area:brand!important;
    justify-self:start!important;
    order:0!important;
    min-width:max-content!important;
  }
  .home-nav-search{
    grid-area:search!important;
    width:100%!important;
    min-width:0!important;
    order:0!important;
  }
  .home-top-actions{
    grid-area:actions!important;
    justify-content:flex-end!important;
    width:auto!important;
    order:0!important;
    flex-wrap:nowrap!important;
  }
  .home-nav-search .search-wrap{
    width:100%!important;
    margin:0!important;
    padding-right:42px!important;
  }
  .home-nav-search .input{
    width:100%!important;
    height:46px!important;
    margin:0!important;
  }
  .home-nav-search-icon{
    right:0!important;
    left:auto!important;
  }
}

/* ==========================================================================
   HOMEPAGE V12 — Quick-access cards under the hero banner
   (لوکیشن ما / رزرو سوئیت / سفارش غذا / مشارکت مردم / گالری زنده)
   A fresh, self-contained component — new classes, no dependency on the
   older .feature-strip / .feature-mini rules — so nothing else on the page
   is affected.
   ========================================================================== */
.below-menu-row{
  position:relative;
  z-index:5;
  padding:6px 0 10px;
}
.below-menu-row .container{ width:min(1320px,94%); }
.below-menu-track{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}
.below-menu-item{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 16px;
  border-radius:999px;
  background:#fff;
  border:1px solid #eef1ea;
  color:var(--ink,#17251f);
  text-decoration:none;
  font-size:13px;
  font-weight:700;
  box-shadow:0 8px 18px rgba(13,44,34,.08);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;
}
.below-menu-item:hover{
  transform:translateY(-2px);
  background:#17654f;
  color:#fff;
  box-shadow:0 12px 24px rgba(13,44,34,.18);
}
.below-menu-icon{ font-size:15px; line-height:1; }
@media(max-width:560px){
  .below-menu-track{ flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start; padding-bottom:4px; scrollbar-width:none; }
  .below-menu-track::-webkit-scrollbar{ display:none; }
  .below-menu-item{ flex:0 0 auto; }
}
.home-quickcards{
  position:relative;
  z-index:6;
  margin-top:-46px;
  padding:0 0 18px;
}.home-quickcards .container{
  width:min(1320px,94%);
}
.home-quickcards-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:18px;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(18,59,45,.06);
  border-radius:26px;
  padding:16px;
  box-shadow:0 30px 70px rgba(13,44,34,.16);
}
.home-quickcard-image-only{
  padding:0;
  height:92px;
  min-height:92px;
  max-height:92px;
  overflow:hidden;
}
.home-quickcard-image-only img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.home-quickcard{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 16px;
  border-radius:19px;
  background:linear-gradient(180deg,#ffffff,#fbfaf6);
  border:1px solid #eef1ea;
  text-decoration:none;
  color:var(--ink,#17251f);
  overflow:hidden;
  isolation:isolate;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease;
}
.home-quickcard:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:0;
  background:linear-gradient(135deg,rgba(23,101,79,.07),rgba(217,174,88,.10));
  transition:opacity .28s ease;
}
.home-quickcard:hover{
  transform:translateY(-6px);
  border-color:rgba(23,101,79,.22);
  box-shadow:0 20px 40px rgba(13,44,34,.14);
}
.home-quickcard:hover:before{ opacity:1; }
.home-quickcard:hover .home-quickcard-icon{ transform:rotate(-6deg) scale(1.06); }
.home-quickcard:hover .home-quickcard-arrow{
  background:#17654f;
  color:#fff;
  transform:translateX(-3px);
}
.home-quickcard-icon{
  flex:0 0 54px;
  width:54px;height:54px;
  display:grid;place-items:center;
  border-radius:16px;
  font-size:25px;
  color:#fff;
  background:linear-gradient(150deg,#1c7a5e,#0d3d2f);
  box-shadow:0 10px 22px rgba(13,68,52,.28), inset 0 1px 0 rgba(255,255,255,.18);
  transition:transform .3s cubic-bezier(.2,.8,.2,1);
}
.home-quickcard:nth-child(2) .home-quickcard-icon{ background:linear-gradient(150deg,#e5b45f,#b8842f); box-shadow:0 10px 22px rgba(170,124,40,.30), inset 0 1px 0 rgba(255,255,255,.25); }
.home-quickcard:nth-child(3) .home-quickcard-icon{ background:linear-gradient(150deg,#e2793f,#a94f22); box-shadow:0 10px 22px rgba(169,79,34,.28), inset 0 1px 0 rgba(255,255,255,.2); }
.home-quickcard:nth-child(4) .home-quickcard-icon{ background:linear-gradient(150deg,#2f8a63,#123b2d); box-shadow:0 10px 22px rgba(18,59,45,.30), inset 0 1px 0 rgba(255,255,255,.2); }
.home-quickcard:nth-child(5) .home-quickcard-icon{ background:linear-gradient(150deg,#4a6fa5,#26406b); box-shadow:0 10px 22px rgba(38,64,107,.30), inset 0 1px 0 rgba(255,255,255,.2); }
.home-quickcard-body{ min-width:0; display:flex; flex-direction:column; gap:4px; }
.home-quickcard-body b{ font-size:14.5px; font-weight:800; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.home-quickcard-body small{ font-size:11.5px; color:var(--muted,#6c7972); line-height:1.6; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.home-quickcard-arrow{
  margin-right:auto;
  flex:0 0 30px;width:30px;height:30px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#eef4f0;
  color:#17654f;
  transform:scaleX(-1);
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.home-quickcard:hover .home-quickcard-arrow{ transform:scaleX(-1) translateX(3px); }

@media(max-width:1180px){
  .home-quickcards-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:900px){
  .home-quickcards{ margin-top:-30px; padding-bottom:36px; }
  .home-quickcards-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); border-radius:22px; padding:12px; gap:12px; }
  .home-quickcard{ padding:14px; border-radius:16px; }
  .home-quickcard-icon{ width:48px;height:48px;flex-basis:48px;font-size:21px;border-radius:14px; }
  .home-quickcard-body b{ font-size:13.5px; }
  .home-quickcard-image-only{ height:78px; min-height:78px; max-height:78px; }
}
@media(max-width:560px){
  .home-quickcards{ margin-top:-20px; padding-bottom:26px; }
  .home-quickcards .container{ width:100%; padding:0 12px; }
  .home-quickcards-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    overflow:visible;
    scroll-snap-type:none;
    -webkit-overflow-scrolling:auto;
    scrollbar-width:auto;
    border-radius:20px;
    gap:10px;
    padding:12px;
  }
  .home-quickcard{
    scroll-snap-align:none;
    flex:initial;
  }
  .home-quickcard-body small{ white-space:normal; }
  .home-quickcard-image-only{ height:82px; min-height:82px; max-height:82px; flex:initial; }
}

/* Injected "ادامه مطلب" cards — home-trout & home-topic quickcards that carry their own
   full text/image instead of linking straight to another page. Clicking the button opens
   a second card nested right inside the same card (shown as a centered overlay so long
   text never breaks the surrounding grid). */
.home-quickcard-injected{
  flex-direction:column;
  align-items:stretch;
  padding:0;
  cursor:default;
}
.home-quickcard-injected .qc-summary{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px;
}
.home-quickcard-more{
  margin-right:auto;
  display:flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  border:none;
  background:#eef4f0;
  color:#17654f;
  font:inherit;
  font-size:12.5px;
  font-weight:700;
  padding:8px 12px;
  border-radius:999px;
  cursor:pointer;
  transition:background .25s ease,color .25s ease;
}
.home-quickcard-more:hover{ background:#17654f; color:#fff; }
.home-quickcard-more svg{ transform:scaleX(-1); flex:0 0 auto; }
.qc-detail{
  position:fixed;
  inset:0;
  z-index:2200;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(13,26,21,.6);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
.qc-detail[hidden]{ display:none; }
.qc-detail-card{
  position:relative;
  width:min(560px,100%);
  max-height:86vh;
  overflow-y:auto;
  background:#fff;
  border-radius:22px;
  padding:26px 24px 28px;
  box-shadow:0 30px 70px rgba(13,44,34,.35);
  text-align:center;
}
.qc-detail-close{
  position:absolute;
  top:12px;
  left:12px;
  width:32px;height:32px;
  border:none;
  border-radius:50%;
  background:#eef4f0;
  color:#17654f;
  font-size:15px;
  cursor:pointer;
  display:grid;place-items:center;
}
.qc-detail-close:hover{ background:#17654f; color:#fff; }
.qc-detail-image{
  width:100%;
  max-height:220px;
  object-fit:cover;
  border-radius:16px;
  margin-bottom:14px;
}
.qc-detail-icon{ font-size:34px; margin-bottom:6px; }
.qc-detail-card h4{ margin:0 0 12px; font-size:19px; font-weight:800; }
.qc-detail-text{ text-align:right; font-size:14.5px; line-height:2; color:var(--ink,#17251f); }
body.qc-modal-open{ overflow:hidden; }
@media(max-width:560px){
  .home-quickcard-injected .qc-summary{ padding:14px; }
  .qc-detail{ padding:12px; }
  .qc-detail-card{ padding:20px 16px 22px; }
}

/* HOMEPAGE V11 — FINAL FIX: buttons on the right, search bar stretched to
   fill all remaining space, logo pinned to the far left corner, all on one line.
   Uses flexbox (not grid) so DOM order (actions -> search -> brand) maps
   directly to the visual right-to-left order in this RTL page. */
@media(min-width:761px){
  .home-top-nav .home-top-nav-inner{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:22px!important;
    width:min(1500px,96%)!important;
    margin:0 auto!important;
  }
  .home-top-nav .home-top-actions{
    order:0!important;
    flex:0 0 auto!important;
    justify-content:flex-start!important;
    white-space:nowrap!important;
  }
  .home-top-nav .home-nav-search{
    order:0!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
  }
  .home-top-nav .home-nav-search .search-wrap{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  .home-top-nav .home-nav-search .input{
    width:100%!important;
  }
  .home-top-nav .home-brand{
    order:0!important;
    flex:0 0 auto!important;
    min-width:max-content!important;
    margin-inline-start:0!important;
    justify-self:auto!important;
  }
}

/* ==========================================================================
   HOMEPAGE V13 — refined card design for "دانشنامه قزل‌آلا"
   Same markup/classes as before (trout-carousel-*), just a more premium
   surface: soft top accent on hover, badge redone as a small numbered
   chip, icon in a duotone circle, and a proper pill-style "مشاهده" button
   pinned to the bottom of every card so all five columns line up evenly.
   ========================================================================== */
.trout-carousel-section{
  background:linear-gradient(180deg,#fbfcfa 0%,#eef6f1 100%)!important;
}
.trout-carousel-label{
  background:rgba(23,101,79,.09)!important;
  border:1px solid rgba(23,101,79,.14)!important;
}
.trout-carousel-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#ffffff,#fbfaf6)!important;
  border:1px solid #e9f1ec!important;
  box-shadow:0 12px 28px rgba(18,59,45,.07)!important;
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease!important;
}
.trout-carousel-card:after{
  content:"";
  position:absolute; top:0; right:0; left:0; height:4px;
  border-radius:22px 22px 0 0;
  background:linear-gradient(90deg,#17654f,#d9ae58);
  opacity:0;
  transition:opacity .32s ease;
}
.trout-carousel-card:hover{
  transform:translateY(-8px)!important;
  box-shadow:0 24px 46px rgba(18,59,45,.16)!important;
  border-color:rgba(23,101,79,.24)!important;
}
.trout-carousel-card:hover:after{ opacity:1; }
.card-step-number{
  top:12px!important;
  right:14px!important;
  left:auto!important;
  width:24px;height:24px;
  display:grid!important;
  place-items:center;
  padding:0!important;
  background:#123b2d!important;
  color:#fff!important;
  font-size:10.5px!important;
  box-shadow:0 6px 14px rgba(18,59,45,.28)!important;
}
.trout-carousel-card .card-icon{
  background:linear-gradient(150deg,#eef6f1,#e0efe6)!important;
  border:1px solid #d9eadf!important;
  box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(18,59,45,.09)!important;
  transition:transform .32s cubic-bezier(.2,.8,.2,1)!important;
}
.trout-carousel-card:hover .card-icon{
  transform:scale(1.08) rotate(-4deg)!important;
}
.trout-carousel-card .card-content{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  flex:1 1 auto!important;
}
.trout-carousel-card .card-content h3{
  color:#123b2d!important;
  font-weight:800!important;
}
.trout-carousel-card .card-content p{
  color:#6c7f75!important;
}
.card-link{
  margin-top:auto!important;
  background:#eef4f0!important;
  color:#17654f!important;
  padding:8px 16px!important;
  border-radius:999px!important;
  font-weight:800!important;
  transition:background .25s ease,color .25s ease,transform .25s ease!important;
}
.card-link svg{ transform:scaleX(-1); transition:transform .25s ease; }
.card-link:hover{
  background:#17654f!important;
  color:#fff!important;
  gap:6px!important;
}
.card-link:hover svg{ transform:scaleX(-1) translateX(3px); }
/* Distinct duotone icon backgrounds per column, echoing the quick-access
   cards above so the whole homepage reads as one cohesive palette. */
.trout-carousel-card:nth-child(5n+2) .card-icon{ background:linear-gradient(150deg,#faf1de,#f0ddb0)!important; }
.trout-carousel-card:nth-child(5n+3) .card-icon{ background:linear-gradient(150deg,#fbe9df,#f3cdb6)!important; }
.trout-carousel-card:nth-child(5n+4) .card-icon{ background:linear-gradient(150deg,#e3f2ea,#c7e6d5)!important; }
.trout-carousel-card:nth-child(5n+5) .card-icon{ background:linear-gradient(150deg,#e7edf7,#c9d7ee)!important; }
@media(max-width:760px){
  .card-step-number{ width:20px;height:20px;font-size:9.5px!important; }
}


/* ==========================================================================
   HOMEPAGE V15 — statistics as ONE compact, attached bar
   Moved (in index.php) to sit right below the quick-access cards and above
   "دانشنامه قزل‌آلا". Same markup/classes as before — only the layout
   changes: instead of separate boxes, every stat (including "عضو سایت")
   now lives inside a single rounded bar as small attached chips, with the
   "بازدید" combo stretching to fill the rest. No admin/PHP changes needed.
   Selectors are prefixed with ".stats-section .stats-showcase" to match
   (or exceed) the specificity of the older rules earlier in this file.
   ========================================================================== */
.stats-section{
  position:relative!important;
  z-index:5!important;
  padding:8px 0 16px!important;
}
.stats-section .stats-showcase{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  gap:12px!important;
  grid-template-columns:none!important;
  background:linear-gradient(120deg,#123b2d 0%,#17654f 55%,#1c7a5e 100%)!important;
  border-radius:22px!important;
  box-shadow:0 18px 40px rgba(13,44,34,.22)!important;
  padding:14px 18px!important;
  overflow:hidden!important;
  transition:box-shadow .3s ease,transform .3s ease!important;
}
.stats-section .stats-showcase:hover{
  box-shadow:0 22px 46px rgba(13,44,34,.28)!important;
}

/* ---- small attached chip: every plain stat (posts / attractions / members…) ---- */
.stats-section .stats-showcase .stat-showcase-card{
  grid-column:auto!important;
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 18px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  text-align:right!important;
  position:relative!important;
  overflow:visible!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.1)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:none!important;
  animation:none!important;
  transition:background .25s ease,transform .25s ease!important;
}
.stats-section .stats-showcase .stat-showcase-card:before{ display:none!important; }
.stats-section .stats-showcase .stat-showcase-card:hover{
  transform:translateY(-3px)!important;
  background:rgba(255,255,255,.16)!important;
  box-shadow:none!important;
  border-color:rgba(255,255,255,.3)!important;
}
.stats-section .stats-showcase .stat-showcase-card .stat-icon{
  width:38px!important; height:38px!important; flex:0 0 38px!important;
  margin:0!important;
  border-radius:11px!important;
  display:grid!important; place-items:center!important;
  background:rgba(255,255,255,.16)!important;
  color:#f2d29a!important;
  border:none!important;
  box-shadow:none!important;
  position:relative!important; z-index:1!important;
  transition:transform .25s ease!important;
}
.stats-section .stats-showcase .stat-showcase-card:hover .stat-icon{ transform:scale(1.08)!important; }
.stats-section .stats-showcase .stat-showcase-card .stat-icon svg{
  width:21px!important; height:21px!important;
  fill:none!important; stroke:currentColor!important; stroke-width:1.9!important;
  stroke-linecap:round!important; stroke-linejoin:round!important;
}
.stats-section .stats-showcase .stat-showcase-card:not(.stat-showcase-combo){
  flex-direction:row-reverse!important;
}
.stats-section .stats-showcase .stat-showcase-card:not(.stat-showcase-combo) > b{
  font-size:21px!important; line-height:1!important;
  color:#fff!important; font-weight:900!important;
  position:relative!important; z-index:1!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
.stats-section .stats-showcase .stat-showcase-card:not(.stat-showcase-combo) > span:last-child{
  display:block!important; margin-top:2px!important;
  color:rgba(255,255,255,.72)!important; font-size:11px!important; font-weight:700!important;
  position:relative!important; z-index:1!important;
  white-space:nowrap!important;
}

/* ---- the "بازدید" combo: transparent, fills all remaining width ---- */
.stats-section .stats-showcase .stat-showcase-card.stat-showcase-combo{
  grid-column:auto!important;
  flex:1 1 320px!important;
  height:auto!important; min-height:0!important;
  padding:8px 8px 8px 4px!important;
  display:block!important;
  text-align:right!important;
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.stats-section .stats-showcase .stat-showcase-card.stat-showcase-combo:hover{
  transform:none!important;
  background:transparent!important;
  border-color:transparent!important;
}
.stats-section .stat-showcase-combo .visit-card-pro{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:16px!important;
  width:100%!important;
  height:auto!important;
  color:#fff!important;
}
.stats-section .stat-showcase-combo .visit-card-pro-head{
  display:flex!important; align-items:center!important; gap:10px!important;
  flex:0 0 auto!important; margin:0!important;
  padding-right:16px!important;
  border-right:1px solid rgba(255,255,255,.16)!important;
}
.stats-section .stat-showcase-combo .visit-card-pro-icon{
  width:40px!important; height:40px!important; flex:0 0 40px!important;
  border-radius:13px!important;
  display:grid!important; place-items:center!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#d9ae58!important;
}
.stats-section .stat-showcase-combo .visit-card-pro-icon svg{ width:22px!important; height:22px!important; }
.stats-section .stat-showcase-combo .visit-card-pro-title{ color:#fff!important; font-size:14.5px!important; font-weight:900!important; }
.stats-section .stat-showcase-combo .visit-card-pro-head small{ display:none!important; }
.stats-section .stat-showcase-combo .visit-card-pro-metrics{
  display:flex!important; gap:8px!important; flex:1 1 220px!important;
  direction:rtl!important; min-height:0!important; width:auto!important;
}
.stats-section .stat-showcase-combo .visit-card-pro-metric{
  flex:1 1 0!important; min-width:64px!important;
  background:rgba(255,255,255,.1)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:13px!important;
  padding:7px 6px!important;
  text-align:center!important;
  box-shadow:none!important;
}
.stats-section .stat-showcase-combo .visit-card-pro-metric strong{ color:#fff!important; font-size:19px!important; font-weight:900!important; }
.stats-section .stat-showcase-combo .visit-card-pro-metric span{ color:rgba(255,255,255,.68)!important; font-size:10.5px!important; font-weight:700!important; }
.stats-section .stat-showcase-combo .visit-card-pro-total{
  display:flex!important; align-items:center!important; gap:12px!important;
  flex:0 0 auto!important; margin:0!important;
  background:rgba(217,174,88,.16)!important;
  border:1px solid rgba(217,174,88,.4)!important;
  border-radius:13px!important;
  padding:8px 14px!important;
}
.stats-section .stat-showcase-combo .visit-total-copy{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:1px!important; }
.stats-section .stat-showcase-combo .visit-total-copy span{ color:rgba(255,255,255,.72)!important; font-size:10px!important; font-weight:700!important; }
.stats-section .stat-showcase-combo .visit-total-copy strong{ color:#f2d29a!important; font-size:17px!important; font-weight:900!important; }
.stats-section .stat-showcase-combo .visit-mini-chart{ height:26px!important; min-width:72px!important; gap:3px!important; }
.stats-section .stat-showcase-combo .visit-mini-chart i{ background:linear-gradient(to top,#d9ae58,#f2d29a)!important; opacity:.9!important; }

@media(max-width:900px){
  .stats-section .stats-showcase{ padding:12px 14px!important; gap:10px!important; }
  .stats-section .stats-showcase .stat-showcase-card:not(.stat-showcase-combo){ padding:9px 14px!important; }
  .stats-section .stats-showcase .stat-showcase-card.stat-showcase-combo{ flex-basis:100%!important; order:5!important; padding:10px 0 0!important; }
  .stats-section .stat-showcase-combo .visit-card-pro{ gap:10px!important; flex-wrap:wrap!important; }
  .stats-section .stat-showcase-combo .visit-card-pro-head{ flex-basis:100%!important; border-right:none!important; padding-right:0!important; border-bottom:1px solid rgba(255,255,255,.14)!important; padding-bottom:8px!important; }
}
@media(max-width:560px){
  .stats-section .stats-showcase{ border-radius:18px!important; padding:10px 12px!important; }
  .stats-section .stats-showcase .stat-showcase-card:not(.stat-showcase-combo){ padding:8px 12px!important; gap:8px!important; }
  .stats-section .stats-showcase .stat-showcase-card .stat-icon{ width:32px!important; height:32px!important; flex-basis:32px!important; border-radius:9px!important; }
  .stats-section .stats-showcase .stat-showcase-card .stat-icon svg{ width:18px!important; height:18px!important; }
  .stats-section .stats-showcase .stat-showcase-card:not(.stat-showcase-combo) > b{ font-size:17px!important; }
  .stats-section .stats-showcase .stat-showcase-card:not(.stat-showcase-combo) > span:last-child{ font-size:9.5px!important; }
  .stats-section .stat-showcase-combo .visit-card-pro-metric strong{ font-size:16px!important; }
  .stats-section .stat-showcase-combo .visit-total-copy strong{ font-size:15px!important; }
}


/* V11 — editable below-banner navigation cards */
.homepage-below-cards .below-menu-track{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;overflow:visible!important;padding:4px 0 14px}
.homepage-below-cards .below-menu-item{min-height:108px!important;border-radius:20px!important;padding:16px 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(190,215,202,.8)!important;box-shadow:0 10px 28px rgba(18,59,45,.09)!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.homepage-below-cards .below-menu-item:hover{transform:translateY(-6px) scale(1.03)!important;box-shadow:0 18px 36px rgba(18,59,45,.14)!important;border-color:#b9d8c8!important}
.homepage-below-cards .below-menu-icon{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border-radius:15px!important;background:#e6f4ec!important;font-size:24px!important;flex:0 0 48px!important}
@media(max-width:900px){.homepage-below-cards .below-menu-track{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.homepage-below-cards .below-menu-track{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:10px}.homepage-below-cards .below-menu-item{min-width:185px!important;scroll-snap-align:start}}
/* Member profile photos in admin messages */
.cm-avatar-photo{overflow:hidden;padding:0;display:grid;place-items:center}.cm-avatar-photo img{width:100%;height:100%;object-fit:cover;display:block}.cm-attachment{display:block;margin-top:10px;max-width:260px;border-radius:16px;overflow:hidden;border:1px solid #dfeae5;background:#fff}.cm-attachment img{display:block;width:100%;max-height:220px;object-fit:cover}
.post-author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-left:5px}

/* Daily page V12 — modern responsive detail */
.daily-detail{overflow:hidden!important;background:linear-gradient(180deg,#ffffff 0%,#fbfdfb 100%);border:1px solid #e2ece5;box-shadow:0 24px 70px rgba(13,73,56,.12)!important}
.daily-cover-wrap{position:relative;background:linear-gradient(135deg,#dfeee5,#f8faf8);padding:0;overflow:hidden}
.daily-cover{width:100%!important;height:clamp(220px,38vw,430px)!important;max-height:430px!important;object-fit:cover!important;display:block!important;border-radius:0!important}
.daily-cover-wrap:after{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(transparent,rgba(10,45,34,.18));pointer-events:none}
.daily-detail .detail-body{padding:32px 36px 38px!important}
.daily-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.daily-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0d4938,#17694e);color:#fff;padding:8px 13px;border-radius:999px;font-size:13px;font-weight:900;box-shadow:0 8px 20px rgba(13,73,56,.16)}
.daily-date{font-size:12px;font-weight:800;color:#708078;background:#f0f5f2;border:1px solid #dfe9e3;border-radius:999px;padding:8px 12px}
.daily-detail h1{font-size:clamp(1.8rem,4vw,3.4rem)!important;line-height:1.35!important;color:#123b2d;margin:10px 0 18px!important}
.daily-summary{max-width:none!important;background:linear-gradient(135deg,#f0f7f2,#fff);border-right:4px solid #d9ae58;padding:17px 19px!important;border-radius:16px;color:#40564d!important;line-height:2!important;margin:0 0 24px!important}
.daily-rich-text{font-size:16px;line-height:2.25;color:#293d36;background:#fff;border:1px solid #e6eee9;border-radius:18px;padding:22px 24px;box-shadow:0 8px 25px rgba(18,59,45,.05)}
@media(max-width:600px){.daily-detail .detail-body{padding:22px 16px 24px!important}.daily-cover{height:220px!important;max-height:220px!important;object-fit:cover!important}.daily-topline{align-items:flex-start}.daily-date{font-size:11px;padding:7px 10px}.daily-detail h1{font-size:1.75rem!important;line-height:1.5!important}.daily-summary{font-size:14px;padding:14px 15px!important}.daily-rich-text{font-size:14px;line-height:2.1;padding:16px 15px;border-radius:15px}.daily-badge{font-size:12px;padding:7px 11px}}