/*!
 * آلویندور — سفارش تبلیغات · front-end
 *
 * Everything is scoped under `.awad` and every rule that a theme is likely to
 * fight over (typography, list bullets, button chrome) is reset locally, so the
 * component looks the same whatever it is dropped into.
 */

.awad {
	/* ALL WINDOOR: deep navy carries the structure, gold marks the moments that
	   ask for a decision — a selected row, a price, the submit button. */
	--awad-navy: #10305A;
	--awad-navy-deep: #0A2242;
	--awad-navy-soft: #EAF0F8;
	--awad-gold: #C99A45;
	--awad-gold-deep: #A97C2C;
	--awad-gold-soft: #FAF3E6;

	/* The exact call-to-action of the site header ("افتتاح فروشگاه"), so the
	   submit button is the same button, not a near-miss. */
	--awad-cta: linear-gradient(135deg, #C08E52, #AB7B42);
	--awad-cta-hover: linear-gradient(135deg, #CE9C5F, #B98849);

	/* Height of the fixed mobile dock the site puts at the bottom of the screen
	   (nav.aw-dock: 73px tall, 10px clear of the edge). The sticky summary bar
	   sits above it. Override on `.awad` if the dock ever changes height. */
	--awad-dock-h: 83px;

	--awad-accent: var(--awad-gold);

	--awad-ink: #14202D;
	--awad-body: #44576B;
	--awad-muted: #7C8A9A;
	--awad-line: #E3E9F1;
	--awad-hair: #EFF3F8;
	--awad-canvas: #F6F8FB;
	--awad-surface: #FFFFFF;

	--awad-ok: #1B6B4C;
	--awad-ok-bg: #E9F4EF;
	--awad-bad: #A32C25;
	--awad-bad-bg: #FBEDEB;

	--awad-r: 14px;
	--awad-r-sm: 10px;
	--awad-shadow: 0 1px 2px rgba(16, 48, 90, .05), 0 14px 34px -22px rgba(16, 48, 90, .35);

	box-sizing: border-box;
	width: 100%;
	max-width: 1180px;
	margin-inline: auto;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.9;
	color: var(--awad-body);
	text-align: start;
}

.awad *,
.awad *::before,
.awad *::after {
	box-sizing: border-box;
}

/* Controls and headings otherwise fall back to a UA face; `option` needs naming
   explicitly or the open dropdown draws in the system font. */
.awad h3,
.awad h4,
.awad p,
.awad span,
.awad small,
.awad label,
.awad input,
.awad textarea,
.awad select,
.awad option,
.awad button,
.awad a {
	font-family: inherit;
}

.awad p {
	margin: 0;
}

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

.awad li::marker {
	content: none;
}

.awad button {
	font-size: inherit;
	line-height: inherit;
	cursor: pointer;
}

/* Themes ship a normalize that puts `[type="search"]` back to `content-box`,
   at a specificity our `.awad *` reset cannot reach. Stated per-control so the
   icon padding stays inside the box instead of widening it. */
.awad .awad-input,
.awad .awad-search__input,
.awad input,
.awad textarea,
.awad select {
	box-sizing: border-box;
	max-width: 100%;
}

/* A theme's `:is(.btn, .button, button, [type="submit"]):hover { background }`
   lands at (0,2,0) and beats a single class of ours, so a button that leaves its
   hover state undeclared gets the theme's grey — which on the tab strip painted
   straight over the sliding pill. Every button here states its own background in
   every state. */
.awad .awad-tab,
.awad .awad-tab:hover,
.awad .awad-tab:focus,
.awad .awad-tab:active {
	background: transparent;
	box-shadow: none;
}

.awad .awad-chip.is-on,
.awad .awad-chip.is-on:hover,
.awad .awad-chip.is-on:focus {
	color: #fff;
	background: var(--awad-navy);
	border-color: var(--awad-navy);
}

.awad :focus-visible {
	outline: 2px solid var(--awad-navy);
	outline-offset: 2px;
	border-radius: 4px;
}

/* The script toggles visibility with the `hidden` attribute, and the UA rule
   behind it loses to any class that sets `display` — which most of the flex and
   grid pieces below do. This puts `hidden` back in charge. */
.awad [hidden] {
	display: none !important;
}

.awad-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.awad-trap {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.awad-empty {
	padding: 34px 20px;
	text-align: center;
	font-size: 13.5px;
	color: var(--awad-muted);
	background: var(--awad-canvas);
	border: 1px dashed var(--awad-line);
	border-radius: var(--awad-r);
}

.awad-inline-link {
	color: var(--awad-navy);
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px solid rgba(16, 48, 90, .28);
}

.awad-inline-link:hover {
	color: var(--awad-gold-deep);
	border-bottom-color: currentColor;
}

/* ==========================================================================
   Panels
   ========================================================================== */

.awad-form {
	display: grid;
	gap: 18px;
}

.awad-panel {
	background: var(--awad-surface);
	border: 1px solid var(--awad-line);
	border-radius: var(--awad-r);
	box-shadow: var(--awad-shadow);
	overflow: hidden;
}

.awad-panel__head {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 20px 24px;
	background: linear-gradient(180deg, #FBFCFE 0%, var(--awad-surface) 100%);
	border-bottom: 1px solid var(--awad-hair);
}

.awad-panel__step {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	margin-top: 2px;
	font-size: 14px;
	font-weight: 800;
	color: #fff;
	background: var(--awad-navy);
	border-radius: 11px;
	box-shadow: 0 0 0 4px var(--awad-navy-soft);
}

.awad-panel__lead {
	min-width: 0;
}

.awad-panel__title {
	margin: 0;
	padding: 0;
	font-size: 15.5px;
	font-weight: 800;
	line-height: 1.7;
	color: var(--awad-ink);
	border: 0;
}

.awad-panel__desc {
	margin: 3px 0 0;
	font-size: 12.5px;
	line-height: 1.95;
	color: var(--awad-muted);
}

.awad-panel__body {
	padding: 22px 24px 24px;
}

/* ==========================================================================
   Fields
   ========================================================================== */

.awad-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 16px 18px;
}

.awad-grid--split {
	gap: 20px 26px;
}

.awad-span-2 { grid-column: span 2; }
.awad-span-3 { grid-column: span 3; }
.awad-span-6 { grid-column: span 6; }

.awad-field {
	min-width: 0;
}

.awad .awad-label {
	display: flex;
	align-items: center;
	gap: 8px;
	width: auto;
	margin: 0 0 7px;
	padding: 0;
	float: none;
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1.8;
	color: var(--awad-ink);
}

.awad-req {
	padding: 1px 7px;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.7;
	color: var(--awad-gold-deep);
	background: var(--awad-gold-soft);
	border-radius: 20px;
}

.awad .awad-input {
	display: block;
	width: 100%;
	height: auto;
	min-height: 46px;
	margin: 0;
	padding: 11px 14px;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.7;
	color: var(--awad-ink);
	background: var(--awad-surface);
	border: 1px solid var(--awad-line);
	border-radius: var(--awad-r-sm);
	box-shadow: none;
	outline: none;
	appearance: none;
	transition: border-color .16s, box-shadow .16s, background-color .16s;
}

.awad textarea.awad-input {
	min-height: 118px;
	line-height: 2;
	resize: vertical;
}

.awad .awad-input::placeholder {
	color: #A6B0BC;
	opacity: 1;
}

.awad .awad-input:hover {
	border-color: #CFD9E6;
}

.awad .awad-input:focus {
	border-color: var(--awad-navy);
	box-shadow: 0 0 0 3px rgba(16, 48, 90, .10);
}

.awad .awad-input.is-wrong {
	border-color: var(--awad-bad);
	background: var(--awad-bad-bg);
}

.awad .awad-input.is-wrong:focus {
	box-shadow: 0 0 0 3px rgba(163, 44, 37, .12);
}

.awad .awad-ltr {
	direction: ltr;
	text-align: right;
}

.awad-hint {
	margin: 6px 0 0;
	font-size: 11.5px;
	line-height: 1.9;
	color: var(--awad-muted);
}

.awad-err {
	margin: 5px 0 0;
	font-size: 11.5px;
	line-height: 1.8;
	color: var(--awad-bad);
}

.awad-err:empty {
	margin: 0;
}

.awad-err--block:not(:empty) {
	margin: 0 24px 20px;
	padding: 9px 13px;
	background: var(--awad-bad-bg);
	border-radius: var(--awad-r-sm);
}

/* ==========================================================================
   Service picker
   ========================================================================== */

.awad-pickbar {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	padding: 14px 24px;
	background: var(--awad-canvas);
	border-bottom: 1px solid var(--awad-hair);
}

.awad-search {
	position: relative;
	flex: 1 1 260px;
	min-width: 0;
	max-width: 100%;
}

.awad-search--wide {
	flex: 1 1 320px;
}

.awad-search__i {
	position: absolute;
	inset-inline-start: 13px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--awad-muted);
	pointer-events: none;
}

.awad .awad-search__input {
	display: block;
	width: 100%;
	min-height: 42px;
	margin: 0;
	padding: 9px 14px;
	padding-inline-start: 40px;
	font-family: inherit;
	font-size: 13px;
	color: var(--awad-ink);
	background: var(--awad-surface);
	border: 1px solid var(--awad-line);
	border-radius: 999px;
	outline: none;
	appearance: none;
	transition: border-color .16s, box-shadow .16s;
}

.awad .awad-search__input:focus {
	border-color: var(--awad-navy);
	box-shadow: 0 0 0 3px rgba(16, 48, 90, .10);
}

.awad .awad-search__input::-webkit-search-cancel-button {
	appearance: none;
}

.awad-pickbar__none {
	font-size: 12.5px;
	color: var(--awad-muted);
}

.awad .awad-ghost {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 38px;
	margin: 0;
	padding: 6px 15px;
	font-size: 12.5px;
	font-weight: 700;
	color: var(--awad-navy);
	background: var(--awad-surface);
	border: 1px solid var(--awad-line);
	border-radius: 999px;
	transition: border-color .16s, color .16s, background-color .16s;
}

.awad .awad-ghost:hover {
	color: var(--awad-gold-deep);
	border-color: #D8C39A;
	background: var(--awad-gold-soft);
}

/* `start`, not the grid default: stretched cards left a short category sitting
   inside a box as tall as the tallest one beside it, which read as clutter more
   than the rows themselves did. Each card now ends where its list ends. */
.awad-cats {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(266px, 1fr));
	align-items: start;
	gap: 16px;
	padding: 20px 24px 24px;
}

.awad-cat {
	display: flex;
	flex-direction: column;
	padding: 4px 4px 8px;
	background: var(--awad-surface);
	border: 1px solid var(--awad-line);
	border-radius: var(--awad-r);
	transition: border-color .18s, box-shadow .18s;
}

.awad-cat:hover {
	border-color: #D3DDEA;
	box-shadow: 0 10px 26px -20px rgba(16, 48, 90, .45);
}

.awad-cat.is-hidden {
	display: none;
}

.awad-cat__head {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 12px 10px;
	border-bottom: 1px solid var(--awad-hair);
}

.awad-cat__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	color: var(--awad-accent);
	background: color-mix(in srgb, var(--awad-accent) 12%, #fff);
	border-radius: var(--awad-r-sm);
}

/* color-mix is recent; the flat tint below keeps older browsers on-brand. */
@supports not (background: color-mix(in srgb, red 10%, #fff)) {
	.awad-cat__icon { background: var(--awad-gold-soft); }
}

.awad-cat__icon svg {
	width: 19px;
	height: 19px;
}

.awad-cat__title {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	font-size: 13.5px;
	font-weight: 800;
	line-height: 1.65;
	color: var(--awad-ink);
	border: 0;
}

.awad .awad-cat__all {
	flex: 0 0 auto;
	padding: 3px 10px;
	font-size: 11px;
	font-weight: 700;
	color: var(--awad-muted);
	background: transparent;
	border: 1px solid var(--awad-line);
	border-radius: 999px;
	transition: color .16s, border-color .16s, background-color .16s;
}

.awad .awad-cat__all:hover {
	color: var(--awad-navy);
	border-color: #C9D6E6;
	background: var(--awad-navy-soft);
}

.awad-cat__desc {
	margin: 10px 12px 0;
	font-size: 11.5px;
	line-height: 1.9;
	color: var(--awad-muted);
}

.awad-cat__list {
	display: grid;
	gap: 2px;
	padding: 6px;
}

.awad-opt {
	position: relative;
}

.awad-opt.is-hidden {
	display: none;
}

.awad-opt__input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	opacity: 0;
	pointer-events: none;
}

.awad .awad-opt__label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	width: auto;
	margin: 0;
	padding: 10px 11px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.75;
	color: var(--awad-body);
	border-radius: var(--awad-r-sm);
	cursor: pointer;
	transition: background-color .15s, color .15s;
}

