/* نبراس — کارت سفر */

.ntc-grid{
	display:grid;
	grid-template-columns:repeat(var(--ntc-cols,2),1fr);
	gap:var(--ntc-gap,18px);
	align-items:stretch;
}

.ntc-card{
	display:flex;
	gap:var(--ntc-inner-gap,14px);
	background:var(--ntc-bg,#fff);
	border:1px solid var(--ntc-border,rgba(127,127,127,.16));
	border-radius:var(--ntc-radius,10px);
	overflow:hidden;
	height:100%;
}

.ntc-media{flex:0 0 auto;width:var(--ntc-media-w,200px);position:relative;display:block;overflow:hidden}
.ntc-media img{width:100%;height:100%;object-fit:var(--ntc-img-fit,cover);object-position:var(--ntc-img-pos,50% 50%);display:block}

/* کارت بی‌جان به نظر می‌رسید: عکس با نزدیک‌شدن نشانگر کمی جلو می‌آید و روشن‌تر می‌شود */
.ntc-media img{
	transition:transform .5s cubic-bezier(.2,.65,.2,1),filter .35s ease;
	will-change:transform;
}
.ntc-card:hover .ntc-media img,
.ntc-card:focus-within .ntc-media img{transform:scale(1.05);filter:brightness(1.06)}

.ntc-card{transition:border-color .25s ease,box-shadow .25s ease}
.ntc-card:hover,
.ntc-card:focus-within{
	border-color:var(--ntc-border-hover,rgba(127,127,127,.3));
	box-shadow:0 6px 20px rgba(0,0,0,.07);
}

/* کاروان تمام‌شده: عکس خاکستری می‌شود و فقط زیر نشانگر کمی رنگ برمی‌گردد */
.ntc-card--dim .ntc-media img{filter:grayscale(1) brightness(1.02)}
.ntc-card--dim:hover .ntc-media img,
.ntc-card--dim:focus-within .ntc-media img{filter:grayscale(.5) brightness(1.04)}

@media(prefers-reduced-motion:reduce){
	.ntc-media img,.ntc-card{transition:none}
	.ntc-card:hover .ntc-media img,
	.ntc-card:focus-within .ntc-media img{transform:none}
}

.ntc-body{
	flex:1 1 auto;min-width:0;
	display:flex;flex-direction:column;
	padding:12px 14px;
}

.ntc-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.ntc-title{margin:0;font-size:var(--ntc-title-size,16px);font-weight:600;line-height:1.6}
.ntc-title a{color:var(--ntc-title-color,inherit);text-decoration:none}
.ntc-title a:hover{text-decoration:underline}

.ntc-stars{position:relative;display:inline-block;line-height:1;white-space:nowrap;font-size:var(--ntc-star-size,12px)}
.ntc-stars-bg{color:var(--ntc-star-empty,rgba(127,127,127,.25))}
.ntc-stars-fg{position:absolute;top:0;inset-inline-start:0;overflow:hidden;color:var(--ntc-star-color,#F5A623);white-space:nowrap}

/* the rows carry most of the weight, so they stay quiet: no dividers, light
   labels, normal-weight values, and only the price is emphasised */
.ntc-rows{display:flex;flex-direction:column;gap:1px}
.ntc-row{
	display:flex;align-items:baseline;gap:6px;
	margin:0;padding:1px 0;
	font-size:var(--ntc-row-size,.84em);
	line-height:1.75;
	color:var(--ntc-row-color,inherit);
}
.ntc-ico{flex:0 0 auto;opacity:.38;font-size:.92em;align-self:center}
.ntc-ico svg{width:1em;height:1em;display:block}
.ntc-label{opacity:.55;flex:0 0 auto}
.ntc-val{min-width:0;font-weight:400}

.ntc-price{margin-top:3px}
.ntc-price .ntc-val{font-weight:600}
.ntc-deadline .ntc-val{color:var(--ntc-deadline-color,inherit)}

.ntc-foot{margin-top:auto;padding-top:12px;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.ntc-card .ntc-btn{
	display:inline-flex;align-items:center;justify-content:center;
	padding:5px 15px;border-radius:6px;
	border:1px solid transparent;
	font-size:.82em;font-weight:500;line-height:1.9;
	text-decoration:none;white-space:nowrap;
	transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}

/* the details button stays a quiet outline so the register button keeps the eye */
.ntc-card .ntc-btn--ghost{
	background:var(--ntc-btn-bg,transparent);
	border-color:var(--ntc-btn-border,rgba(22,41,73,.26));
	color:var(--ntc-btn-color,var(--e-global-color-primary,#162949));
}
.ntc-card .ntc-btn--ghost:hover,.ntc-card .ntc-btn--ghost:focus{
	background:var(--ntc-btn-bg-hover,rgba(22,41,73,.06));
	border-color:var(--ntc-btn-color,var(--e-global-color-primary,#162949));
	color:var(--ntc-btn-color,var(--e-global-color-primary,#162949));
}

/* the one action we actually want taken */
.ntc-card .ntc-btn--solid{
	background:var(--ntc-btn2-bg,var(--e-global-color-primary,#162949));
	border-color:var(--ntc-btn2-bg,var(--e-global-color-primary,#162949));
	color:var(--ntc-btn2-color,#fff);
}
.ntc-card .ntc-btn--solid:hover,.ntc-card .ntc-btn--solid:focus{
	opacity:.86;
	color:var(--ntc-btn2-color,#fff);
}

.ntc-empty{padding:22px;text-align:center;opacity:.6;font-size:.9em}

@media(max-width:1024px){
	.ntc-grid{grid-template-columns:repeat(var(--ntc-cols-tablet,1),1fr)}
	.ntc-media{width:var(--ntc-media-w-tablet,170px)}
}
@media(max-width:600px){
	.ntc-grid{grid-template-columns:repeat(var(--ntc-cols-mobile,1),1fr)}
	.ntc-card{flex-direction:column;gap:0}
	.ntc-media{width:100%;height:170px}
	.ntc-foot{justify-content:stretch;flex-wrap:nowrap}
	.ntc-card .ntc-btn{flex:1 1 0;min-width:0}
}

/* ---------- جمع‌شدن گرید پشت «نمایش بیشتر» ---------- */
/* محو لبه با mask انجام می‌شود نه گرادیان رنگی، تا روی هر پس‌زمینه‌ای درست بیفتد */
/* is-ready را اسکریپت می‌گذارد؛ بدون جاوااسکریپت گرید کامل و بدون محو دیده می‌شود */
.ntc-collapse.is-ready .ntc-grid{
	overflow:hidden;
	transition:max-height .35s ease;
	-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 4em),transparent 100%);
	        mask-image:linear-gradient(to bottom,#000 calc(100% - 4em),transparent 100%);
}
.ntc-collapse.is-ready.is-open .ntc-grid{
	-webkit-mask-image:none;
	        mask-image:none;
}

/* قالب در reset.css برای هر button رنگ #c36 می‌گذارد و روی hover پس‌زمینه‌اش می‌کند،
   پس همهٔ حالت‌ها اینجا صریح تعریف شده‌اند */
.ntc-collapse button.ntc-rm-toggle,
.ntc-collapse button.ntc-rm-toggle:hover,
.ntc-collapse button.ntc-rm-toggle:focus,
.ntc-collapse button.ntc-rm-toggle:active{
	display:block;margin:14px auto 0;
	background:rgba(127,127,127,.18);
	color:inherit;border:0;border-radius:10px;
	padding:6px 18px;
	font:inherit;font-size:.9em;line-height:1.8;
	text-decoration:none;cursor:pointer;box-shadow:none;
	transition:background .2s ease;
}
.ntc-collapse button.ntc-rm-toggle:hover{background:rgba(127,127,127,.30)}
.ntc-collapse button.ntc-rm-toggle:focus-visible{outline:2px solid var(--ntc-btn2-bg,#162949);outline-offset:2px}

@media(prefers-reduced-motion:reduce){
	.ntc-collapse.is-ready .ntc-grid,
	.ntc-collapse button.ntc-rm-toggle{transition:none}
}

/* ================= چیدمان‌های شبکه‌ای و افقی ================= */

.ntc-badge-inline{
	font-size:12px;line-height:1.7;padding:1px 9px;border-radius:999px;
	background:rgba(22,41,73,.07);color:var(--e-global-color-primary,#162949);white-space:nowrap;
}

.ntc-card--grid .ntc-media,
.ntc-card--wide .ntc-media{background:var(--e-global-color-primary,#162949)}
.ntc-media-link{display:block;width:100%;height:100%}
/* عکس در این دو چیدمان هیچ‌وقت اندازهٔ جعبه را تعیین نمی‌کند؛ ارتفاع از aspect-ratio یا ردیف گرید می‌آید */
.ntc-card--grid .ntc-media-link,.ntc-card--wide .ntc-media-link{position:absolute;inset:0}
.ntc-card--grid .ntc-media-link img,.ntc-card--wide .ntc-media-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--ntc-img-fit,cover);object-position:var(--ntc-img-pos,50% 50%)}
.ntc-shade{
	position:absolute;inset:0;pointer-events:none;
	background:linear-gradient(to top,rgba(11,20,38,.9) 0%,rgba(11,20,38,.45) 42%,rgba(11,20,38,0) 72%);
}
.ntc-i{width:1em;height:1em;flex:0 0 auto;display:inline-block;vertical-align:-.14em}
.ntc-fa{display:inline-flex;flex:0 0 auto;font-size:.9em;line-height:1}
.ntc-fa svg{width:1em;height:1em;fill:currentColor}

/* برچسب‌های روی عکس */
.ntc-badge,.ntc-flag,.ntc-pill{
	position:absolute;top:12px;z-index:2;pointer-events:none;
	font-size:12.5px;font-weight:600;line-height:1.7;padding:2px 10px;border-radius:999px;white-space:nowrap;
}
.ntc-badge{inset-inline-start:12px;background:var(--e-global-color-secondary,#FFD9A0);color:var(--e-global-color-primary,#162949)}
.ntc-flag,.ntc-pill{inset-inline-end:12px;background:rgba(11,20,38,.62);color:#fff;backdrop-filter:blur(4px)}

.ntc-over{
	position:absolute;inset-inline:14px;bottom:12px;z-index:2;
	display:flex;align-items:flex-end;justify-content:space-between;gap:10px;
	color:#fff;pointer-events:none;
}
.ntc-over a{pointer-events:auto}

/* ---------- شبکه‌ای ---------- */
.ntc-card--grid{flex-direction:column;gap:0}
.ntc-card--grid .ntc-media{width:100%;height:auto;aspect-ratio:16/9}
.ntc-over-main{display:flex;flex-direction:column;min-width:0}
.ntc-over-len{font-size:13px;opacity:.85;line-height:1.6}
.ntc-over-date{font-size:19px;font-weight:800;line-height:1.4}
.ntc-over-dl{display:flex;flex-direction:column;text-align:end;font-size:12px;line-height:1.5;flex:0 0 auto}
.ntc-over-dl span{opacity:.8}
.ntc-over-dl strong{font-size:13.5px;font-weight:700}

.ntc-card--grid .ntc-body{padding:14px 16px 16px;gap:11px}
.ntc-card--grid .ntc-head{margin:0;align-items:flex-start;flex-wrap:nowrap}
.ntc-card--grid .ntc-title,.ntc-card--wide .ntc-title{font-size:16px;font-weight:700;line-height:1.6;color:var(--nb-heading,#162949)}
.ntc-card--grid .ntc-title a:hover,.ntc-card--wide .ntc-title a:hover{text-decoration:none}
.ntc-sub{display:block;font-size:13px;font-weight:500;opacity:.65;line-height:1.7}
.ntc-card--grid .ntc-stars{margin-top:5px}

.ntc-occasion{margin:0;display:flex;gap:6px;align-items:center;font-size:13.5px;line-height:1.6;color:var(--e-global-color-primary,#162949)}
.ntc-occasion .ntc-i{opacity:.55}

.ntc-card ul.ntc-stays,.ntc-card ul.ntc-chips,.ntc-card ul.ntc-w-svcs,.ntc-card ol.ntc-steps{list-style:none;margin:0;padding:0}
.ntc-stays{display:flex;flex-direction:column;gap:8px}
.ntc-stay{
	display:flex;align-items:center;justify-content:space-between;gap:10px;
	padding:9px 12px;border-radius:8px;background:rgba(22,41,73,.045);
	font-size:14px;line-height:1.7;
}
.ntc-stay-city{display:flex;align-items:center;gap:5px;white-space:nowrap}
.ntc-stay-city .ntc-i{opacity:.5}
.ntc-stay-city span{opacity:.7}
.ntc-stay-city span::before{content:"· "}
/* نام هتل و ستاره در یک خط، تا هر ردیف شهر یک‌خطی بماند و کارت بلند نشود */
.ntc-stay-hotel{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;min-width:0;font-size:13.5px;text-align:end}
.ntc-card .ntc-stay-hotel a{color:inherit;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ntc-card .ntc-stay-hotel a:hover{text-decoration:underline}
.ntc-stay-hotel small{flex:0 0 auto;font-size:12px;opacity:.55;line-height:1.4;white-space:nowrap}

/* شهری که اقامت شبانه ندارد: همان ردیف، ولی کم‌رنگ‌تر و با خط‌چین تا با اقامت اشتباه نشود */
.ntc-stay--note{
	background:transparent;border:1px dashed rgba(127,127,127,.28);opacity:.85;
	justify-content:flex-start;gap:6px;font-size:13px;
}
.ntc-stay--note .ntc-i{opacity:.5}

.ntc-chips{display:flex;flex-wrap:wrap;gap:6px}
.ntc-chip{
	display:inline-flex;align-items:center;gap:5px;
	padding:2px 10px;border-radius:999px;
	background:rgba(22,41,73,.06);color:var(--e-global-color-primary,#162949);
	font-size:12.5px;line-height:1.8;
}
.ntc-chip .ntc-fa{opacity:.7;font-size:.85em}

.ntc-g-price{
	margin-top:auto;padding-top:11px;border-top:1px dashed rgba(127,127,127,.28);
	display:flex;flex-direction:column;gap:1px;
}
.ntc-g-price .ntc-label{font-size:12.5px}
.ntc-amount{font-size:14px;line-height:1.7}
.ntc-usd{font-size:17px;font-weight:800;color:var(--e-global-color-primary,#162949)}
.ntc-plus{opacity:.5}

.ntc-card--grid .ntc-foot,.ntc-card--wide .ntc-foot{margin-top:0;padding-top:0;flex-wrap:nowrap}
.ntc-card--grid .ntc-btn{flex:1 1 0;min-width:0;padding:7px 12px}

/* ---------- افقی ---------- */
.ntc-grid.ntc-grid--wide{grid-template-columns:minmax(0,1fr)}
.ntc-card--wide{
	display:grid;gap:0;
	grid-template-columns:var(--ntc-wide-media,300px) minmax(0,1fr) 250px;
	grid-template-areas:"media main side";
}
.ntc-card--wide .ntc-media{grid-area:media;width:auto;height:auto;min-height:250px}
.ntc-card--wide .ntc-over{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:3px}
.ntc-card--wide .ntc-title{font-size:17px;margin:0}
.ntc-card--wide .ntc-title a{color:#fff;display:flex;flex-direction:column-reverse}
.ntc-card--wide .ntc-sub{opacity:1;color:var(--e-global-color-secondary,#FFD9A0)}
.ntc-over-route{margin:0;display:flex;align-items:center;gap:5px;font-size:13px;line-height:1.6;opacity:.88}
.ntc-card--wide .ntc-over .ntc-stars-bg{color:rgba(255,255,255,.3)}

.ntc-w-main{
	grid-area:main;min-width:0;
	padding:16px 18px;display:flex;flex-direction:column;gap:14px;
	border-inline-end:1px solid var(--ntc-border,rgba(127,127,127,.16));
}
.ntc-route{background:rgba(22,41,73,.045);border-radius:10px;padding:10px 14px 12px}
.ntc-route-title{margin:0 0 14px;display:flex;align-items:center;gap:6px;font-size:13px;opacity:.7}
.ntc-steps{display:flex;align-items:flex-start}
.ntc-step{
	flex:1 1 0;min-width:0;position:relative;
	display:flex;flex-direction:column;align-items:center;text-align:center;
	font-size:13.5px;line-height:1.5;
}
.ntc-step::after{
	content:"";position:absolute;top:5px;inset-inline-start:50%;width:100%;height:2px;
	background:rgba(22,41,73,.16);
}
.ntc-step:last-child::after{display:none}
.ntc-dot{
	position:relative;z-index:1;display:block;width:12px;height:12px;border-radius:50%;margin-bottom:6px;
	background:var(--e-global-color-primary,#162949);box-shadow:0 0 0 3px #fff;
}
.ntc-step--end .ntc-dot{background:#9aa3b2}
.ntc-step--end b{font-weight:500;opacity:.75}
.ntc-step small{font-size:12px;opacity:.6}
.ntc-seg{
	position:absolute;top:-13px;inset-inline-start:100%;transform:translateX(50%);
	font-size:12px;line-height:1.4;opacity:.55;white-space:nowrap;
}
[dir="ltr"] .ntc-seg{transform:translateX(-50%)}

/* شهرهایی که اقامت ندارند، زیر خط مسیر */
.ntc-card ul.ntc-route-notes{
	list-style:none;margin:11px 0 0;padding:9px 0 0;
	border-top:1px dashed rgba(22,41,73,.16);
	display:flex;flex-direction:column;gap:3px;
}
.ntc-route-notes li{position:relative;padding-inline-start:15px;font-size:13px;line-height:1.75;opacity:.82}
.ntc-route-notes li::before{
	content:"";position:absolute;inset-inline-start:0;top:.62em;
	width:6px;height:6px;border-radius:50%;
	background:var(--e-global-color-secondary,#FFD9A0);box-shadow:0 0 0 1px rgba(22,41,73,.28);
}

.ntc-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
.ntc-it{margin:0;display:flex;align-items:center;gap:6px;font-size:14px;line-height:1.7;min-width:0}
.ntc-it .ntc-i{opacity:.45}
.ntc-it .ntc-label{opacity:.6;flex:0 0 auto}
.ntc-it .ntc-val{font-weight:600;min-width:0}
.ntc-it.ntc-deadline .ntc-val{color:var(--ntc-deadline-color,#c62828)}

.ntc-w-svcs{
	margin-top:auto !important;padding-top:11px !important;border-top:1px solid rgba(127,127,127,.14);
	display:flex;flex-wrap:wrap;gap:4px 18px;font-size:13px;line-height:1.8;
}
.ntc-w-svcs li{display:inline-flex;align-items:center;gap:6px;opacity:.8}
.ntc-w-svcs .ntc-fa{opacity:.6}

.ntc-w-side{
	grid-area:side;min-width:0;padding:16px;
	display:flex;flex-direction:column;gap:10px;
	background:rgba(22,41,73,.025);
}
.ntc-w-price-title{margin:0;font-size:13px;opacity:.7}
.ntc-pbox{background:#fff;border:1px solid rgba(127,127,127,.18);border-radius:10px;padding:4px 12px}
.ntc-prow{margin:0;padding:7px 0;display:flex;flex-direction:column;gap:1px;font-size:12.5px;line-height:1.6}
.ntc-prow + .ntc-prow{border-top:1px dashed rgba(127,127,127,.25)}
.ntc-prow span{opacity:.65}
.ntc-prow .ntc-toman{font-size:14px;font-weight:700}
.ntc-card--wide .ntc-foot{margin-top:auto;flex-direction:column;gap:8px}
.ntc-card--wide .ntc-btn{flex:0 0 auto;width:100%;padding:8px 12px}

@media(max-width:1024px){
	.ntc-grid.ntc-grid--grid{grid-template-columns:repeat(var(--ntc-cols,2),minmax(0,1fr))}
	.ntc-card--grid .ntc-media,.ntc-card--wide .ntc-media{width:100%}
	.ntc-card--wide{
		grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
		grid-template-areas:"media side" "main main";
	}
	.ntc-w-main{border-inline-end:0;border-top:1px solid var(--ntc-border,rgba(127,127,127,.16))}
}
@media(max-width:600px){
	.ntc-grid.ntc-grid--grid{grid-template-columns:minmax(0,1fr)}
	.ntc-card--grid .ntc-media{height:auto}
	.ntc-card--wide{grid-template-columns:minmax(0,1fr);grid-template-areas:"media" "main" "side"}
	.ntc-card--wide .ntc-media{height:auto;min-height:0;aspect-ratio:16/10}
	.ntc-w-main{padding:14px}
	.ntc-info{grid-template-columns:minmax(0,1fr)}
	.ntc-step{font-size:12.5px}
	.ntc-w-side{border-top:1px solid var(--ntc-border,rgba(127,127,127,.16))}
}

/* 6 Oct 2026: یکدست با بقیهٔ صفحهٔ اول — رنگ متن سرمه‌ای‌خاکستری، ستارهٔ هتل خواناتر */
.ntc-card{color:var(--nb-text,#334155)}
.ntc-stay-hotel small{font-size:12.5px}

/* تنظیمات عکس (9 Oct 2026): Fit / Focus Point / Tile — مقادیر از کنترل‌های تب Style > Image */
.ntc-card{--ntc-img-x:50%;--ntc-img-y:50%}
.ntc-card .ntc-media.ntc-media--tile{background-image:var(--ntc-tile-img);background-repeat:repeat;background-size:var(--ntc-tile,160px) auto;background-position:var(--ntc-img-pos,50% 50%)}
.ntc-card .ntc-media--tile img{opacity:0}