.awad .awad-opt__label:hover {
	background: var(--awad-canvas);
}

.awad-opt__tick {
	position: relative;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	margin-top: 3px;
	background: var(--awad-surface);
	border: 1.6px solid #C6D1DF;
	border-radius: 6px;
	transition: background-color .15s, border-color .15s;
}

.awad-opt__tick::after {
	content: "";
	position: absolute;
	top: 2.5px;
	left: 5.4px;
	width: 4.4px;
	height: 8.4px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(42deg) scale(.4);
	opacity: 0;
	transition: transform .15s, opacity .15s;
}

/* Title, amount and note stack instead of sharing a line: inside a 266px
   category card the amount used to squeeze the name into two lines and leave the
   note ragged beside it. */
.awad-opt__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.awad-opt__title {
	font-size: 12.8px;
	font-weight: 600;
	line-height: 1.75;
	color: var(--awad-ink);
}

.awad-opt__price {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 5px;
	font-feature-settings: "tnum";
	font-variant-numeric: tabular-nums;
}

.awad-opt__price b {
	font-size: 12.5px;
	font-weight: 800;
	color: var(--awad-navy);
}

.awad-opt__cur {
	font-size: 10px;
	font-weight: 500;
	color: var(--awad-muted);
}

/* The same badge the price list uses, so «شروع از» carries here too. */
.awad-opt__unit {
	padding: 1px 7px;
	font-size: 9.5px;
	font-weight: 700;
	line-height: 1.9;
	color: var(--awad-gold-deep);
	background: var(--awad-gold-soft);
	border-radius: 999px;
	white-space: nowrap;
}

.awad-opt__note {
	display: block;
	font-size: 10.5px;
	font-weight: 500;
	line-height: 1.7;
	color: var(--awad-muted);
}

.awad-opt__input:checked + .awad-opt__label {
	color: var(--awad-ink);
	font-weight: 700;
	background: color-mix(in srgb, var(--awad-accent) 10%, #fff);
}

@supports not (background: color-mix(in srgb, red 10%, #fff)) {
	.awad-opt__input:checked + .awad-opt__label { background: var(--awad-gold-soft); }
}

.awad-opt__input:checked + .awad-opt__label .awad-opt__tick {
	background: var(--awad-accent);
	border-color: var(--awad-accent);
}

.awad-opt__input:checked + .awad-opt__label .awad-opt__tick::after {
	opacity: 1;
	transform: rotate(42deg) scale(1);
}

.awad-opt__input:checked + .awad-opt__label .awad-opt__title {
	font-weight: 800;
}

.awad-opt__input:focus-visible + .awad-opt__label {
	outline: 2px solid var(--awad-navy);
	outline-offset: 1px;
}

/* ==========================================================================
   Upload
   ========================================================================== */

.awad-drop {
	position: relative;
	border: 1.5px dashed #CBD6E4;
	border-radius: var(--awad-r);
	background: var(--awad-canvas);
	transition: border-color .18s, background-color .18s;
}

.awad-drop.is-over {
	border-color: var(--awad-gold);
	background: var(--awad-gold-soft);
}

.awad-drop__input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.awad .awad-drop__face {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: auto;
	min-height: 150px;
	margin: 0;
	padding: 22px 18px;
	text-align: center;
	cursor: pointer;
}

.awad-drop__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin-bottom: 4px;
	color: var(--awad-navy);
	background: var(--awad-surface);
	border: 1px solid var(--awad-line);
	border-radius: 50%;
}

.awad-drop__lead {
	font-size: 13px;
	font-weight: 700;
	color: var(--awad-ink);
}

.awad-drop__or {
	font-size: 11.5px;
	color: var(--awad-muted);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.awad-files {
	display: grid;
	gap: 8px;
	margin-top: 10px;
}

.awad-files:empty {
	margin-top: 0;
}

.awad-file {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	font-size: 12.5px;
	background: var(--awad-surface);
	border: 1px solid var(--awad-line);
	border-radius: var(--awad-r-sm);
}

.awad-file__name {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--awad-ink);
	font-weight: 600;
}

.awad-file__size {
	flex: 0 0 auto;
	font-size: 11px;
	color: var(--awad-muted);
	font-feature-settings: "tnum";
}

.awad .awad-file__x {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0;
	font-size: 16px;
	line-height: 1;
	color: var(--awad-muted);
	background: transparent;
	border: 0;
	border-radius: 6px;
}

.awad .awad-file__x:hover {
	color: var(--awad-bad);
	background: var(--awad-bad-bg);
}

.awad-file.is-bad {
	border-color: #E7C2BE;
	background: var(--awad-bad-bg);
}

.awad-file.is-bad .awad-file__name {
	color: var(--awad-bad);
}

/* ==========================================================================
   Challenge
   ========================================================================== */

.awad-panel--guard .awad-guard {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	padding: 18px 24px;
}

.awad-guard__lead {
	flex: 1 1 260px;
	min-width: 0;
}

.awad-guard__title {
	margin: 0;
	padding: 0;
	font-size: 13.5px;
	font-weight: 800;
	color: var(--awad-ink);
	border: 0;
}

.awad-guard__desc {
	margin: 2px 0 0;
	font-size: 12px;
	color: var(--awad-muted);
}

.awad-guard__row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.awad-guard__q {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 88px;
	min-height: 46px;
	padding: 0 16px;
	direction: ltr;
	unicode-bidi: isolate;
	font-size: 17px;
	font-weight: 800;
	letter-spacing: .06em;
	color: var(--awad-navy);
	background: var(--awad-navy-soft);
	border-radius: var(--awad-r-sm);
}

/* Shown while the question is on its way. The round trip takes a few seconds on
   this server, so the box says it is working rather than showing a bare «…». */
.awad-guard__q.is-loading::before {
	content: "";
	width: 18px;
	height: 18px;
	border: 2px solid rgba(16, 48, 90, .18);
	border-top-color: var(--awad-navy);
	border-radius: 50%;
	animation: awad-turn .75s linear infinite;
}

.awad-guard__eq {
	font-size: 15px;
	font-weight: 700;
	color: var(--awad-muted);
}

.awad .awad-guard__input {
	width: 88px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .08em;
}

.awad-panel--guard .awad-err {
	padding: 0 24px 14px;
}

.awad-panel--guard .awad-err:empty {
	padding: 0;
}

/* ==========================================================================
   Alert, summary bar, submit
   ========================================================================== */

.awad-alert {
	display: none;
	padding: 14px 18px;
	font-size: 13px;
	line-height: 1.95;
	border: 1px solid transparent;
	border-inline-start-width: 4px;
	border-radius: var(--awad-r-sm);
}

.awad-alert.is-success {
	display: block;
	color: var(--awad-ok);
	background: var(--awad-ok-bg);
	border-color: #C8E2D6;
	border-inline-start-color: var(--awad-ok);
}

.awad-alert.is-error {
	display: block;
	color: var(--awad-bad);
	background: var(--awad-bad-bg);
	border-color: #EFCFCB;
	border-inline-start-color: var(--awad-bad);
}

.awad-bar {
	position: sticky;
	bottom: 12px;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	flex-wrap: wrap;
	padding: 16px 22px;
	color: #D8E2F0;
	background: linear-gradient(135deg, var(--awad-navy) 0%, var(--awad-navy-deep) 100%);
	border-radius: var(--awad-r);
	box-shadow: 0 18px 40px -24px rgba(10, 34, 66, .85);
}

.awad-bar__facts {
	display: flex;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
}

.awad-bar__count {
	display: flex;
	align-items: baseline;
	gap: 7px;
	font-size: 12.5px;
	color: #AEC0D8;
}

.awad-bar__count strong {
	font-size: 22px;
	font-weight: 800;
	line-height: 1.3;
	color: #fff;
	font-feature-settings: "tnum";
}

/* The count is a button (it opens the list of picks), stripped of whatever the
   theme dresses buttons in. */
.awad .awad-bar__count {
	width: auto;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	font-weight: 400;
	letter-spacing: normal;
	text-transform: none;
	color: #AEC0D8;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

/* Themes paint button:hover / :focus (a white fill here); hold the bar's look. */
.awad .awad-bar .awad-bar__count:hover,
.awad .awad-bar .awad-bar__count:focus,
.awad .awad-bar .awad-bar__count:active {
	color: #AEC0D8;
	background: none;
	border: 0;
	box-shadow: none;
}

.awad .awad-bar__count:hover span,
.awad .awad-bar__count[aria-expanded="true"] span {
	color: #fff;
}

.awad .awad-bar__count:focus-visible {
	outline: 2px solid var(--awad-gold);
	outline-offset: 4px;
	border-radius: 4px;
}

.awad-bar__caret {
	align-self: center;
	width: 7px;
	height: 7px;
	margin-inline-start: 2px;
	border: solid currentColor;
	border-width: 2px 2px 0 0;
	transform: translateY(2px) rotate(-45deg);
	transition: transform .16s;
}

.awad-bar__count[aria-expanded="true"] .awad-bar__caret {
	transform: translateY(-2px) rotate(135deg);
}

.awad-bar.is-empty .awad-bar__count {
	cursor: default;
}

.awad-bar.is-empty .awad-bar__caret {
	visibility: hidden;
}

/* The list of picks opens above the bar, anchored to the count. */
.awad-review {
	position: absolute;
	bottom: calc(100% + 8px);
	inset-inline-start: 0;
	width: min(420px, 100%);
	max-height: min(50vh, 380px);
	overflow-y: auto;
	overscroll-behavior: contain;
	color: var(--awad-ink);
	background: var(--awad-surface);
	border: 1px solid var(--awad-line);
	border-radius: var(--awad-r);
	box-shadow: 0 18px 44px -18px rgba(10, 34, 66, .45);
}

.awad-review__head {
	position: sticky;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 14px;
	font-size: 13px;
	font-weight: 800;
	background: var(--awad-surface);
	border-bottom: 1px solid var(--awad-hair);
}

.awad-review__item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 14px;
	border-bottom: 1px solid var(--awad-hair);
}

.awad-review__item:last-child {
	border-bottom: 0;
}

.awad-review__body {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.awad-review__name {
	font-size: 13px;
	line-height: 1.7;
}

.awad-review__price {
	font-size: 11.5px;
	color: var(--awad-muted);
	font-feature-settings: "tnum";
}

.awad .awad-review__close,
.awad .awad-review__x {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 1;
	color: var(--awad-muted);
	background: transparent;
	border: 0;
	border-radius: 8px;
	box-shadow: none;
}

.awad .awad-review__close:hover,
.awad .awad-review__x:hover {
	color: var(--awad-bad);
	background: var(--awad-bad-bg);
}

.awad-bar__sum {
	display: flex;
	flex-direction: column;
	padding-inline-start: 24px;
	border-inline-start: 1px solid rgba(255, 255, 255, .14);
}

.awad-bar__sumcap {
	font-size: 11px;
	color: #A6B9D3;
}

.awad-bar__sumval {
	font-size: 12.5px;
	color: var(--awad-gold);
}

.awad-bar__sumval strong {
	font-size: 18px;
	font-weight: 800;
	color: var(--awad-gold);
	font-feature-settings: "tnum";
	font-variant-numeric: tabular-nums;
}

.awad-bar__act {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-inline-start: auto;
}

.awad-bar__note {
	max-width: none;
	font-size: 13px;
	line-height: 1.8;
	color: #fff;
}

/* One line on a desktop screen, as asked — but only where there is room for it.
   Held unconditionally, the un-wrappable note pushed the bar past the viewport
   on mid-size windows. */
@media (min-width: 901px) {
	.awad-bar__note {
		white-space: nowrap;
	}
}

.awad .awad-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 200px;
	min-height: 50px;
	margin: 0;
	padding: 13px 30px;
	font-family: inherit;
	font-size: 14.5px;
	font-weight: 800;
	line-height: 1.6;
	color: #fff !important;
	text-decoration: none;
	text-shadow: none;
	background: var(--awad-cta);
	border: 0;
	border-radius: var(--awad-r-sm);
	box-shadow: 0 8px 20px -12px rgba(171, 123, 66, .95);
	transition: background-image .16s, opacity .16s, transform .12s;
}

.awad .awad-submit:hover:not(:disabled),
.awad .awad-submit:focus:not(:disabled) {
	background: var(--awad-cta-hover);
}

.awad .awad-submit:active:not(:disabled) {
	transform: translateY(1px);
}

.awad .awad-submit:disabled {
	opacity: .5;
	cursor: not-allowed;
}

.awad .awad-submit[aria-busy="true"]::before {
	content: "";
	width: 15px;
	height: 15px;
	flex: 0 0 15px;
	border: 2px solid rgba(255, 255, 255, .38);
	border-top-color: #fff;
	border-radius: 50%;
	animation: awad-turn .7s linear infinite;
}

@keyframes awad-rise {
	from { opacity: 0; transform: translateY(12px); }
}

@keyframes awad-turn {
	to { transform: rotate(360deg); }
}

.awad-fineprint {
	padding: 0 4px;
	font-size: 11.5px;
	line-height: 1.9;
	color: var(--awad-muted);
}

/* ==========================================================================
   Price list
   ========================================================================== */

.awad-prices {
	display: grid;
	gap: 16px;
}

.awad-prices__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	flex-wrap: wrap;
	padding: 16px 22px;
	background: var(--awad-navy-soft);
	border: 1px solid #D6E1F0;
	border-radius: var(--awad-r);
}

.awad-prices__note {
	flex: 1 1 320px;
	font-size: 13px;
	line-height: 1.95;
	color: var(--awad-navy);
}

.awad-prices__stamp {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 16px;
	font-size: 12.5px;
	color: var(--awad-navy);
	background: var(--awad-surface);
	border: 1px solid #D6E1F0;
	border-radius: 999px;
}

.awad-prices__stampcap {
	color: var(--awad-muted);
	font-size: 11px;
}

.awad-prices__stamp strong {
	font-weight: 800;
}

.awad-ptools {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.awad-chips {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	padding-bottom: 2px;
}

.awad .awad-chip {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 34px;
	margin: 0;
	padding: 5px 14px;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--awad-body);
	background: var(--awad-surface);
	border: 1px solid var(--awad-line);
	border-radius: 999px;
	transition: color .16s, background-color .16s, border-color .16s;
}

.awad .awad-chip:hover {
	color: var(--awad-navy);
	border-color: #C9D6E6;
	background: var(--awad-canvas);
}

.awad .awad-chip.is-on {
	color: #fff;
	background: var(--awad-navy);
	border-color: var(--awad-navy);
}

.awad-chip__n {
	font-size: 10.5px;
	font-weight: 700;
	padding: 0 6px;
	color: var(--awad-muted);
	background: var(--awad-canvas);
	border-radius: 999px;
	font-feature-settings: "tnum";
}

.awad .awad-chip.is-on .awad-chip__n {
	color: #D9E4F4;
	background: rgba(255, 255, 255, .16);
}

.awad-plist {
	display: grid;
	gap: 16px;
}

.awad-pgroup {
	background: var(--awad-surface);
	border: 1px solid var(--awad-line);
	border-radius: var(--awad-r);
	box-shadow: var(--awad-shadow);
	overflow: hidden;
}

.awad-pgroup.is-hidden {
	display: none;
}

.awad-pgroup__head {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 22px;
	background: linear-gradient(180deg, #FBFCFE 0%, var(--awad-surface) 100%);
	border-bottom: 1px solid var(--awad-hair);
	border-inline-start: 3px solid var(--awad-accent);
}

.awad-pgroup__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	color: var(--awad-accent);
	background: color-mix(in srgb, var(--awad-accent) 12%, #fff);
	border-radius: var(--awad-r-sm);
}

@supports not (background: color-mix(in srgb, red 10%, #fff)) {
	.awad-pgroup__icon { background: var(--awad-gold-soft); }
}

.awad-pgroup__icon svg {
	width: 21px;
	height: 21px;
}

.awad-pgroup__title {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.6;
	color: var(--awad-ink);
	border: 0;
}

.awad-pgroup__n {
	flex: 0 0 auto;
	padding: 3px 11px;
	font-size: 11.5px;
	font-weight: 600;
	color: var(--awad-muted);
	background: var(--awad-canvas);
	border-radius: 999px;
}

.awad-pgroup__desc {
	margin: 0;
	padding: 12px 22px 0;
	font-size: 12px;
	color: var(--awad-muted);
}

.awad-prows {
	padding: 8px 12px 14px;
}

.awad-prow {
	display: flex;
	align-items: flex-end;
	gap: 10px;
	padding: 10px;
	border-radius: var(--awad-r-sm);
	transition: background-color .15s;
}

.awad-prow.is-hidden {
	display: none;
}

.awad-prow:hover {
	background: var(--awad-canvas);
}

.awad-prow__no {
	flex: 0 0 auto;
	align-self: center;
	min-width: 26px;
	padding: 2px 6px;
	font-size: 10.5px;
	font-weight: 700;
	text-align: center;
	color: var(--awad-muted);
	background: var(--awad-canvas);
	border-radius: 6px;
	font-feature-settings: "tnum";
}

.awad-prow:hover .awad-prow__no {
	color: var(--awad-navy);
	background: var(--awad-navy-soft);
}

.awad-prow__body {
	flex: 0 1 auto;
	min-width: 0;
}

.awad-prow__title {
	display: block;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.75;
	color: var(--awad-ink);
}

.awad-prow__note {
	display: block;
	font-size: 11px;
	line-height: 1.7;
	color: var(--awad-muted);
}

/* The dotted rule that carries the eye from a service to its price — the one
   habit worth keeping from a printed rate card. */
.awad-prow__lead {
	flex: 1 1 20px;
	min-width: 16px;
	height: 1px;
	margin-bottom: 9px;
	background-image: linear-gradient(90deg, #C9D3E0 30%, transparent 0);
	background-size: 5px 1px;
	background-repeat: repeat-x;
}

.awad-prow__price {
	flex: 0 0 auto;
	display: flex;
	align-items: baseline;
	gap: 5px;
	white-space: nowrap;
	font-feature-settings: "tnum";
	font-variant-numeric: tabular-nums;
}

.awad-prow__price b {
	font-size: 15.5px;
	font-weight: 800;
	color: var(--awad-navy);
}

.awad-prow__cur {
	font-size: 11.5px;
	color: var(--awad-muted);
}

.awad-prow__unit {
	padding: 1px 7px;
	font-size: 10.5px;
	color: var(--awad-gold-deep);
	background: var(--awad-gold-soft);
	border-radius: 999px;
}

.awad-prow__ask {
	font-size: 12.5px;
	font-style: normal;
	font-weight: 700;
	color: var(--awad-muted);
}

.awad .awad-prow__cta {
	flex: 0 0 auto;
	align-self: center;
	padding: 4px 13px;
	font-size: 11.5px;
	font-weight: 700;
	color: var(--awad-navy);
	text-decoration: none;
	background: var(--awad-surface);
	border: 1px solid var(--awad-line);
	border-radius: 999px;
	opacity: 0;
	transition: opacity .16s, color .16s, background-color .16s, border-color .16s;
}

.awad-prow:hover .awad-prow__cta,
.awad .awad-prow__cta:focus-visible {
	opacity: 1;
}

.awad .awad-prow__cta:hover {
	color: var(--awad-gold-deep);
	background: var(--awad-gold-soft);
	border-color: #E0CDA6;
}

.awad-prices__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	padding: 18px 22px;
	background: var(--awad-canvas);
	border: 1px solid var(--awad-line);
	border-radius: var(--awad-r);
}

.awad-prices__foot p {
	flex: 1 1 340px;
	font-size: 12px;
	line-height: 1.95;
	color: var(--awad-muted);
}

.awad .awad-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 11px 26px;
	font-size: 13.5px;
	font-weight: 800;
	color: #fff !important;
	text-decoration: none;
	background: var(--awad-navy);
	border-radius: var(--awad-r-sm);
	transition: background-color .16s;
}

.awad .awad-cta:hover {
	background: var(--awad-navy-deep);
}

/* ==========================================================================
   Tabs
   ========================================================================== */

.awad-center {
	display: grid;
	gap: 18px;
}

/* Two equal halves with one navy pill that slides between them. Equal halves
   are what keep «فرم سفارش تبلیغات» on a single line, and the pill being a
   separate layer is what lets the change animate instead of snapping. */
.awad-tabs {
	position: relative;
	display: flex;
	gap: 4px;
	width: 100%;
	max-width: 520px;
	padding: 5px;
	margin-inline: auto;
	background: var(--awad-canvas);
	border: 1px solid var(--awad-line);
	border-radius: 999px;
}

.awad-tabs::after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 5px;
	bottom: 5px;
	inset-inline-start: 5px;
	width: calc(50% - 7px);
	background: var(--awad-navy);
	border-radius: 999px;
	box-shadow: 0 6px 16px -10px rgba(10, 34, 66, .9);
	transition: transform .3s cubic-bezier(.4, 0, .2, 1);
}

.awad-tabs[data-awad-active="price"]::after {
	transform: translateX(calc(-100% - 4px));
}

.awad .awad-tab {
	position: relative;
	z-index: 1;
	flex: 1 1 0;
	min-width: 0;
	min-height: 42px;
	margin: 0;
	padding: 8px 14px;
	font-size: 13.5px;
	font-weight: 700;
	white-space: nowrap;
	color: var(--awad-body);
	background: transparent;
	border: 0;
	border-radius: 999px;
	transition: color .22s ease;
}

.awad .awad-tab:hover {
	color: var(--awad-navy);
}

.awad .awad-tab.is-on {
	color: #fff;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1024px) {
	.awad-cats { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
	.awad-bar__note { max-width: 260px; }
}

@media (max-width: 860px) {
	.awad-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.awad-span-2,
	.awad-span-3 { grid-column: span 1; }
	.awad-span-6 { grid-column: span 2; }
	.awad-grid--split .awad-span-3 { grid-column: span 2; }
}

@media (max-width: 640px) {
	.awad-panel__head { padding: 16px 16px; }
	.awad-panel__body { padding: 18px 16px 20px; }
	.awad-pickbar { padding: 12px 16px; }
	.awad-cats { grid-template-columns: minmax(0, 1fr); padding: 16px; }
	.awad-err--block:not(:empty) { margin: 0 16px 16px; }

	.awad-grid { grid-template-columns: minmax(0, 1fr); }
	.awad-span-6,
	.awad-grid--split .awad-span-3 { grid-column: span 1; }

	.awad-panel--guard .awad-guard { padding: 16px; }
	.awad-panel--guard .awad-err { padding: 0 16px 12px; }

	/* Lifted clear of the site's fixed bottom dock, which is 73px tall and sits
	   10px off the edge. On a phone the bar is one compact row — count and
	   estimate on one side, the button on the other — so it stops covering a
	   third of the screen. The lead note goes: the asterisks already mark the
	   required fields, and the success message says who calls back. */
	.awad-bar {
		bottom: calc(var(--awad-dock-h) + 8px);
		flex-wrap: nowrap;
		gap: 12px;
		padding: 10px 14px;
		animation: awad-rise .22s ease-out;
	}

	/* Nothing to say until the first pick, so the bar keeps the screen. */
	.awad-bar.is-empty {
		display: none;
	}

	.awad-review {
		width: 100%;
	}

	.awad-bar__facts {
		flex: 0 0 auto;
		flex-direction: column;
		align-items: flex-start;
		gap: 2px;
	}

	.awad-bar__count,
	.awad-bar__sumval {
		white-space: nowrap;
	}

	.awad-bar__count {
		gap: 5px;
		font-size: 11.5px;
	}

	.awad-bar__count strong {
		font-size: 17px;
		line-height: 1.25;
	}

	.awad-bar__sum {
		padding-inline-start: 0;
		border-inline-start: 0;
	}

	.awad-bar__sumcap {
		font-size: 10.5px;
	}

	.awad-bar__sumval strong {
		font-size: 16px;
	}

	/* The button gives way, not the figures: a long passing label
	   ("در حال آماده‌سازی…") on a narrow phone wraps inside the button. */
	.awad-bar__act {
		flex: 0 1 auto;
		min-width: 0;
		gap: 0;
	}

	.awad-bar__note {
		display: none;
	}

	.awad .awad-bar .awad-submit {
		min-width: 0;
		min-height: 44px;
		padding: 8px 18px;
		font-size: 13.5px;
		line-height: 1.45;
	}

	.awad-prices__top {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 14px 16px;
	}

	.awad-prices__note { flex: 0 1 auto; }
	.awad-prices__foot { padding: 14px 16px; }
	.awad-search--wide { flex: 1 1 100%; }
	.awad-pgroup__head { padding: 14px 16px; }
	.awad-prows { padding: 6px 8px 12px; }

	/* One line, the way a printed rate card reads: name … dotted rule … price.
	   The leader keeps its job on mobile; only the order button steps aside. */
	.awad-prow {
		flex-wrap: nowrap;
		align-items: flex-end;
		gap: 8px;
		padding: 9px 6px;
	}

	.awad-prow__no {
		min-width: 20px;
		padding: 1px 4px;
		font-size: 9.5px;
	}

	.awad-prow__body { flex: 0 1 auto; min-width: 0; }
	.awad-prow__title { font-size: 12.5px; }
	.awad-prow__note { font-size: 10.5px; }
	.awad-prow__lead { flex: 1 1 12px; min-width: 10px; }
	.awad-prow__price { gap: 4px; }
	.awad-prow__price b { font-size: 13px; }
	.awad-prow__cur { font-size: 10px; }
	.awad-prow__unit { font-size: 9.5px; padding: 1px 6px; }
	.awad-prow__ask { font-size: 11.5px; }
	.awad .awad-prow__cta { display: none; }

	.awad-pgroup__title { font-size: 14px; }
	.awad-pgroup__n { font-size: 10.5px; padding: 2px 9px; }

	.awad-pgroup__icon {
		flex: 0 0 32px;
		width: 32px;
		height: 32px;
	}

	.awad-pgroup__icon svg { width: 18px; height: 18px; }

	.awad-chips {
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.awad-chips::-webkit-scrollbar { display: none; }
	.awad .awad-chip { flex: 0 0 auto; }

	.awad-tabs { display: flex; }
	.awad .awad-tab { flex: 1 1 0; padding: 8px 12px; }
}

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

/* ==========================================================================
   Print — the price list doubles as a hand-out
   ========================================================================== */

@media print {
	.awad-ptools,
	.awad-chips,
	.awad-prices__foot .awad-cta,
	.awad-bar,
	.awad-tabs,
	.awad-panel--guard {
		display: none !important;
	}

	.awad {
		max-width: none;
		font-size: 11pt;
		color: #000;
	}

	.awad-pgroup,
	.awad-prices__top,
	.awad-prices__foot {
		break-inside: avoid;
		box-shadow: none;
		border-color: #999;
	}

	.awad-pgroup__head {
		background: none;
		border-inline-start-width: 4px;
	}

	.awad-prow { break-inside: avoid; }
	.awad-prow__price b { color: #000; }
}

/* ==========================================================================
   Subscription length — shop builder
   ========================================================================== */

.awad-terms {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 14px;
}

.awad-term {
	position: relative;
	min-width: 0;
}

.awad-term__input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	opacity: 0;
	pointer-events: none;
}

.awad .awad-term__face {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	width: auto;
	margin: 0;
	padding: 20px 16px 18px;
	text-align: center;
	background: var(--awad-surface);
	border: 1.5px solid var(--awad-line);
	border-radius: var(--awad-r);
	cursor: pointer;
	transition: border-color .16s, box-shadow .16s, background-color .16s;
}

.awad .awad-term__face:hover {
	border-color: #CBD8E8;
	background: var(--awad-canvas);
}

.awad-term__badge {
	position: absolute;
	top: -10px;
	inset-inline-start: 50%;
	transform: translateX(50%);
	padding: 2px 12px;
	font-size: 10.5px;
	font-weight: 700;
	white-space: nowrap;
	color: var(--awad-navy-deep);
	background: var(--awad-gold);
	border-radius: 999px;
}

.awad-term__label {
	font-size: 15px;
	font-weight: 800;
	color: var(--awad-ink);
}

.awad-term__months {
	font-size: 12px;
	color: var(--awad-muted);
	font-feature-settings: "tnum";
}

.awad-term__note {
	margin-top: 2px;
	font-size: 11.5px;
	color: var(--awad-muted);
}

.awad-term__off {
	margin-top: 6px;
	padding: 2px 10px;
	font-size: 11px;
	font-weight: 700;
	color: var(--awad-gold-deep);
	background: var(--awad-gold-soft);
	border-radius: 999px;
}

.awad-term__input:checked + .awad-term__face {
	border-color: var(--awad-navy);
	background: var(--awad-navy-soft);
	box-shadow: 0 0 0 3px rgba(16, 48, 90, .10);
}

.awad-term__input:checked + .awad-term__face .awad-term__label {
	color: var(--awad-navy);
}

.awad-term__input:focus-visible + .awad-term__face {
	outline: 2px solid var(--awad-navy);
	outline-offset: 2px;
}

/* -------------------------------------------------------- pick-one groups */

/* A round box with a dot rather than a square with a check: the shape says
   "only one of these" before the visitor has clicked anything. */
.awad-opt__tick--one {
	border-radius: 50%;
}

.awad-opt__tick--one::after {
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border: 0;
	border-radius: 50%;
	background: #fff;
	transform: translate(-50%, -50%) scale(.3);
}

.awad-opt__input:checked + .awad-opt__label .awad-opt__tick--one::after {
	transform: translate(-50%, -50%) scale(1);
}

.awad-grid--gap {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--awad-hair);
}

.awad-bar__sumcap em {
	font-style: normal;
	opacity: .75;
}

@media (max-width: 640px) {
	.awad-terms { grid-template-columns: minmax(0, 1fr); }

	.awad .awad-term__face {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: baseline;
		justify-content: flex-start;
		gap: 8px;
		padding: 14px 16px;
		text-align: start;
	}

	/* Ordered last so it lands at the trailing edge of the row, with the auto
	   margin pushing it the rest of the way. Left as the first child it dragged
	   the whole line away from the right margin. */
	.awad-term__badge {
		position: static;
		order: 9;
		transform: none;
		margin-inline-start: auto;
		white-space: nowrap;
	}

	.awad-term__label,
	.awad-term__months,
	.awad-term__note,
	.awad-term__off { white-space: nowrap; }

	.awad-term__note {
		overflow: hidden;
		text-overflow: ellipsis;
	}
}