/*
 * WordPress presentation layer for the IranDesigner hybrid theme.
 * The compiled live application CSS is loaded before this file.
 */

/* Accessibility utility retained in the versioned theme bundle after the
   unused WordPress block-library CSS is removed from custom public pages. */
body.irandesigner-wp .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.screen-reader-text:focus {
  top: 5px;
  left: 5px;
  z-index: 100000;
  display: block;
  width: auto;
  height: auto;
  padding: 0.9rem 1.25rem;
  margin: 0;
  clip-path: none;
  border-radius: 0.75rem;
  background: #fffdf9;
  color: #2d2733;
  font-size: 1rem;
  line-height: 1.5;
  box-shadow: 0 12px 34px -22px rgba(45, 39, 51, 0.55);
}

/* These labels replaced short metric numbers. Keep the hierarchy, but make
   them 50% smaller on mobile and 30% smaller from the desktop breakpoint. */
[data-editorial-metric="true"] {
	overflow-wrap: anywhere;
	text-wrap: balance;
}

/* Persian inline validation for contact, project brief and newsletter forms */
.id-fa-field {
  min-width: 0;
}

.id-fa-field-error {
  margin: 0.5rem 0 0;
  color: #a83e35;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.75;
  text-align: right;
}

body.irandesigner-wp .id-fa-field-error[hidden] {
  display: none;
}

body.irandesigner-wp form[data-fa-validation-ready="true"] :is(input, textarea)[aria-invalid="true"] {
  border-color: rgba(168, 62, 53, 0.72);
  box-shadow: 0 0 0 3px rgba(168, 62, 53, 0.1),
    0 12px 28px -24px rgba(126, 35, 31, 0.55);
}

body.irandesigner-wp form[data-fa-validation-ready="true"] :is(input, textarea)[aria-invalid="true"]:focus {
  border-color: #a83e35;
  box-shadow: 0 0 0 4px rgba(168, 62, 53, 0.13),
    0 14px 30px -24px rgba(126, 35, 31, 0.62);
}

.id-project-field.has-fa-error .id-project-field-label {
  color: #8f332d;
}

.id-fa-newsletter-feedback {
  grid-column: 1 / -1;
  width: 100%;
  margin: 0.1rem 0 0;
  padding: 0.65rem 0.9rem;
  border: 1px solid transparent;
  border-radius: 0.9rem;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.7;
  text-align: right;
}

body.irandesigner-wp .id-fa-newsletter-feedback[hidden] {
  display: none;
}

.id-fa-newsletter-feedback.is-error {
  border-color: rgba(191, 91, 75, 0.24);
  background: rgba(255, 238, 233, 0.92);
  color: #95372f;
}

.id-fa-newsletter-feedback.is-success {
  border-color: rgba(49, 151, 128, 0.26);
  background: rgba(231, 249, 242, 0.94);
  color: #176d5c;
}

footer .id-fa-newsletter-feedback,
.site-footer .id-fa-newsletter-feedback {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.08);
}

footer .id-fa-newsletter-feedback.is-error,
.site-footer .id-fa-newsletter-feedback.is-error {
  color: #ffd8cf;
}

footer .id-fa-newsletter-feedback.is-success,
.site-footer .id-fa-newsletter-feedback.is-success {
  color: #c9f4e5;
}

@media (max-width: 639px) {
  .id-fa-field-error,
  .id-fa-newsletter-feedback {
    font-size: 0.75rem;
  }
}

/* Careers content follows the same shared shell as the header and footer. */
.careers-page-shell {
  width: min(100% - 2rem, 80rem);
  margin-inline: auto;
}

@media (max-width: 767px) {
  .careers-page-shell {
    width: min(100% - 1.25rem, 80rem);
  }
}

body.irandesigner-wp [data-editorial-metric="true"].text-2xl,body.irandesigner-wp [data-editorial-metric="true"].ui-action-24,body.irandesigner-wp [data-editorial-metric="true"].ui-action-3y,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-4v,body.irandesigner-wp [data-editorial-metric="true"].ui-media-5b,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-5v{
	font-size: 0.75rem;
	line-height: 1.4;
}

body.irandesigner-wp [data-editorial-metric="true"].text-3xl,body.irandesigner-wp [data-editorial-metric="true"].ui-media-e,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-3c,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-3t,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-4z,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-70,body.irandesigner-wp [data-editorial-metric="true"].ui-row-81{
	font-size: 0.9375rem;
	line-height: 1.35;
}

body.irandesigner-wp [data-editorial-metric="true"].text-4xl,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-2k,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-2m{
	font-size: 1.125rem;
	line-height: 1.3;
}

body.irandesigner-wp [data-editorial-metric="true"].text-5xl {
	font-size: 1.5rem;
	line-height: 1.2;
}

@media ( min-width: 768px ) {
	body.irandesigner-wp [data-editorial-metric="true"].text-2xl,body.irandesigner-wp [data-editorial-metric="true"].ui-action-24,body.irandesigner-wp [data-editorial-metric="true"].ui-action-3y,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-4v,body.irandesigner-wp [data-editorial-metric="true"].ui-media-5b,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-5v{
		font-size: 1.05rem;
	}

	body.irandesigner-wp [data-editorial-metric="true"].text-3xl,
	body.irandesigner-wp [data-editorial-metric="true"].md\:text-3xl,body.irandesigner-wp [data-editorial-metric="true"].ui-media-e,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-3c,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-3t,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-4z,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-70,body.irandesigner-wp [data-editorial-metric="true"].ui-row-81{
		font-size: 1.3125rem;
	}

	body.irandesigner-wp [data-editorial-metric="true"].text-4xl,
	body.irandesigner-wp [data-editorial-metric="true"].md\:text-4xl,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-2k,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-2m,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-5v{
		font-size: 1.575rem;
	}

	body.irandesigner-wp [data-editorial-metric="true"].text-5xl,
	body.irandesigner-wp [data-editorial-metric="true"].md\:text-5xl,body.irandesigner-wp [data-editorial-metric="true"].ui-media-e,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-3c,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-3t,body.irandesigner-wp [data-editorial-metric="true"].ui-heading-70,body.irandesigner-wp [data-editorial-metric="true"].ui-row-81{
		font-size: 2.1rem;
	}
}

/* Service-specific introduction signals. Every service has four items so the
   desktop grid always resolves to a balanced 2 x 2 composition. */
.id-service-signals {
	--id-signal-accent: #2767c8;
	--id-signal-ink: #243047;
	display: grid;
	grid-template-columns: minmax( 0, 1fr );
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.id-service-signal {
	position: relative;
	isolation: isolate;
	display: flex;
	min-width: 0;
	min-height: 4.4rem;
	align-items: center;
	gap: 0.75rem;
	overflow: hidden;
	padding: 0.85rem 1rem;
	border: 1px solid color-mix( in srgb, var( --id-signal-accent ) 22%, transparent );
	color: var( --id-signal-ink );
	box-shadow: 0 14px 32px -27px color-mix( in srgb, var( --id-signal-accent ) 65%, transparent );
}

.id-service-signal__index {
	position: relative;
	z-index: 2;
	display: inline-flex;
	width: 2.15rem;
	height: 2.15rem;
	flex: 0 0 2.15rem;
	align-items: center;
	justify-content: center;
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1;
}

.id-service-signal__label {
	position: relative;
	z-index: 2;
	min-width: 0;
	font-size: 0.82rem;
	font-weight: 850;
	line-height: 1.75;
	text-wrap: balance;
}

@media ( min-width: 640px ) {
	.id-service-signals {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	}

	.id-service-signal__label {
		font-size: 0.9rem;
	}
}

/* Web design: blueprint tiles. */
.id-service-signals[data-service-signals="web-design"] {
	--id-signal-accent: #2767c8;
	--id-signal-ink: #21365d;
}

.id-service-signals[data-service-signals="web-design"] .id-service-signal {
	border-radius: 0.85rem;
	background-color: rgba( 246, 250, 255, 0.96 );
	background-image:
		linear-gradient( rgba( 39, 103, 200, 0.07 ) 1px, transparent 1px ),
		linear-gradient( 90deg, rgba( 39, 103, 200, 0.07 ) 1px, transparent 1px );
	background-size: 1.25rem 1.25rem;
	box-shadow: inset 3px 0 0 rgba( 39, 103, 200, 0.42 ), 0 16px 34px -29px rgba( 30, 77, 150, 0.72 );
}

.id-service-signals[data-service-signals="web-design"] .id-service-signal__index {
	border: 1px solid rgba( 39, 103, 200, 0.2 );
	border-radius: 0.55rem;
	background: rgba( 255, 255, 255, 0.9 );
	color: #2767c8;
}

/* Branding: soft identity capsules with a small palette signature. */
.id-service-signals[data-service-signals="branding"] {
	--id-signal-accent: #8b5fbf;
	--id-signal-ink: #4b365f;
}

.id-service-signals[data-service-signals="branding"] .id-service-signal {
	border-radius: 1.45rem 0.65rem 1.45rem 0.65rem;
	background: linear-gradient( 135deg, rgba( 251, 247, 255, 0.98 ), rgba( 246, 238, 250, 0.88 ) );
}

.id-service-signals[data-service-signals="branding"] .id-service-signal::after {
	position: absolute;
	inset-inline: 0.85rem;
	bottom: 0;
	height: 3px;
	border-radius: var(--ir-radius-hero);
	background: linear-gradient( 90deg, #8b5fbf, #d19a58, #c8654b );
	content: "";
	opacity: 0.74;
}

.id-service-signals[data-service-signals="branding"] .id-service-signal__index {
	border-radius: 50%;
	background: #5b3d73;
	color: #fff;
	box-shadow: 0 0 0 5px rgba( 139, 95, 191, 0.1 );
}

/* Marketing: campaign cards with directional energy. */
.id-service-signals[data-service-signals="marketing"] {
	--id-signal-accent: #d97735;
	--id-signal-ink: #693b22;
}

.id-service-signals[data-service-signals="marketing"] .id-service-signal {
	border-radius: 1.35rem 0.5rem;
	background: linear-gradient( 135deg, rgba( 255, 250, 240, 0.98 ), rgba( 255, 238, 225, 0.9 ) );
	box-shadow: inset -4px 0 0 rgba( 217, 119, 53, 0.54 ), 0 16px 34px -29px rgba( 173, 80, 30, 0.72 );
}

.id-service-signals[data-service-signals="marketing"] .id-service-signal:nth-child( 2n ) {
	background: linear-gradient( 135deg, rgba( 255, 247, 242, 0.98 ), rgba( 250, 232, 235, 0.9 ) );
}

.id-service-signals[data-service-signals="marketing"] .id-service-signal__index {
	border-radius: 0.45rem 1rem 0.45rem 1rem;
	background: #d97735;
	color: #fff;
}

/* SEO: compact audit rows with a technical green spine. */
.id-service-signals[data-service-signals="seo"] {
	--id-signal-accent: #14846f;
	--id-signal-ink: #1d5148;
}

.id-service-signals[data-service-signals="seo"] .id-service-signal {
	border-radius: 0.55rem;
	border-inline-start-width: 4px;
	background:
		radial-gradient( circle at 88% 18%, rgba( 20, 132, 111, 0.12 ), transparent 34% ),
		rgba( 246, 253, 250, 0.96 );
	box-shadow: 0 13px 28px -26px rgba( 20, 105, 91, 0.82 );
}

.id-service-signals[data-service-signals="seo"] .id-service-signal__index {
	border: 1px solid rgba( 20, 132, 111, 0.28 );
	border-radius: 0.35rem;
	background: rgba( 222, 247, 239, 0.9 );
	color: #0f7562;
}

/* Google Ads: dashboard-like dark cards with a conversion accent. */
.id-service-signals[data-service-signals="ads"] {
	--id-signal-accent: #4f7cff;
	--id-signal-ink: #f8fbff;
}

.id-service-signals[data-service-signals="ads"] .id-service-signal {
	border-color: rgba( 112, 151, 255, 0.3 );
	border-radius: 1.05rem;
	background:
		linear-gradient( 120deg, rgba( 255, 255, 255, 0.08 ), transparent 44% ),
		linear-gradient( 135deg, #182746, #213a68 );
	box-shadow: 0 18px 38px -25px rgba( 23, 44, 84, 0.9 );
}

.id-service-signals[data-service-signals="ads"] .id-service-signal::after {
	position: absolute;
	inset-inline: 1rem;
	top: 0;
	height: 3px;
	background: linear-gradient( 90deg, #7da2ff, #63d4c7, #efaa63 );
	content: "";
}

.id-service-signals[data-service-signals="ads"] .id-service-signal__index {
	border-radius: 0.65rem;
	background: #f0a15b;
	color: #17284a;
}

/* Medical website: calm clinical panels. */
.id-service-signals[data-service-signals="medical-website-design"] {
	--id-signal-accent: #278b91;
	--id-signal-ink: #22565d;
}

.id-service-signals[data-service-signals="medical-website-design"] .id-service-signal {
	border-radius: var(--ir-radius-hero);
	background: linear-gradient( 145deg, rgba( 250, 255, 255, 0.98 ), rgba( 229, 247, 244, 0.92 ) );
	box-shadow: 0 15px 34px -27px rgba( 39, 139, 145, 0.68 );
}

.id-service-signals[data-service-signals="medical-website-design"] .id-service-signal::after {
	position: absolute;
	inset-inline-end: 0.8rem;
	top: 0.5rem;
	color: rgba( 39, 139, 145, 0.15 );
	content: "+";
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
}

.id-service-signals[data-service-signals="medical-website-design"] .id-service-signal__index {
	border-radius: 0.8rem;
	background: rgba( 39, 139, 145, 0.13 );
	color: #237b81;
	box-shadow: inset 0 0 0 1px rgba( 39, 139, 145, 0.12 );
}

/* Travel website: ticket cards with perforated edges. */
.id-service-signals[data-service-signals="travel-website-design"] {
	--id-signal-accent: #2a78aa;
	--id-signal-ink: #214c68;
}

.id-service-signals[data-service-signals="travel-website-design"] .id-service-signal {
	border-style: dashed;
	border-radius: 0.8rem;
	background: linear-gradient( 135deg, rgba( 246, 252, 255, 0.98 ), rgba( 239, 247, 232, 0.9 ) );
	box-shadow: 0 15px 32px -28px rgba( 42, 120, 170, 0.82 );
}

.id-service-signals[data-service-signals="travel-website-design"] .id-service-signal::after {
	position: absolute;
	inset-inline-end: -0.45rem;
	top: 50%;
	width: 0.85rem;
	height: 0.85rem;
	border: 1px dashed rgba( 42, 120, 170, 0.28 );
	border-radius: 50%;
	background: #fff;
	content: "";
	transform: translateY( -50% );
}

.id-service-signals[data-service-signals="travel-website-design"] .id-service-signal__index {
	border-radius: 50% 50% 50% 0.35rem;
	background: #2a78aa;
	color: #fff;
}

/* Service-card art direction.
 * The saved editor markup deliberately stays unchanged: the page wrapper is
 * the design context, so cards can have a distinct visual language per
 * service without duplicating content or creating desktop/mobile variants. */
.service-detail-page:is(
	.service-detail-page--web-design,
	.service-detail-page--branding,
	.service-detail-page--marketing,
	.service-detail-page--seo,
	.service-detail-page--ads,
	.service-detail-page--medical-website-design,
	.service-detail-page--travel-website-design
) :is(
	article,
	section.public-color-card,
	div.public-color-card,
	.service-value-feature-card,
	.service-value-stat-card,
	.service-value-deliverable-panel,
	[class*="rounded-"][class*="border"][class*="p-"]
) {
	min-width: 0;
	border-width: 1px;
	border-style: solid;
	transition: transform 260ms cubic-bezier( .22, 1, .36, 1 ), border-color 260ms ease, box-shadow 260ms ease, background-color 260ms ease;
}

/* Web design: modular blueprint surfaces with crisp construction lines. */
body.irandesigner-wp .service-detail-page--web-design :is(
	article,
	section.public-color-card,
	div.public-color-card,
	.service-value-feature-card,
	.service-value-stat-card,
	.service-value-deliverable-panel,
	[class*="rounded-"][class*="border"][class*="p-"]
) {
	border-color: rgba( 39, 103, 200, 0.16 );
	border-radius: var(--ir-radius-card);
	background-color: rgba( 249, 252, 255, 0.96 );
	background-image:
		linear-gradient( rgba( 39, 103, 200, 0.045 ) 1px, transparent 1px ),
		linear-gradient( 90deg, rgba( 39, 103, 200, 0.045 ) 1px, transparent 1px );
	background-size: 1.5rem 1.5rem;
	box-shadow: inset 3px 0 0 rgba( 39, 103, 200, 0.34 ), 0 22px 46px -38px rgba( 28, 76, 151, 0.62 );
}

body.irandesigner-wp .service-detail-page--web-design article:nth-of-type( 2n ) {
	box-shadow: inset 3px 0 0 rgba( 65, 135, 146, 0.42 ), 0 22px 46px -38px rgba( 28, 76, 151, 0.62 );
}

body.irandesigner-wp .service-detail-page--web-design article:hover {
	transform: translateY( -4px );
	border-color: rgba( 39, 103, 200, 0.3 );
}

/* Branding: editorial identity cards with alternating signature corners. */
body.irandesigner-wp .service-detail-page--branding :is(article, section.public-color-card, div.public-color-card, [class*="rounded-"][class*="border"][class*="p-"]) {
	border-color: rgba( 122, 76, 153, 0.17 );
	border-radius: var(--ir-radius-hero);
	background:
		radial-gradient( circle at 88% 10%, rgba( 139, 95, 191, 0.12 ), transparent 32% ),
		linear-gradient( 145deg, rgba( 255, 253, 255, 0.98 ), rgba( 248, 240, 250, 0.92 ) );
	box-shadow: inset 0 -3px 0 rgba( 209, 154, 88, 0.48 ), 0 24px 50px -40px rgba( 92, 54, 117, 0.58 );
}

body.irandesigner-wp .service-detail-page--branding article:nth-of-type( 2n ) {
	border-radius: var(--ir-radius-hero);
	background:
		radial-gradient( circle at 12% 12%, rgba( 209, 154, 88, 0.13 ), transparent 30% ),
		linear-gradient( 145deg, rgba( 255, 253, 250, 0.98 ), rgba( 250, 244, 238, 0.94 ) );
	box-shadow: inset 0 -3px 0 rgba( 139, 95, 191, 0.42 ), 0 24px 50px -40px rgba( 92, 54, 117, 0.58 );
}

.service-detail-page--branding article:hover {
	transform: translateY( -4px ) rotate( -0.18deg );
}

/* Digital marketing: campaign cards with directional, energetic edges. */
body.irandesigner-wp .service-detail-page--marketing :is(
	article,
	section.public-color-card,
	div.public-color-card,
	.service-value-feature-card,
	.service-value-stat-card,
	.service-value-deliverable-panel,
	[class*="rounded-"][class*="border"][class*="p-"]
) {
	border-color: rgba( 210, 107, 52, 0.18 );
	border-radius: var(--ir-radius-hero);
	background: linear-gradient( 135deg, rgba( 255, 253, 247, 0.98 ), rgba( 255, 239, 226, 0.93 ) );
	box-shadow: inset -4px 0 0 rgba( 217, 119, 53, 0.5 ), 0 24px 52px -40px rgba( 166, 74, 27, 0.62 );
}

body.irandesigner-wp .service-detail-page--marketing article:nth-of-type( 2n ) {
	border-color: rgba( 190, 83, 93, 0.17 );
	border-radius: var(--ir-radius-hero);
	background: linear-gradient( 135deg, rgba( 255, 250, 248, 0.98 ), rgba( 250, 233, 235, 0.93 ) );
	box-shadow: inset -4px 0 0 rgba( 190, 83, 93, 0.46 ), 0 24px 52px -40px rgba( 146, 65, 49, 0.58 );
}

.service-detail-page--marketing article:hover {
	transform: translate( -2px, -5px );
}

/* SEO: audit panels with a technical spine and a restrained data grid. */
body.irandesigner-wp .service-detail-page--seo :is(article, section.public-color-card, div.public-color-card, [class*="rounded-"][class*="border"][class*="p-"]) {
	border-color: rgba( 20, 132, 111, 0.18 );
	border-inline-start-width: 4px;
	border-radius: 0.65rem;
	background-color: rgba( 247, 253, 250, 0.98 );
	background-image:
		linear-gradient( rgba( 20, 132, 111, 0.04 ) 1px, transparent 1px ),
		linear-gradient( 90deg, rgba( 20, 132, 111, 0.04 ) 1px, transparent 1px );
	background-size: 1.15rem 1.15rem;
	box-shadow: 0 20px 42px -38px rgba( 15, 103, 87, 0.78 );
}

body.irandesigner-wp .service-detail-page--seo article:nth-of-type( 2n ) {
	border-inline-start-color: rgba( 45, 116, 160, 0.62 );
	background-color: rgba( 246, 251, 253, 0.98 );
}

body.irandesigner-wp .service-detail-page--seo article:hover {
	transform: translateY( -3px );
	border-color: rgba( 20, 132, 111, 0.32 );
}

/* Google Ads: clean performance dashboards with alternating KPI rails. */
body.irandesigner-wp .service-detail-page--ads :is(article, section.public-color-card, div.public-color-card, [class*="rounded-"][class*="border"][class*="p-"]) {
	border-color: rgba( 63, 93, 158, 0.2 );
	border-radius: 1.05rem;
	background:
		radial-gradient( circle at 86% 12%, rgba( 79, 124, 255, 0.13 ), transparent 34% ),
		linear-gradient( 145deg, rgba( 252, 253, 255, 0.99 ), rgba( 238, 243, 253, 0.95 ) );
	box-shadow: inset 0 4px 0 #3f5d9e, 0 24px 52px -39px rgba( 30, 53, 101, 0.72 );
}

body.irandesigner-wp .service-detail-page--ads article:nth-of-type( 2n ) {
	background:
		radial-gradient( circle at 14% 12%, rgba( 64, 181, 171, 0.13 ), transparent 34% ),
		linear-gradient( 145deg, rgba( 251, 254, 255, 0.99 ), rgba( 235, 248, 248, 0.95 ) );
	box-shadow: inset 0 4px 0 #40a69d, 0 24px 52px -39px rgba( 30, 76, 94, 0.66 );
}

body.irandesigner-wp .service-detail-page--ads article:hover {
	transform: translateY( -4px );
	box-shadow: inset 0 4px 0 #ef9d58, 0 30px 58px -39px rgba( 30, 53, 101, 0.78 );
}

/* Medical website: calm clinical surfaces with soft, trustworthy depth. */
body.irandesigner-wp .service-detail-page--medical-website-design :is(article, section.public-color-card, div.public-color-card, [class*="rounded-"][class*="border"][class*="p-"]) {
	border-color: rgba( 39, 139, 145, 0.17 );
	border-radius: var(--ir-radius-hero);
	background:
		radial-gradient( circle at 88% 12%, rgba( 39, 139, 145, 0.12 ), transparent 30% ),
		linear-gradient( 150deg, rgba( 253, 255, 255, 0.99 ), rgba( 235, 248, 246, 0.94 ) );
	box-shadow: inset 0 0 0 1px rgba( 255, 255, 255, 0.76 ), 0 22px 48px -40px rgba( 32, 113, 118, 0.64 );
}

body.irandesigner-wp .service-detail-page--medical-website-design article:nth-of-type( 2n ) {
	border-radius: var(--ir-radius-hero);
	background:
		radial-gradient( circle at 12% 12%, rgba( 52, 125, 178, 0.1 ), transparent 30% ),
		linear-gradient( 150deg, rgba( 253, 255, 255, 0.99 ), rgba( 239, 247, 253, 0.94 ) );
}

body.irandesigner-wp .service-detail-page--medical-website-design article:hover {
	transform: translateY( -3px );
	border-color: rgba( 39, 139, 145, 0.3 );
}

/* Travel website: ticket-shaped cards with dashed booking edges. */
body.irandesigner-wp .service-detail-page--travel-website-design :is(article, section.public-color-card, div.public-color-card, [class*="rounded-"][class*="border"][class*="p-"]) {
	border-color: rgba( 42, 120, 170, 0.28 );
	border-style: dashed;
	border-radius: 0.85rem;
	background:
		radial-gradient( circle at 100% 50%, #fffaf3 0 0.48rem, transparent 0.5rem ),
		radial-gradient( circle at 0 50%, #fffaf3 0 0.48rem, transparent 0.5rem ),
		linear-gradient( 135deg, rgba( 249, 253, 255, 0.99 ), rgba( 238, 248, 243, 0.95 ) );
	box-shadow: 0 22px 46px -39px rgba( 37, 105, 148, 0.76 );
}

body.irandesigner-wp .service-detail-page--travel-website-design article:nth-of-type( 2n ) {
	border-color: rgba( 204, 144, 69, 0.32 );
	background:
		radial-gradient( circle at 100% 50%, #fffaf3 0 0.48rem, transparent 0.5rem ),
		radial-gradient( circle at 0 50%, #fffaf3 0 0.48rem, transparent 0.5rem ),
		linear-gradient( 135deg, rgba( 255, 253, 248, 0.99 ), rgba( 252, 244, 226, 0.95 ) );
}

.service-detail-page--travel-website-design article:hover {
	transform: translateY( -4px ) rotate( 0.12deg );
}

@media ( max-width: 639px ) {
	.service-detail-page:is(
		.service-detail-page--web-design,
		.service-detail-page--branding,
		.service-detail-page--marketing,
		.service-detail-page--seo,
		.service-detail-page--ads,
		.service-detail-page--medical-website-design,
		.service-detail-page--travel-website-design
	) :is(article, section.public-color-card, div.public-color-card, [class*="rounded-"][class*="border"][class*="p-"]) {
		max-width: 100%;
		transform: none;
	}
}

@media ( max-width: 639px ) {
	body.irandesigner-wp.is-irandesigner-home section[style="order:2"] .grid-cols-2 > .public-color-card,body.irandesigner-wp.is-irandesigner-home section[style="order:2"] .ui-grid-2i > .public-color-card,body.irandesigner-wp.is-irandesigner-home section[style="order:2"] .ui-grid-1w > .public-color-card{
		min-width: 0;
		padding: 1rem;
	}
}

/* Portfolio listing header ("سایر پروژه‌ها" + count): its row uses a
   grid-cols-[1fr_auto] layout whose second (auto) column is empty here, yet the
   column gap still pushed the whole heading/description block ~20px to the
   right. Collapse it to a single column, and nudge the heading + description
   20px off the right edge so they sit a touch left instead of hugging it. */
/* All resolutions (mobile included): nudge the heading + description off the
   right edge so they don't hug it. */
body.page-template-page-portfolio .mb-6[class*="grid-cols-[1fr_auto]"] > *:first-child,body.page-template-page-portfolio .ui-row-30[class*="grid-cols-[1fr_auto]"] > *:first-child,body.page-template-page-portfolio .ui-row-3t[class*="grid-cols-[1fr_auto]"] > *:first-child,body.page-template-page-portfolio .ui-row-4f[class*="grid-cols-[1fr_auto]"] > *:first-child,body.page-template-page-portfolio .ui-text-21[class*="grid-cols-[1fr_auto]"] > *:first-child,body.page-template-page-portfolio .ui-media-7x[class*="grid-cols-[1fr_auto]"] > *:first-child,body.page-template-page-portfolio .ui-text-5w-2[class*="grid-cols-[1fr_auto]"] > *:first-child,body.page-template-page-portfolio .ui-heading-70[class*="grid-cols-[1fr_auto]"] > *:first-child,body.page-template-page-portfolio .ui-panel-7j[class*="grid-cols-[1fr_auto]"] > *:first-child,body.page-template-page-portfolio .ui-style-35[class*="grid-cols-[1fr_auto]"] > *:first-child{
	padding-right: 20px;
}
/* Desktop only: the empty second grid column plus the column gap pushed the
   whole block right — collapse it to a single column. */
@media ( min-width: 1024px ) {
	body.page-template-page-portfolio .mb-6[class*="grid-cols-[1fr_auto]"],body.page-template-page-portfolio .ui-row-30[class*="grid-cols-[1fr_auto]"],body.page-template-page-portfolio .ui-row-3t[class*="grid-cols-[1fr_auto]"],body.page-template-page-portfolio .ui-row-4f[class*="grid-cols-[1fr_auto]"],body.page-template-page-portfolio .ui-text-21[class*="grid-cols-[1fr_auto]"],body.page-template-page-portfolio .ui-media-7x[class*="grid-cols-[1fr_auto]"],body.page-template-page-portfolio .ui-text-5w-2[class*="grid-cols-[1fr_auto]"],body.page-template-page-portfolio .ui-heading-70[class*="grid-cols-[1fr_auto]"],body.page-template-page-portfolio .ui-panel-7j[class*="grid-cols-[1fr_auto]"],body.page-template-page-portfolio .ui-style-35[class*="grid-cols-[1fr_auto]"]{
		grid-template-columns: minmax( 0, 1fr );
	}
}

:root {
  --id-background: #fbf7f0;
  --id-foreground: #2d2733;
  --id-card: #fffdf9;
  --id-primary: #9f4d3e;
  --id-primary-dark: #7e382f;
  --id-accent: #d19a58;
  --id-green: #0d530e;
  --id-muted: #f1e8dc;
  --id-muted-foreground: #554a44;
  --id-border: #ddd1bc;

  /* Canonical geometry: controls 12–16px, cards 16–20px, heroes 24px. */
  --id-radius-control-compact: 0.75rem;
  --id-radius-control: 0.875rem;
  --id-radius-control-large: 1rem;
  --id-radius-card: 1rem;
  --id-radius-feature: 1.25rem;
  --id-radius-hero: 1.5rem;
  --id-radius-pill: 999px;
  --id-radius-circle: 50%;
  --ir-radius-control-sm: var(--id-radius-control-compact);
  --ir-radius-control-md: var(--id-radius-control);
  --ir-radius-control-lg: var(--id-radius-control-large);
  --ir-radius-card: var(--id-radius-card);
  --ir-radius-panel: var(--id-radius-feature);
  --ir-radius-hero: var(--id-radius-hero);
  --ir-radius-pill: var(--id-radius-pill);
  --id-radius: var(--id-radius-card);
  --id-radius-xl: var(--id-radius-feature);
  --ir-action-radius-compact: var(--id-radius-control-compact);
  --ir-action-radius-default: var(--id-radius-control);
  --ir-action-radius-large: var(--id-radius-control-large);

  /* A restrained spacing and type scale shared by the WordPress surfaces. */
  --ir-space-1: 4px;
  --ir-space-2: 8px;
  --ir-space-3: 12px;
  --ir-space-4: 16px;
  --ir-space-5: 20px;
  --ir-space-6: 24px;
  --ir-space-8: 32px;
  --ir-space-10: 40px;
  --ir-space-12: 48px;
  --ir-space-16: 64px;
  --ir-space-20: 80px;
  --ir-space-24: 96px;
  --id-space-xs: 0.5rem;
  --id-space-sm: 0.75rem;
  --id-space-md: 1rem;
  --id-space-lg: 1.5rem;
  --id-space-section: clamp(3.5rem, 7vw, 6rem);
  --id-type-caption: 0.75rem;
  --id-type-ui: 0.875rem;
  --id-type-body: 1rem;
  --id-type-heading: clamp(1.75rem, 3vw, 2.5rem);
  --id-type-display: clamp(2.25rem, 5vw, 4.25rem);

  /* Elevation is deliberately limited to three reusable levels. */
  --id-shadow-soft: 0 1px 2px rgb(74 48 29 / 5%), 0 8px 18px -10px rgb(74 48 29 / 10%);
  --id-shadow-md: 0 10px 24px -14px rgb(74 48 29 / 16%), 0 20px 40px -20px rgb(184 90 67 / 12%);
  --id-shadow-lg: 0 18px 48px -28px rgb(74 48 29 / 22%), 0 32px 64px -32px rgb(184 90 67 / 20%);
  --ir-shadow-none: none;
  --ir-shadow-soft: var(--id-shadow-soft);
  --ir-shadow-card: var(--id-shadow-soft);
  --ir-shadow-md: var(--id-shadow-md);
  --ir-shadow-panel: var(--id-shadow-md);
  --ir-shadow-strong: var(--id-shadow-lg);
  --ir-shadow-hero: var(--id-shadow-lg);
  --ir-shadow-focus: 0 0 0 4px rgb(159 77 62 / 11%);
  --ir-control-border: rgb(159 77 62 / 20%);
  --ir-control-border-hover: rgb(159 77 62 / 38%);
  --ir-control-surface: rgb(255 253 249 / 94%);
  --ir-control-shadow: var(--id-shadow-soft);
  --ir-control-shadow-hover: var(--id-shadow-md);
  --ir-control-focus: var(--ir-shadow-focus);
  --ir-control-motion: 180ms cubic-bezier(0.22, 1, 0.36, 1);
  --ir-primary-action-bg: linear-gradient(135deg, #b85a43 0%, #cf7452 54%, #a64d3d 100%);
  --ir-primary-action-bg-hover: linear-gradient(135deg, #c26249 0%, #dc815d 54%, #ad503f 100%);
  --ir-primary-action-border: rgb(207 116 82 / 82%);
  --ir-primary-action-border-hover: rgb(220 129 93 / 92%);
  --ir-primary-action-color: #fffaf3;
  --ir-primary-action-shadow:
    inset 0 1px 0 rgb(255 255 255 / 20%),
    inset 0 0 0 1px rgb(255 244 224 / 8%),
    0 18px 42px -20px rgb(159 77 62 / 48%),
    0 8px 20px -16px rgb(209 154 88 / 54%);
  --ir-primary-action-shadow-hover:
    inset 0 1px 0 rgb(255 255 255 / 26%),
    inset 0 0 0 1px rgb(255 244 224 / 12%),
    0 22px 48px -18px rgb(159 77 62 / 62%),
    0 11px 24px -16px rgb(209 154 88 / 68%);
  --ir-secondary-action-bg: linear-gradient(145deg, rgb(255 255 255 / 98%), rgb(255 250 244 / 92%));
  --ir-secondary-action-bg-hover: linear-gradient(145deg, #fff 0%, rgb(209 154 88 / 10%) 100%);
  --ir-secondary-action-border: rgb(209 154 88 / 32%);
  --ir-secondary-action-shadow: var(--id-shadow-soft);
  --ir-secondary-action-shadow-hover: var(--id-shadow-md);
  --ir-action-transition:
    transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 280ms cubic-bezier(0.22, 1, 0.36, 1),
    background 280ms cubic-bezier(0.22, 1, 0.36, 1),
    color 280ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 280ms cubic-bezier(0.22, 1, 0.36, 1);
  --brand-divider-gradient: linear-gradient(90deg, #0d530e 0%, #51443a 34%, #d19a58 56%, #c8654b 78%, #9b2a2a 100%);
}

html {
  scroll-padding-top: 7.5rem;
}

body.irandesigner-wp:not(.irandesigner-exact-ui) {
  overflow-x: hidden;
  min-width: 320px;
  background:
    radial-gradient(circle at 16% -4%, rgb(209 154 88 / 10%) 0, transparent 34%),
    radial-gradient(circle at 86% 10%, rgb(159 77 62 / 7%) 0, transparent 30%),
    linear-gradient(180deg, #fffdf9 0, var(--id-background) 58%, #f4ebdf 100%);
  color: var(--id-foreground);
  font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
  direction: rtl;
}

body.admin-bar .id-site-header nav {
  top: 32px;
}

.site {
  min-height: 100vh;
}

.public-shell-container {
  width: min(100% - 2rem, 80rem);
  margin-inline: auto;
}

.id-skip-link {
  position: fixed;
  top: -6rem;
  right: 1rem;
  z-index: 99999;
  border-radius: var(--ir-radius-pill);
  background: var(--id-foreground);
  color: #fff;
  padding: 0.75rem 1.1rem;
  font-weight: 800;
  transition: top 180ms ease;
}

.id-skip-link:focus {
  top: 1rem;
}

.id-icon {
  width: 1.1rem;
  height: 1.1rem;
  flex: 0 0 auto;
}

body.irandesigner-wp :is(a, button, input, textarea, select) {
  -webkit-tap-highlight-color: transparent;
}

.id-clipboard-buffer {
  position: fixed;
  top: 0;
  inset-inline-start: -9999px;
  opacity: 0;
  pointer-events: none;
}

:where(a, button, input, textarea, select, summary):focus-visible {
  outline: 3px solid rgb(209 154 88 / 58%);
  outline-offset: 3px;
}

/* Interactive controls must remain comfortably operable by touch. Inline
   editorial links are excluded because enlarging them would break line flow. */
body.irandesigner-wp.irandesigner-exact-ui :where(
  button,
  input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),
  select,
  textarea,
  summary,
  a.id-button,
  a.brand-button-motion,
  a[role="button"],
  [data-theme-toc] a,
  .page-numbers,
  .public-header-social-link,
  [data-public-menu-toggle]
) {
  min-height: 2.75rem;
}

.id-button {
  display: inline-flex;
  min-height: 2.75rem;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  border: 1px solid transparent;
  border-radius: var(--ir-radius-pill);
  padding: 0.7rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
  cursor: pointer;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;
}

.id-button:hover {
  transform: translateY(-2px);
}

.id-button--primary {
  background: linear-gradient(135deg, #a34f3e, #c56a4f 58%, #a34a3b);
  color: #fffaf3;
  box-shadow: 0 18px 42px -20px rgb(159 77 62 / 60%);
}

.id-button--primary:hover {
  color: #fff;
  box-shadow: 0 22px 48px -20px rgb(159 77 62 / 72%);
}

.id-button--outline {
  border-color: rgb(159 77 62 / 25%);
  background: rgb(255 253 249 / 76%);
  color: var(--id-primary);
  box-shadow: var(--ir-shadow-soft);
}

.id-button--outline:hover,
.id-button--soft:hover {
  border-color: rgb(159 77 62 / 45%);
  background: #fff;
  color: var(--id-primary-dark);
}

.id-button--soft {
  border-color: rgb(221 209 188 / 76%);
  background: rgb(255 255 255 / 72%);
  color: var(--id-muted-foreground);
}

.id-button--light,
.id-button--footer {
  background: #fffaf3;
  color: var(--id-primary-dark);
  box-shadow: 0 20px 48px -26px rgb(255 250 243 / 70%);
}

.id-text-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--id-primary);
  font-size: 0.83rem;
  font-weight: 800;
}

.id-text-link:hover {
  color: var(--id-primary-dark);
}

/* Header and navigation */
.id-site-header nav {
  pointer-events: none;
}

.id-site-header nav .public-shell-container,
.public-nav-glass,
.public-nav-mobile-panel {
  pointer-events: auto;
}

body.irandesigner-wp .public-nav-glass--desktop {
  min-height: 4.35rem;
  padding: 0.55rem 0.75rem 0.55rem 0.65rem;
}

.irandesigner-mobile-menu-initial {
  opacity: 0;
  transform: translateY(-12px) scale(0.96);
}

.irandesigner-sticky-panel-initial {
  opacity: 0;
  transform: translateY(10px) scale(0.98);
}

.irandesigner-mobile-sticky-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* The nav paints a decorative fade strip below the bar via ::after. It must
   sit behind every nav child, otherwise it overlays the dropdown popover top
   (the glass creates its own stacking context, so a popover z-index cannot
   escape it). */
[data-hero-nav-state]::after {
  z-index: -1;
}

/* Use the same multitone palette as the primary order button, with gold icons
   and a flat item hover that never creates a horizontal shadow band. */
@media (min-width: 1280px) {
  .public-nav-popover {
    z-index: 30;
    border-color: rgb(240 194 123 / 54%);
    background: linear-gradient(135deg, #b85a43 0%, #cf7452 54%, #a64d3d 100%);
    box-shadow: 0 24px 58px -34px rgb(126 56 47 / 58%), inset 0 1px rgb(255 255 255 / 18%);
  }

  body.irandesigner-wp .public-nav-popover a {
    border: 1px solid transparent;
    color: rgb(255 250 243 / 90%);
    box-shadow: var(--ir-shadow-none);
    filter: none;
    transform: none;
    transition: transform 180ms ease, background 180ms ease, border-color 180ms ease, color 180ms ease;
  }

  body.irandesigner-wp .public-nav-popover a span {
    color: inherit;
  }

  body.irandesigner-wp .public-nav-popover a svg {
    color: #f5d58d;
    filter: drop-shadow(0 2px 5px rgb(83 36 29 / 20%));
    transition: transform 180ms ease, color 180ms ease, filter 180ms ease;
  }

  body.irandesigner-wp .public-nav-popover a:hover,
  body.irandesigner-wp .public-nav-popover a:focus-visible {
    border-color: rgb(255 235 190 / 34%);
    background: linear-gradient(90deg, rgb(255 250 243 / 8%), rgb(255 235 190 / 22%));
    color: #fffaf3;
    box-shadow: var(--ir-shadow-none);
    transform: translateX(-0.18rem);
  }

  body.irandesigner-wp .public-nav-popover a:hover svg,
  body.irandesigner-wp .public-nav-popover a:focus-visible svg {
    color: #ffe2a3;
    filter: drop-shadow(0 3px 7px rgb(83 36 29 / 28%));
    transform: scale(1.08);
  }
}

/* The decision-tabs surface (tint + the two corner glows) used to be painted
   directly on the section box. Because the section is `overflow:hidden`, the
   upper half of the amber (left) and blue (right) glows was hard-clipped at the
   top edge, so the coloured band began on an abrupt horizontal line and looked
   "cut off" on the left/right against the plain section above. Move the whole
   surface onto a masked ::before layer and fade it toward every edge with a
   soft elliptical mask, so the tint and glows dissolve into the neighbouring
   sections on all four sides instead of ending on a seam. */
body.irandesigner-wp.is-irandesigner-home .home-decision-tabs-section {
  background: none;
}

body.irandesigner-wp.is-irandesigner-home .home-decision-tabs-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 15% 32%, rgb(209 154 88 / 20%) 0%, transparent 26rem),
    radial-gradient(circle at 85% 28%, rgb(39 103 200 / 13%) 0%, transparent 27rem),
    linear-gradient(180deg, rgb(246 236 226 / 0%) 0%, rgb(246 236 226 / 46%) 50%, rgb(255 252 248 / 0%) 100%);
  -webkit-mask-image: radial-gradient(125% 135% at 50% 42%, #000 58%, transparent 100%);
  mask-image: radial-gradient(125% 135% at 50% 42%, #000 58%, transparent 100%);
}

/* The decision-tabs section had no top separator line, so the boundary with the
   design-process section above it read as a soft blur with no edge — unlike the
   other home sections which carry a 1px brand-gradient divider (home-section-top-
   line). Draw the same hairline at the top of this section via ::after. */
body.is-irandesigner-home .home-decision-tabs-section::after {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(16,37,75) 18%, rgb(81,68,58) 36%, rgb(209,154,88) 56%, rgb(200,101,75) 76%, rgb(155,42,42) 88%, rgba(0,0,0,0) 100%);
  opacity: 0.38;
  z-index: 0;
  pointer-events: none;
}

/* The design-process section stacks several decorative background layers
   (base gradient, hero-mesh glow, dot grid). One mesh glow is centred just
   below the section, so at the bottom edge the colours pile up and end on a
   hard horizontal line where the next section begins. Fading every decorative
   layer of the section toward its lower edge lets it dissolve into the page
   background and blend smoothly into the decision-tabs section, in both the
   collapsed and expanded accordion states. */
body.is-irandesigner-home #home-design-process > [aria-hidden] {
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 62%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 0%, #000 62%, transparent 100%);
}

/* The hero forced a full-viewport height from the tablet breakpoint up
   (md:min-h-screen) while its content stays top-aligned, so on tall tablet
   portraits, high-resolution screens, and any zoomed-out level (where the
   viewport grows in CSS pixels) a large empty band opened before the next
   section. Drive the height from the content with a fixed floor instead of the
   viewport, so it never inflates with zoom; taller content still grows it. */
@media (min-width: 768px) {
  .home-corner-lights--hero {
    min-height: 720px;
  }
}

/* Portfolio grid: the captured project cards each repeated a heavy filled
   primary button. Present it as the site's lightweight text link with a
   trailing arrow (matching .id-text-link) so a page full of cards reads calm
   instead of a wall of solid buttons. */
body.irandesigner-wp.page-template-page-portfolio article.public-color-card a.brand-button-motion--primary {
  height: auto;
  width: auto;
  padding: 0;
  gap: 0.4rem;
  background: none;
  box-shadow: var(--ir-shadow-none);
  border: 0;
  border-radius: 0;
  color: var(--id-primary);
  font-weight: 800;
  justify-self: start;
  justify-content: flex-start;
}

.page-template-page-portfolio article.public-color-card a.brand-button-motion--primary::after {
  content: "\2190"; /* ← leftward arrow: "forward" in RTL */
  font-size: 1.05em;
  line-height: 1;
  transition: transform 180ms ease;
}

body.irandesigner-wp.page-template-page-portfolio article.public-color-card a.brand-button-motion--primary:hover {
  transform: none;
  color: var(--id-primary-dark, #7d3a2d);
}

.page-template-page-portfolio article.public-color-card a.brand-button-motion--primary:hover::after {
  transform: translateX(-0.28rem);
}

/* Portfolio cards are intentionally image-led. Taxonomy pills and excerpts
   were removed from the server markup; the quiet editorial footer now gives
   every project a clearer title/action hierarchy and a subtle brand-shine
   edge without changing the established colour system. */
body.irandesigner-wp.page-template-page-portfolio .id-portfolio-showcase-card {
  position: relative;
  isolation: isolate;
  min-width: 0;
  border: 2px solid transparent;
  border-radius: var(--ir-radius-hero);
  background:
    linear-gradient(145deg, rgb(255 253 249 / 98%), rgb(249 245 240 / 96%)) padding-box,
    linear-gradient(118deg, rgb(77 150 118 / 82%), rgb(209 154 88 / 90%) 48%, rgb(190 100 76 / 88%) 78%, rgb(71 103 159 / 76%)) border-box;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 76%),
    0 24px 54px -44px rgb(45 39 51 / 52%),
    0 0 30px -25px rgb(209 154 88 / 44%);
}

.page-template-page-portfolio .id-portfolio-showcase-card::before {
  position: absolute;
  z-index: 3;
  inset: 0.65rem 0.8rem auto;
  height: 1px;
  pointer-events: none;
  border-radius: var(--ir-radius-pill);
  background: linear-gradient(90deg, transparent, rgb(255 255 255 / 88%), transparent);
  content: "";
  opacity: 0.68;
}

body.irandesigner-wp.page-template-page-portfolio .id-portfolio-showcase-card:hover {
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 80%),
    0 30px 68px -45px rgb(45 39 51 / 62%),
    0 0 34px -22px rgb(190 100 76 / 50%);
}

.page-template-page-portfolio .id-portfolio-showcase-card__media {
  margin: 0.55rem 0.55rem 0;
  border: 1px solid rgb(255 255 255 / 76%);
  border-radius: 1.12rem;
  box-shadow: 0 20px 42px -34px rgb(45 39 51 / 66%);
}

.page-template-page-portfolio .id-portfolio-showcase-card__media::after {
  position: absolute;
  inset: auto 0 0;
  height: 34%;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgb(31 35 46 / 14%));
  content: "";
}

body.irandesigner-wp.page-template-page-portfolio .id-portfolio-showcase-card__body {
  min-height: 10.5rem;
  gap: 0.9rem;
  padding: 1.25rem 1.35rem 1.35rem;
}

.page-template-page-portfolio .id-portfolio-showcase-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  color: color-mix(in srgb, var(--id-primary) 76%, var(--id-muted-foreground));
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.025em;
}

.page-template-page-portfolio .id-portfolio-showcase-card__meta span:last-child,
.page-template-page-portfolio .id-portfolio-showcase-card__number {
  display: inline-flex;
  min-width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(209 154 88 / 34%);
  border-radius: var(--ir-radius-pill);
  background: rgb(255 255 255 / 84%);
  color: #8b6040;
  box-shadow: 0 12px 26px -20px rgb(79 52 43 / 62%);
  backdrop-filter: blur(10px);
}

body.irandesigner-wp.page-template-page-portfolio .id-portfolio-showcase-card h3 {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: clamp(1rem, 1.45vw, 1.18rem);
  line-height: 1.65;
  text-wrap: balance;
}

body.irandesigner-wp.page-template-page-portfolio .id-portfolio-showcase-card--compact {
  border-radius: 1.45rem;
}

body.irandesigner-wp.page-template-page-portfolio .id-portfolio-showcase-card--compact .id-portfolio-showcase-card__body {
  min-height: 8.4rem;
  padding: 1rem 1.1rem 1.15rem;
}

.page-template-page-portfolio .id-portfolio-showcase-card--compact .id-portfolio-showcase-card__media {
  border-radius: 0.95rem;
}

/* Home services use the same calm multi-tone shine as internal editorial
   service surfaces while retaining each card's own service tint. */
body.irandesigner-wp.is-irandesigner-home .home-service-card.public-color-card {
  border: 2px solid transparent;
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, rgb(var(--service-rgb)) 7%, #fff 93%),
      color-mix(in srgb, rgb(var(--service-rgb)) 3%, #fff 97%)
    ) padding-box,
    linear-gradient(
      118deg,
      rgb(77 150 118 / 86%),
      rgb(209 154 88 / 92%) 42%,
      rgb(190 100 76 / 90%) 72%,
      rgb(39 103 200 / 78%)
    ) border-box;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 76%),
    0 26px 58px -45px rgb(45 39 51 / 54%),
    0 0 28px -23px rgb(var(--service-rgb) / 46%);
}

body.irandesigner-wp.is-irandesigner-home .home-service-card.public-color-card:hover {
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 82%),
    0 34px 70px -46px rgb(45 39 51 / 62%),
    0 0 34px -21px rgb(var(--service-rgb) / 54%);
}

/* Portfolio page: move the "رویکرد ما در اجرای پروژه‌ها" methodology panel
   below the project grid and its pagination, so visitors meet the work first
   and the approach explainer closes the page. The intro section, the methodology
   panel, and the grid+pagination section are three siblings in the page
   container; giving that container a column flex context lets us push the panel
   last via order, without editing the captured markup. */
.page-template-page-portfolio .portfolio-page > .max-w-7xl,.page-template-page-portfolio .portfolio-page > .ui-media-78,.page-template-page-portfolio .portfolio-page > .ui-style-30{
  display: flex;
  flex-direction: column;
}

.page-template-page-portfolio .portfolio-page > .max-w-7xl > .portfolio-approach-panel,.page-template-page-portfolio .portfolio-page > .ui-media-78 > .portfolio-approach-panel,.page-template-page-portfolio .portfolio-page > .ui-style-30 > .portfolio-approach-panel{
  order: 1;
  margin-top: 0.5rem;
}

/* Portfolio filters: four equal category tabs on phone and tablet. The
   redundant large/compact view switch is removed in PHP, so this is the only
   control row visitors need. */
@media (max-width: 1279px) {
  body.irandesigner-wp.page-template-page-portfolio .portfolio-category-controls {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
    width: 100%;
    padding: 0.45rem;
  }

  body.irandesigner-wp.page-template-page-portfolio .portfolio-category-controls > span {
    display: none;
  }

  body.irandesigner-wp.page-template-page-portfolio .portfolio-category-controls > label {
    width: 100%;
    min-width: 0;
    max-width: none;
    padding-inline: 0.55rem;
  }
}

body.irandesigner-wp.page-template-page-portfolio .portfolio-view-standard {
  display: grid;
}

@media (max-width: 639px) {
  body.irandesigner-wp.page-template-page-portfolio .portfolio-category-controls {
    gap: 0.35rem;
    padding: 0.35rem;
    border-radius: 1.2rem;
  }

  body.irandesigner-wp.page-template-page-portfolio .portfolio-category-controls > label {
    min-height: 4.25rem;
    flex-direction: column;
    gap: 0.3rem;
    border-radius: 0.95rem;
    padding: 0.45rem 0.2rem;
    text-align: center;
  }

  body.irandesigner-wp.page-template-page-portfolio .portfolio-tab-option__mark {
    width: 1.7rem;
    height: 1.7rem;
  }

  body.irandesigner-wp.page-template-page-portfolio .portfolio-category-controls > label > span:last-child {
    width: 100%;
    justify-items: center;
    text-align: center;
  }

  body.irandesigner-wp.page-template-page-portfolio .portfolio-tab-option__hint {
    display: none;
  }
}

/* Desktop header: the menu row holds BOTH the nav links and the logotype, and
   was justified to the end — so the links sat pinned against the logo with a
   wide empty gap before the action buttons. Auto inline margins on just the
   link list center the links in the free space between the WhatsApp/Telegram
   buttons and the logotype, while the logotype stays pinned at the right edge
   (it must not move). */
@media (min-width: 1280px) {
  /* Match the visible logo and project button edges to the content shell below. */
  body.irandesigner-wp nav[data-hero-nav-state] .public-nav-glass--desktop {
    padding-inline: 0;
  }

  nav[data-hero-nav-state] [data-public-nav-link-list] {
    margin-inline: auto;
  }
}

/* Keep the descriptor visibly separated from the logotype. Its own line-height
   also prevents Persian glyphs from being clipped by the inherited leading-none
   utility in the exact header/footer markup. */
body.irandesigner-wp nav[data-hero-nav-state] [data-brand-logo-text="true"] {
  gap: 0.42rem;
}

body.irandesigner-wp footer [data-brand-logo-text="true"] {
  gap: 0.72rem;
}

body.irandesigner-wp nav[data-hero-nav-state] [data-brand-logo-text="true"] > span:last-child,
body.irandesigner-wp footer [data-brand-logo-text="true"] > span:last-child {
  display: block;
  overflow: visible;
  padding-bottom: 0.08rem;
  line-height: 1.5;
  white-space: nowrap;
}

/* The home hero corner lights are large clipped trapezoids. WordPress shifts
   the page below the admin toolbar, which exposes those shapes behind the
   transparent navigation. They are decorative, so suppress them only for the
   authenticated/admin-bar view without changing the public hero. */
body.irandesigner-wp.admin-bar.is-irandesigner-home .home-corner-lights--hero::before,
body.irandesigner-wp.admin-bar.is-irandesigner-home .home-corner-lights--hero::after {
  display: none;
}

.id-desktop-navigation {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(1.2rem, 2vw, 2.2rem);
}

.id-desktop-menu,
.id-desktop-submenu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.id-desktop-menu {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: clamp(0.65rem, 1.35vw, 1.5rem);
}

.id-menu-item {
  position: relative;
}

.id-menu-item > a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border-radius: var(--ir-radius-pill);
  padding: 0.65rem 0.35rem;
  color: rgb(45 39 51 / 72%);
  font-size: 0.84rem;
  font-weight: 650;
  white-space: nowrap;
  transition: color 180ms ease, background 180ms ease;
}

.id-menu-item > a:hover,
.id-menu-item.is-current > a,
.id-menu-item:focus-within > a {
  color: var(--id-primary);
}

.id-menu-item.is-current > a::after {
  position: absolute;
  right: 0.35rem;
  bottom: 0.15rem;
  left: 0.35rem;
  height: 2px;
  border-radius: var(--ir-radius-pill);
  background: linear-gradient(90deg, transparent, var(--id-accent), var(--id-primary), transparent);
  content: "";
}

.id-menu-chevron {
  width: 0.85rem;
  height: 0.85rem;
  transition: transform 180ms ease;
}

.id-menu-item.has-children:hover > a .id-menu-chevron,
.id-menu-item.has-children:focus-within > a .id-menu-chevron {
  transform: rotate(180deg);
}

.id-desktop-submenu {
  visibility: hidden;
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.75rem);
  right: -0.75rem;
  width: max-content;
  min-width: 16rem;
  max-width: 22rem;
  translate: 0 -0.35rem;
  border: 1px solid rgb(221 209 188 / 70%);
  border-radius: var(--ir-radius-panel);
  background: rgb(255 253 249 / 95%);
  padding: 0.5rem;
  opacity: 0;
  box-shadow: var(--ir-shadow-hero);
  backdrop-filter: blur(22px);
  transition: opacity 180ms ease, translate 180ms ease, visibility 180ms ease;
}

.id-desktop-submenu .id-desktop-submenu {
  top: -0.5rem;
  right: calc(100% + 0.45rem);
}

.id-menu-item:hover > .id-desktop-submenu,
.id-menu-item:focus-within > .id-desktop-submenu {
  visibility: visible;
  translate: 0 0;
  opacity: 1;
}

.id-desktop-submenu .id-menu-item > a {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 0.78rem 0.9rem;
  white-space: normal;
}

.id-desktop-submenu .id-menu-item > a:hover {
  background: rgb(209 154 88 / 10%);
}

.id-header-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.6rem;
}

.id-social-button {
  display: inline-flex;
  width: 2.75rem;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(159 77 62 / 18%);
  border-radius: 50%;
  background: rgb(255 253 249 / 76%);
  color: var(--id-primary);
  box-shadow: var(--ir-shadow-soft);
  transition: transform 180ms ease, color 180ms ease, background 180ms ease;
}

.id-social-button:hover {
  transform: translateY(-2px);
  background: #fff;
  color: var(--id-primary-dark);
}

.id-social-button--whatsapp {
  color: #147b3e;
}

.id-brand {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 0.65rem;
  color: var(--id-foreground);
  text-decoration: none;
}

.id-brand-mark {
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 10px 24px -15px rgb(159 77 62 / 64%);
}

.id-brand-logo-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.id-brand-copy {
  display: grid;
  min-width: 0;
  gap: 0.05rem;
  text-align: right;
  line-height: 1.3;
}

.id-brand-copy strong {
  font-size: 0.9rem;
  font-weight: 900;
  white-space: nowrap;
}

.id-brand-copy small {
  max-width: 11rem;
  overflow: hidden;
  color: var(--id-muted-foreground);
  font-size: 0.62rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.irandesigner-wp .public-nav-glass--mobile {
  display: flex;
  min-height: 3.75rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
  padding: 0.45rem 0.55rem;
}

.id-brand--mobile .id-brand-mark {
  width: 2.65rem;
  height: 2.65rem;
}

.id-brand--mobile .id-brand-copy small {
  display: none;
}

.id-mobile-toggle {
  position: relative;
  display: inline-flex;
  width: 2.75rem;
  height: 2.75rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(221 209 188 / 72%);
  border-radius: 50%;
  background: rgb(255 253 249 / 82%);
  color: var(--id-foreground);
}

.id-mobile-toggle__close {
  display: none;
  font-size: 1.55rem;
  line-height: 1;
}

.id-mobile-toggle[aria-expanded="true"] .id-mobile-toggle__menu {
  display: none;
}

.id-mobile-toggle[aria-expanded="true"] .id-mobile-toggle__close {
  display: block;
}

.id-mobile-cta {
  display: inline-flex;
  min-height: 2.55rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--ir-radius-pill);
  background: var(--id-primary);
  color: #fffaf3;
  padding: 0.55rem 0.9rem;
  font-size: 0.72rem;
  font-weight: 800;
  white-space: nowrap;
}

body.irandesigner-wp .id-mobile-panel {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 1rem;
  left: 1rem;
  max-height: calc(100vh - 7rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0.55rem;
}

body.irandesigner-wp .id-mobile-panel[hidden] {
  display: none;
}

.id-mobile-panel__inner {
  border-radius: 1.2rem;
}

.id-mobile-menu-list {
  display: grid;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
}

.id-mobile-menu-list--depth-1,
.id-mobile-menu-list--depth-2 {
  padding: 0.3rem 0.8rem 0.45rem 0;
}

.id-mobile-menu-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.35rem;
}

.id-mobile-menu-row > a {
  min-width: 0;
  overflow-wrap: anywhere;
  border-radius: 0.85rem;
  padding: 0.72rem 0.8rem;
  color: rgb(45 39 51 / 78%);
  font-size: 0.82rem;
  font-weight: 700;
}

.id-mobile-menu-row > a[aria-current="page"],
.id-mobile-menu-row > a:hover {
  background: rgb(159 77 62 / 9%);
  color: var(--id-primary);
}

.id-mobile-menu-row > button {
  display: inline-flex;
  width: 2.35rem;
  height: 2.35rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  color: var(--id-muted-foreground);
}

body.irandesigner-wp .id-mobile-submenu[hidden] {
  display: none;
}

.id-mobile-contact-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  border-top: 1px solid rgb(221 209 188 / 70%);
  margin-top: 0.5rem;
  padding-top: 0.75rem;
}

.id-mobile-contact-row a {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  border-radius: 0.85rem;
  background: rgb(159 77 62 / 8%);
  color: var(--id-primary);
  font-size: 0.78rem;
  font-weight: 800;
}

/* Shared headings, breadcrumbs and archive surfaces */
.id-eyebrow {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 0.4rem;
  border: 1px solid rgb(159 77 62 / 14%);
  border-radius: var(--ir-radius-pill);
  background: rgb(159 77 62 / 8%);
  color: var(--id-primary);
  padding: 0.35rem 0.75rem;
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1.45;
}

.id-breadcrumb {
  margin-bottom: 1.35rem;
}

.id-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  color: rgb(85 74 68 / 70%);
  font-size: 0.72rem;
  font-weight: 650;
}

.id-breadcrumb li {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 0.45rem;
}

.id-breadcrumb li:not(:last-child)::after {
  color: rgb(159 77 62 / 50%);
  content: "/";
}

.id-breadcrumb a:hover {
  color: var(--id-primary);
}

.id-breadcrumb span[aria-current="page"] {
  display: inline-block;
  max-width: min(34rem, 72vw);
  overflow: hidden;
  color: var(--id-foreground);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.irandesigner-wp .id-inner-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: var(--ir-radius-hero);
  margin-bottom: 2.75rem;
  padding: clamp(1.5rem, 4.5vw, 4rem);
  background:
    radial-gradient(circle at 15% 10%, rgb(209 154 88 / 16%), transparent 38%) padding-box,
    linear-gradient(135deg, rgb(255 253 249 / 62%), rgb(250 243 234 / 44%)) padding-box,
    linear-gradient(135deg, rgb(255 255 255 / 92%), rgb(209 154 88 / 55%) 48%, rgb(159 77 62 / 46%)) border-box;
  box-shadow: var(--id-shadow-lg), inset 0 1px 0 rgb(255 255 255 / 62%);
  -webkit-backdrop-filter: saturate(160%) blur(18px);
  backdrop-filter: saturate(160%) blur(18px);
}

.id-inner-hero::after {
  position: absolute;
  right: clamp(1.5rem, 5vw, 5rem);
  bottom: 0;
  left: clamp(1.5rem, 5vw, 5rem);
  height: 3px;
  border-radius: var(--ir-radius-hero);
  background: linear-gradient(90deg, transparent, var(--id-accent), var(--id-primary), transparent);
  content: "";
}

.id-inner-hero__glow {
  position: absolute;
  top: -8rem;
  left: -6rem;
  width: 22rem;
  height: 22rem;
  border-radius: 50%;
  background: rgb(209 154 88 / 18%);
  filter: blur(80px);
}

.id-inner-hero__content {
  position: relative;
  z-index: 1;
  max-width: 58rem;
}

.id-inner-hero h1 {
  max-width: 56rem;
  overflow-wrap: anywhere;
  margin: 0.9rem 0 0;
  color: var(--id-foreground);
  font-size: clamp(1.85rem, 5vw, 4rem);
  font-weight: 900;
  line-height: 1.26;
}

.id-inner-hero__description {
  max-width: 48rem;
  margin-top: 1rem;
  color: var(--id-muted-foreground);
  font-size: clamp(0.95rem, 1.5vw, 1.12rem);
  font-weight: 550;
  line-height: 2;
}

.id-inner-hero__description > :last-child {
  margin-bottom: 0;
}

body.irandesigner-wp .blog-page,
body.irandesigner-wp .id-page-shell,
body.irandesigner-wp .id-listing-page {
  position: relative;
  min-height: 70vh;
}

body.irandesigner-wp .id-listing-page {
  overflow: hidden;
  padding-block: 10rem 6rem;
}

.id-archive-tools {
  display: grid;
  gap: 1rem;
  border: 1px solid rgb(221 209 188 / 68%);
  border-radius: var(--ir-radius-hero);
  margin-bottom: 2.2rem;
  padding: 0.8rem;
  background: rgb(255 253 249 / 68%);
  box-shadow: var(--ir-shadow-soft);
  backdrop-filter: blur(18px);
}

.id-archive-search {
  max-width: 38rem;
}

.id-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.55rem;
  width: 100%;
}

body.irandesigner-wp .id-search-input {
  min-width: 0;
  min-height: 3rem;
  border: 1px solid rgb(221 209 188 / 90%);
  border-radius: var(--ir-radius-pill);
  background: rgb(255 255 255 / 88%);
  color: var(--id-foreground);
  padding: 0.65rem 1rem;
  font-size: 0.84rem;
  outline: none;
}

body.irandesigner-wp .id-search-input:focus {
  border-color: rgb(159 77 62 / 52%);
  box-shadow: 0 0 0 4px rgb(159 77 62 / 8%);
}

body.irandesigner-wp .id-search-submit {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  border-radius: var(--ir-radius-pill);
  background: var(--id-primary);
  color: #fff;
  padding: 0.65rem 1rem;
  font-size: 0.78rem;
  font-weight: 800;
}

.id-term-chips,
.id-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.id-term-chips a,
.id-tag-list a {
  display: inline-flex;
  min-height: 2.35rem;
  align-items: center;
  border: 1px solid rgb(221 209 188 / 82%);
  border-radius: var(--ir-radius-pill);
  background: rgb(255 255 255 / 70%);
  color: var(--id-muted-foreground);
  padding: 0.45rem 0.8rem;
  font-size: 0.72rem;
  font-weight: 750;
}

.id-term-chips a:hover,
.id-tag-list a:hover {
  border-color: rgb(159 77 62 / 35%);
  color: var(--id-primary);
}

/* Cards and grids */
.id-post-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.4rem;
}

.id-content-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgb(221 209 188 / 68%);
  border-radius: var(--ir-radius-hero);
  background: rgb(255 253 249 / 88%);
  box-shadow: var(--ir-shadow-md);
  transition: transform 260ms ease, border-color 260ms ease, box-shadow 260ms ease;
}

.id-content-card:hover {
  transform: translateY(-5px);
  border-color: rgb(159 77 62 / 28%);
  box-shadow: 0 30px 70px -45px rgb(74 48 29 / 48%);
}

.id-content-card__media {
  position: relative;
  display: block;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: var(--id-muted);
}

.id-content-card__media::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgb(45 39 51 / 18%));
  content: "";
  pointer-events: none;
}

.id-content-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 700ms cubic-bezier(.22, 1, .36, 1);
}

.id-content-card:hover .id-content-card__media img {
  transform: scale(1.045);
}

.id-content-card__type {
  position: absolute;
  z-index: 2;
  top: 0.85rem;
  right: 0.85rem;
  border: 1px solid rgb(255 255 255 / 74%);
  border-radius: var(--ir-radius-pill);
  background: rgb(255 253 249 / 88%);
  color: var(--id-primary);
  padding: 0.35rem 0.7rem;
  font-size: 0.68rem;
  font-weight: 900;
  backdrop-filter: blur(14px);
}

.id-content-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 1.15rem;
}

.id-content-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.65rem;
  color: rgb(85 74 68 / 68%);
  font-size: 0.66rem;
  font-weight: 650;
}

.id-content-card__title {
  overflow-wrap: anywhere;
  margin: 0;
  color: var(--id-foreground);
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  font-weight: 850;
  line-height: 1.65;
}

.id-content-card__title a:hover {
  color: var(--id-primary);
}

.id-content-card__excerpt {
  display: -webkit-box;
  overflow: hidden;
  margin: 0.65rem 0 1rem;
  color: var(--id-muted-foreground);
  font-size: 0.82rem;
  font-weight: 520;
  line-height: 1.9;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.id-content-card__footer {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-top: 1px solid rgb(221 209 188 / 54%);
  margin-top: auto;
  padding-top: 0.85rem;
}

.id-content-card__author {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 0.4rem;
  border-radius: var(--ir-radius-pill);
  padding: 0.28rem 0.42rem;
  color: var(--id-muted-foreground);
  font-size: 0.68rem;
  font-weight: 700;
  text-decoration: none;
  transition: color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.id-content-card__author .id-icon {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  color: var(--id-primary);
}

.id-content-card__author:hover,
.id-content-card__author:focus-visible {
  background: rgb(39 103 200 / 7%);
  color: var(--id-primary);
  transform: translateY(-1px);
}

.id-content-card__author:focus-visible {
  outline: 2px solid rgb(39 103 200 / 28%);
  outline-offset: 2px;
}

.id-mini-avatar {
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  border: 2px solid #fff;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: var(--ir-shadow-soft);
}

.id-pagination {
  margin-top: 2.75rem;
}

.id-latest-comments {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-top: clamp(4.5rem, 8vw, 7rem);
  border: 1px solid rgb(221 209 188 / 72%);
  border-radius: var(--ir-radius-hero);
  padding: clamp(1.35rem, 3.5vw, 3rem);
  background:
    radial-gradient(circle at 92% 8%, rgb(39 103 200 / 10%), transparent 34%),
    radial-gradient(circle at 6% 100%, rgb(209 154 88 / 16%), transparent 38%),
    linear-gradient(145deg, rgb(255 255 255 / 94%), rgb(255 249 242 / 88%));
  box-shadow: 0 32px 84px -58px rgb(45 39 51 / 48%);
}

.id-latest-comments::before {
  position: absolute;
  z-index: -1;
  top: -5rem;
  left: -4rem;
  width: 13rem;
  height: 13rem;
  border: 1px solid rgb(39 103 200 / 12%);
  border-radius: 50%;
  box-shadow: 0 0 0 1.4rem rgb(39 103 200 / 3%), 0 0 0 3rem rgb(209 154 88 / 3%);
  content: "";
}

.id-latest-comments__heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 1.75rem;
}

.id-latest-comments__eyebrow,
.id-latest-comments__all {
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(159 77 62 / 16%);
  border-radius: var(--ir-radius-pill);
  background: rgb(159 77 62 / 7%);
  color: var(--id-primary);
  padding: 0.35rem 0.75rem;
  font-size: 0.68rem;
  font-weight: 900;
}

.id-latest-comments__all {
  flex: 0 0 auto;
  border-color: rgb(39 103 200 / 14%);
  background: rgb(39 103 200 / 6%);
  color: rgb(39 103 200);
}

.id-latest-comments__heading h2 {
  margin: 0.8rem 0 0.45rem;
  color: var(--id-foreground);
  font-size: clamp(1.55rem, 3vw, 2.5rem);
  font-weight: 900;
  line-height: 1.35;
  letter-spacing: -0.025em;
}

.id-latest-comments__heading p {
  max-width: 44rem;
  margin: 0;
  color: var(--id-muted-foreground);
  font-size: 0.9rem;
  font-weight: 560;
  line-height: 1.9;
}

.id-latest-comments__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.id-latest-comment-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 19rem;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgb(221 209 188 / 68%);
  border-radius: var(--ir-radius-hero);
  padding: 1.25rem;
  background: rgb(255 255 255 / 82%);
  box-shadow: 0 20px 46px -38px rgb(45 39 51 / 46%);
  backdrop-filter: blur(14px);
  transition: transform 260ms ease, border-color 260ms ease, box-shadow 260ms ease;
}

.id-latest-comment-card::before {
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, rgb(39 103 200), rgb(209 154 88), rgb(159 77 62));
  content: "";
  opacity: 0.72;
}

.id-latest-comment-card:hover {
  transform: translateY(-4px);
  border-color: rgb(159 77 62 / 24%);
  box-shadow: 0 28px 62px -42px rgb(74 48 29 / 52%);
}

.id-latest-comment-card__top {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.75rem;
}

.id-comment-author-dot {
  display: inline-block;
  width: 0.55rem;
  height: 0.55rem;
  flex: 0 0 auto;
  border: 1px solid var(--comment-avatar-ring, rgb(39 103 200 / 16%));
  border-radius: var(--ir-radius-pill);
  background: var(--comment-avatar-bg, rgb(39 103 200 / 8%));
  box-shadow: 0 0 0 3px rgb(255 255 255 / 78%);
}

.id-latest-comment-card__identity {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.15rem;
}

.id-latest-comment-card__author {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.45rem;
}

.id-latest-comment-card__identity strong {
  overflow: hidden;
  color: var(--id-foreground);
  font-size: 0.83rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.id-latest-comment-card__identity time {
  color: var(--id-muted-foreground);
  font-size: 0.66rem;
  font-weight: 650;
}

.id-latest-comment-card__quote {
  width: 1.85rem;
  height: 1.85rem;
  flex: 0 0 auto;
  color: rgb(209 154 88 / 62%);
}

.id-latest-comment-card__text {
  display: -webkit-box;
  overflow: hidden;
  min-height: 7.75rem;
  margin: 1.1rem 0 1.25rem;
  color: rgb(55 47 44 / 86%);
  font-size: 0.82rem;
  font-weight: 560;
  line-height: 2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.id-latest-comment-card__post {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  border-top: 1px solid rgb(221 209 188 / 58%);
  margin-top: auto;
  padding-top: 0.9rem;
  color: var(--id-foreground);
}

.id-latest-comment-card__post > span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.2rem;
}

.id-latest-comment-card__post small {
  color: var(--id-muted-foreground);
  font-size: 0.62rem;
  font-weight: 650;
}

.id-latest-comment-card__post strong {
  display: block;
  overflow: hidden;
  color: inherit;
  font-size: 0.72rem;
  font-weight: 850;
  text-overflow: ellipsis;
  transition: color 220ms ease;
  white-space: nowrap;
}

.id-latest-comment-card__post > svg {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  color: var(--id-primary);
  transform: rotate(180deg);
  transition: transform 220ms ease;
}

.id-latest-comment-card__post:hover strong {
  color: var(--id-primary);
}

.id-latest-comment-card__post:hover > svg {
  transform: rotate(180deg) translateX(-3px);
}

.id-pagination-list,
.nav-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
}

body.irandesigner-wp .id-pagination .page-numbers,
body.irandesigner-wp .nav-links .page-numbers {
  display: inline-flex;
  min-width: 2.65rem;
  min-height: 2.65rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(221 209 188 / 78%);
  border-radius: var(--ir-radius-pill);
  background: rgb(255 253 249 / 82%);
  color: var(--id-muted-foreground);
  padding: 0.45rem 0.8rem;
  font-size: 0.78rem;
  font-weight: 800;
  box-shadow: var(--ir-shadow-soft);
}

body.irandesigner-wp .id-pagination .page-numbers.current,
body.irandesigner-wp .id-pagination .page-numbers:hover,
body.irandesigner-wp .nav-links .page-numbers.current,
body.irandesigner-wp .nav-links .page-numbers:hover {
  border-color: var(--id-primary);
  background: var(--id-primary);
  color: #fff;
}

.id-empty-state {
  max-width: 46rem;
  border: 1px solid rgb(221 209 188 / 70%);
  border-radius: var(--ir-radius-hero);
  margin: 2rem auto 0;
  padding: clamp(1.5rem, 5vw, 3.5rem);
  background: rgb(255 253 249 / 86%);
  text-align: center;
  box-shadow: var(--ir-shadow-hero);
}

.id-empty-state__icon {
  display: inline-flex;
  width: 4rem;
  height: 4rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--ir-radius-panel);
  background: rgb(159 77 62 / 9%);
  color: var(--id-primary);
}

.id-empty-state__icon .id-icon {
  width: 1.6rem;
  height: 1.6rem;
}

.id-empty-state h2 {
  margin: 1rem 0 0.45rem;
  font-size: 1.75rem;
  font-weight: 900;
}

.id-empty-state p {
  margin-bottom: 1.2rem;
  color: var(--id-muted-foreground);
  line-height: 1.9;
}

.id-empty-state .id-search-form {
  max-width: 32rem;
  margin: 0 auto 1rem;
}

/* Home */
.id-home-hero-overlay {
  background:
    linear-gradient(90deg, rgb(251 247 240 / 74%) 0%, rgb(251 247 240 / 28%) 50%, rgb(251 247 240 / 78%) 100%),
    linear-gradient(180deg, rgb(251 247 240 / 28%), rgb(251 247 240 / 82%) 92%);
}

.id-home-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  width: 100%;
}

.id-home-hero-copy {
  max-width: 43rem;
}

.id-home-badge {
  margin-bottom: 1.15rem;
}

.id-home-hero-copy h1 {
  max-width: 43rem;
  overflow-wrap: anywhere;
  margin: 0;
  color: var(--id-foreground);
  font-size: clamp(2.25rem, 5.25vw, 5.2rem);
  font-weight: 950;
  line-height: 1.17;
  text-wrap: balance;
}

.id-home-hero-copy > p {
  max-width: 39rem;
  margin: 1.25rem 0 0;
  color: rgb(45 39 51 / 76%);
  font-size: clamp(1rem, 1.55vw, 1.22rem);
  font-weight: 600;
  line-height: 2;
}

.id-home-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.6rem;
}

.id-home-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  margin-top: 1.35rem;
  color: rgb(45 39 51 / 68%);
  font-size: 0.76rem;
  font-weight: 700;
}

.id-home-proof span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.id-home-proof .id-icon {
  color: var(--id-green);
}

.id-home-hero-showcase {
  position: relative;
  min-width: 0;
}

.id-home-hero-showcase__frame {
  position: relative;
  isolation: isolate;
  overflow: visible;
  border: 1px solid rgb(255 255 255 / 62%);
  border-radius: var(--ir-radius-hero);
  padding: 0.75rem;
  background: rgb(255 255 255 / 24%);
  box-shadow: 0 40px 100px -56px rgb(74 48 29 / 60%);
  backdrop-filter: blur(10px);
}

.id-home-hero-showcase__frame > img {
  width: 100%;
  max-height: 34rem;
  border-radius: var(--ir-radius-hero);
  object-fit: contain;
  filter: drop-shadow(0 24px 30px rgb(45 39 51 / 18%));
}

.id-home-floating-card {
  position: absolute;
  z-index: 2;
  display: grid;
  gap: 0.15rem;
  width: min(14rem, 45%);
  border: 1px solid rgb(255 255 255 / 75%);
  border-radius: 1.2rem;
  background: rgb(255 253 249 / 86%);
  padding: 0.8rem 0.95rem;
  box-shadow: var(--ir-shadow-hero);
  backdrop-filter: blur(18px);
}

.id-home-floating-card strong {
  color: var(--id-primary);
  font-size: 0.82rem;
}

.id-home-floating-card span {
  color: var(--id-muted-foreground);
  font-size: 0.65rem;
  font-weight: 650;
}

.id-home-floating-card--top {
  top: 9%;
  right: -5%;
}

.id-home-floating-card--bottom {
  bottom: 8%;
  left: -4%;
}

.id-hero-controls {
  display: flex;
  gap: 0.45rem;
  justify-content: center;
  margin-top: 1rem;
}

.id-hero-controls button {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
  border: 1px solid rgb(221 209 188 / 70%);
  border-radius: var(--ir-radius-pill);
  background: rgb(255 253 249 / 70%);
  color: var(--id-muted-foreground);
  padding: 0.5rem 0.8rem;
  text-align: right;
  cursor: pointer;
  backdrop-filter: blur(12px);
}

.id-hero-controls button strong {
  font-size: 0.65rem;
}

.id-hero-controls button span {
  display: none;
}

.id-hero-controls button[aria-pressed="true"] {
  border-color: rgb(159 77 62 / 36%);
  background: var(--id-primary);
  color: #fff;
}

.id-home-section {
  position: relative;
}

.id-section-heading {
  margin-bottom: 2rem;
}

.id-section-heading--split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.65fr);
  gap: 1.5rem 3rem;
  align-items: end;
}

.id-section-heading h2 {
  max-width: 46rem;
  margin: 0.75rem 0 0;
  font-size: clamp(1.65rem, 3.5vw, 3rem);
  font-weight: 900;
  line-height: 1.4;
}

.id-section-heading > p,
.id-section-heading--split > p {
  margin: 0;
  color: var(--id-muted-foreground);
  font-size: 0.94rem;
  font-weight: 550;
  line-height: 2;
}

.id-section-heading--split > .id-button {
  justify-self: end;
}

.id-service-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.id-service-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--ir-radius-hero);
}

.id-service-card .home-service-card__media {
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.id-service-card .home-service-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.id-service-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 1.15rem;
}

.id-service-card__icon {
  display: inline-flex;
  width: 2.6rem;
  height: 2.6rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.9rem;
  margin-bottom: 0.8rem;
  background: rgb(159 77 62 / 9%);
  color: var(--id-primary);
}

.id-service-card h3 {
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 1.08rem;
  font-weight: 850;
  line-height: 1.55;
}

.id-service-card p {
  margin: 0.55rem 0 1rem;
  color: var(--id-muted-foreground);
  font-size: 0.79rem;
  line-height: 1.9;
}

.id-service-card .home-service-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: auto;
  color: var(--id-primary);
  font-size: 0.74rem;
  font-weight: 850;
}

.id-home-quality {
  background: linear-gradient(180deg, transparent, rgb(243 234 220 / 45%), transparent);
}

.home-quality-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
  border-radius: var(--ir-radius-hero);
  padding: clamp(1.2rem, 4vw, 3rem);
}

.id-home-quality-copy h2 {
  margin: 0.8rem 0 0;
  font-size: clamp(1.6rem, 3vw, 2.75rem);
  font-weight: 900;
  line-height: 1.45;
}

.id-home-quality-copy p {
  margin: 1rem 0 1.35rem;
  color: var(--id-muted-foreground);
  line-height: 2;
}

.id-quality-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.home-quality-check-item {
  min-width: 0;
  border-radius: var(--ir-radius-panel);
  padding: 1.15rem;
}

.home-quality-check-item strong {
  display: block;
  margin: 0.75rem 0 0.25rem;
  font-size: 0.92rem;
  font-weight: 850;
}

.home-quality-check-item p {
  margin: 0;
  color: var(--id-muted-foreground);
  font-size: 0.75rem;
  line-height: 1.85;
}

.id-home-project-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

.id-home-project {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1.15fr) minmax(12rem, 0.85fr);
  overflow: hidden;
  border-radius: var(--ir-radius-hero);
}

.id-home-project .home-portfolio-card__media {
  min-height: 17rem;
}

.id-home-project .home-portfolio-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.id-home-project__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 1.2rem;
}

.id-home-project__copy h3 {
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 900;
}

.id-home-project__copy p {
  margin: 0.6rem 0 1rem;
  color: var(--id-muted-foreground);
  font-size: 0.78rem;
  line-height: 1.9;
}

.id-home-project__copy span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--id-primary);
  font-size: 0.72rem;
  font-weight: 850;
}

.id-home-editor-content,
.id-listing-intro {
  max-width: 62rem;
  border: 1px solid rgb(221 209 188 / 68%);
  border-radius: var(--ir-radius-hero);
  margin: 0 auto 2rem;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  background: rgb(255 253 249 / 86%);
  box-shadow: var(--ir-shadow-md);
}

.id-cta-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.5rem 3rem;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgb(245 213 141 / 22%);
  border-radius: var(--ir-radius-hero);
  padding: clamp(1.5rem, 4vw, 3rem);
  background:
    radial-gradient(circle at 10% 10%, rgb(209 154 88 / 24%), transparent 35%),
    linear-gradient(135deg, #4b2b20, #2e211b 70%);
  color: #fff3d6;
  box-shadow: 0 34px 80px -50px rgb(39 26 20 / 70%);
}

.id-cta-panel .id-eyebrow {
  border-color: rgb(245 213 141 / 20%);
  background: rgb(255 244 224 / 8%);
  color: #f5d58d;
}

.id-cta-panel h2 {
  max-width: 48rem;
  margin: 0.8rem 0 0;
  color: #fff3d6;
  font-size: clamp(1.55rem, 3vw, 2.75rem);
  font-weight: 900;
  line-height: 1.45;
}

.id-cta-panel p {
  max-width: 47rem;
  margin: 0.75rem 0 0;
  color: rgb(226 204 177 / 78%);
  line-height: 1.9;
}

/* Standard pages and WordPress content */
.id-page-featured,
.id-article-cover {
  overflow: hidden;
  border: 1px solid rgb(221 209 188 / 70%);
  border-radius: var(--ir-radius-hero);
  margin: 0 0 2rem;
  background: var(--id-muted);
  box-shadow: var(--ir-shadow-hero);
}

.id-page-featured img,
.id-article-cover img {
  width: 100%;
  max-height: 46rem;
  object-fit: cover;
}

.id-article-cover figcaption {
  padding: 0.65rem 1rem;
  color: var(--id-muted-foreground);
  font-size: 0.72rem;
  text-align: center;
}

.id-page-content {
  width: 100%;
  max-width: none;
  border: 1px solid rgb(221 209 188 / 66%);
  border-radius: var(--ir-radius-hero);
  margin: 2.5rem 0 4rem;
  padding: clamp(2.25rem, 4vw, 3rem) clamp(1.25rem, 4vw, 3rem);
  background: rgb(255 253 249 / 88%);
  box-shadow: var(--ir-shadow-md);
}

.article-content {
  color: var(--id-foreground);
  font-size: 1rem;
  line-height: 2.05;
}

.article-content :where(h1, h2, h3, h4, h5, h6, p, li, a, td, th, code, pre) {
  overflow-wrap: anywhere;
}

.article-content :where(img, video, iframe) {
  max-width: 100%;
}

.article-content iframe {
  width: 100%;
  border: 0;
}

.article-content .wp-block-table {
  max-width: 100%;
}

.article-content > table {
  display: table;
  max-width: 100%;
}

.article-content table {
  width: 100%;
  min-width: 100%;
}

.article-content pre {
  direction: ltr;
  max-width: 100%;
  overflow-x: auto;
  text-align: left;
}

.article-content a:not(.id-button) {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

.article-content .alignwide,
.article-content .alignfull {
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
  translate: none;
}

.wp-caption,
.wp-caption-text,
.gallery-caption {
  max-width: 100%;
}

.wp-caption-text,
.gallery-caption {
  color: var(--id-muted-foreground);
  font-size: 0.75rem;
  text-align: center;
}

.id-embed {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--ir-radius-card);
}

.id-page-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  border-top: 1px solid var(--id-border);
  margin-top: 2rem;
  padding-top: 1rem;
}

/* Single article */
.id-article-header {
  margin-bottom: 2rem;
}

.id-article-header__center {
  max-width: 65rem;
  margin-inline: auto;
  text-align: center;
}

.id-article-header__center .id-eyebrow {
  margin-inline: auto;
}

.id-article-header h1 {
  max-width: 64rem;
  overflow-wrap: anywhere;
  margin: 1rem auto 0;
  font-size: clamp(2rem, 5vw, 4.5rem);
  font-weight: 950;
  line-height: 1.24;
  text-wrap: balance;
}

.id-article-lead {
  max-width: 52rem;
  margin: 1rem auto 0;
  color: var(--id-muted-foreground);
  font-size: clamp(0.96rem, 1.6vw, 1.14rem);
  font-weight: 550;
  line-height: 2;
}

.id-article-meta,
body.irandesigner-wp .id-article-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  margin-top: 1.15rem;
}

.id-article-layout {
  display: grid;
  grid-template-columns: minmax(11rem, 0.24fr) minmax(0, 1fr) minmax(13rem, 0.28fr);
  gap: 1.5rem;
  align-items: start;
}

.id-article-layout.has-no-toc {
  grid-template-columns: minmax(0, 1fr) minmax(13rem, 0.28fr);
}

body.irandesigner-wp .id-article-content {
  min-width: 0;
  border: 1px solid rgb(221 209 188 / 68%);
  border-radius: var(--ir-radius-hero);
  padding: clamp(1.2rem, 3vw, 2.6rem);
  background: rgb(255 253 249 / 90%);
  box-shadow: var(--ir-shadow-md);
}

body.irandesigner-wp .id-article-toc,
body.irandesigner-wp .id-article-aside {
  position: sticky;
  top: 7.5rem;
  min-width: 0;
}

body.irandesigner-wp .id-article-toc {
  max-height: calc(100vh - 9rem);
  overflow-y: auto;
  border: 1px solid rgb(221 209 188 / 68%);
  border-radius: var(--ir-radius-panel);
  padding: 0.85rem;
  background: rgb(255 253 249 / 82%);
  box-shadow: var(--ir-shadow-soft);
}

.id-toc-heading {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  border-bottom: 1px solid rgb(221 209 188 / 58%);
  margin-bottom: 0.55rem;
  padding: 0.35rem 0.3rem 0.7rem;
  color: var(--id-primary);
  font-size: 0.8rem;
  font-weight: 900;
}

.id-article-toc [data-theme-toc] ol {
  display: grid;
  gap: 0.18rem;
  margin: 0;
  padding: 0;
  counter-reset: toc;
}

.id-article-toc [data-theme-toc] li {
  min-width: 0;
  counter-increment: toc;
}

.id-article-toc [data-theme-toc] a {
  display: grid;
  grid-template-columns: 1.35rem minmax(0, 1fr);
  gap: 0.3rem;
  border-radius: 0.75rem;
  padding: 0.48rem 0.4rem;
  color: var(--id-muted-foreground);
  font-size: 0.69rem;
  font-weight: 650;
  line-height: 1.65;
}

.id-article-toc [data-theme-toc] a::before {
  content: counter(toc, decimal-leading-zero);
  color: rgb(159 77 62 / 58%);
  font-size: 0.62rem;
  font-weight: 850;
}

.id-article-toc [data-theme-toc] a:hover,
.id-article-toc [data-theme-toc] a[aria-current="true"] {
  background: rgb(159 77 62 / 8%);
  color: var(--id-primary);
}

.id-article-toc [data-theme-toc] .is-h3 a {
  padding-right: 1rem;
  font-size: 0.64rem;
}

.id-toc-loading {
  color: var(--id-muted-foreground);
  font-size: 0.72rem;
}

.id-sidebar-stack {
  display: grid;
  gap: 0.85rem;
}

.irandesigner-widget {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgb(221 209 188 / 68%);
  border-radius: var(--ir-radius-panel);
  padding: 1rem;
  background: rgb(255 253 249 / 84%);
  box-shadow: var(--ir-shadow-soft);
}

.irandesigner-widget .widget-title {
  margin: 0 0 0.75rem;
  font-size: 0.95rem;
  font-weight: 900;
}

.irandesigner-widget p,
.irandesigner-widget li {
  overflow-wrap: anywhere;
  color: var(--id-muted-foreground);
  font-size: 0.74rem;
  line-height: 1.85;
}

.id-sidebar-terms {
  display: grid;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
}

.id-sidebar-terms a {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-radius: 0.7rem;
  padding: 0.5rem;
}

.id-sidebar-terms a:hover {
  background: rgb(159 77 62 / 7%);
  color: var(--id-primary);
}

.id-sidebar-terms small {
  display: inline-flex;
  min-width: 1.6rem;
  height: 1.6rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--id-muted);
  font-size: 0.62rem;
}

.id-article-footer {
  max-width: 58rem;
  margin: 2rem auto 0;
}

.id-author-box,
.id-author-hero__grid {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1.2rem;
  align-items: center;
}

.id-author-box {
  border: 1px solid rgb(221 209 188 / 68%);
  border-radius: var(--ir-radius-hero);
  margin-top: 1.5rem;
  padding: 1.25rem;
  background: rgb(255 253 249 / 84%);
}

.id-author-avatar {
  width: 7rem;
  height: 7rem;
  border: 4px solid #fff;
  border-radius: var(--ir-radius-hero);
  object-fit: cover;
  box-shadow: var(--ir-shadow-md);
}

.id-author-box h2,
.id-author-hero h1 {
  overflow-wrap: anywhere;
  margin: 0.55rem 0 0;
  font-size: 1.4rem;
  font-weight: 900;
}

.id-author-box p,
.id-author-hero p {
  margin: 0.5rem 0 0;
  color: var(--id-muted-foreground);
  line-height: 1.9;
}

.id-post-navigation {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.id-post-navigation > div:empty {
  display: none;
}

.id-post-navigation a {
  display: grid;
  min-width: 0;
  height: 100%;
  gap: 0.3rem;
  border: 1px solid rgb(221 209 188 / 68%);
  border-radius: 1.1rem;
  background: rgb(255 253 249 / 82%);
  padding: 0.95rem;
  box-shadow: var(--ir-shadow-soft);
}

.id-post-navigation a:hover {
  border-color: rgb(159 77 62 / 28%);
}

.id-post-navigation small {
  color: var(--id-primary);
  font-size: 0.64rem;
  font-weight: 800;
}

.id-post-navigation strong {
  display: -webkit-box;
  overflow: hidden;
  font-size: 0.8rem;
  line-height: 1.7;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.id-related-section {
  margin-top: 4rem;
}

.id-author-hero {
  border: 1px solid rgb(221 209 188 / 68%);
  border-radius: var(--ir-radius-hero);
  margin-bottom: 2rem;
  padding: clamp(1.25rem, 4vw, 3rem);
  background: rgb(255 253 249 / 84%);
  box-shadow: var(--ir-shadow-hero);
}

.id-author-count {
  display: inline-flex;
  margin-top: 0.8rem;
  border-radius: var(--ir-radius-pill);
  background: var(--id-muted);
  color: var(--id-primary);
  padding: 0.35rem 0.7rem;
  font-size: 0.7rem;
  font-weight: 800;
}

/* Service detail */
body.irandesigner-wp .id-service-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
  overflow: hidden;
  border: 1px solid rgb(221 209 188 / 66%);
  border-radius: var(--ir-radius-hero);
  padding: clamp(1.25rem, 4vw, 3.5rem);
  background: rgb(255 253 249 / 82%);
  box-shadow: var(--ir-shadow-hero);
}

.id-service-hero h1 {
  overflow-wrap: anywhere;
  margin: 0.85rem 0 0;
  font-size: clamp(2rem, 4.6vw, 4rem);
  font-weight: 950;
  line-height: 1.25;
}

.id-service-hero__copy > p {
  margin: 1rem 0 0;
  color: var(--id-muted-foreground);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 2;
}

.id-service-hero__actions,
.id-service-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1.35rem;
}

.id-service-proof {
  color: var(--id-muted-foreground);
  font-size: 0.7rem;
  font-weight: 750;
}

.id-service-proof span {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.id-service-proof .id-icon {
  color: var(--id-green);
}

.id-service-hero__media {
  position: relative;
  overflow: hidden;
  border-radius: var(--ir-radius-hero);
  margin: 0;
  background: var(--id-muted);
}

.id-service-hero__media > img {
  width: 100%;
  min-height: 27rem;
  object-fit: cover;
}

.id-service-hero__stat {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  display: grid;
  gap: 0.1rem;
  border: 1px solid rgb(255 255 255 / 70%);
  border-radius: var(--ir-radius-card);
  background: rgb(255 253 249 / 86%);
  padding: 0.8rem 1rem;
  box-shadow: var(--ir-shadow-md);
  backdrop-filter: blur(18px);
}

.id-service-hero__stat strong {
  color: var(--id-primary);
  font-size: 0.83rem;
}

.id-service-hero__stat span {
  color: var(--id-muted-foreground);
  font-size: 0.68rem;
}

.id-service-value-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.service-value-feature-card {
  min-width: 0;
  border-radius: 1.4rem;
  padding: 1.25rem;
}

.service-value-feature-card h2 {
  margin: 0.75rem 0 0;
  font-size: 1.05rem;
  font-weight: 900;
}

.service-value-feature-card p {
  margin: 0.5rem 0 0;
  color: var(--id-muted-foreground);
  font-size: 0.82rem;
  line-height: 1.95;
}

.id-service-content-layout,
.id-work-content-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.33fr);
  gap: 1.5rem;
  align-items: start;
}

.id-service-content,
.id-work-content {
  min-width: 0;
  border: 1px solid rgb(221 209 188 / 68%);
  border-radius: var(--ir-radius-hero);
  padding: clamp(1.2rem, 3vw, 2.7rem);
  background: rgb(255 253 249 / 88%);
  box-shadow: var(--ir-shadow-md);
}

.id-service-sidebar,
.id-work-aside {
  position: sticky;
  top: 7.5rem;
}

.service-value-deliverable-panel,
.id-work-aside .portfolio-approach-panel {
  border: 1px solid rgb(221 209 188 / 68%);
  border-radius: 1.4rem;
  padding: 1.2rem;
  background: rgb(255 253 249 / 84%);
  box-shadow: var(--ir-shadow-soft);
}

.service-value-deliverable-panel h2,
.id-work-aside h2 {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  font-weight: 900;
}

.service-value-deliverable-panel ul {
  display: grid;
  gap: 0.6rem;
  margin: 0 0 1rem;
  padding: 0;
}

.service-value-deliverable-panel li {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  color: var(--id-muted-foreground);
  font-size: 0.78rem;
  line-height: 1.8;
}

.service-value-deliverable-panel li .id-icon {
  margin-top: 0.25rem;
  color: var(--id-green);
}

.service-value-deliverable-panel .id-button {
  width: 100%;
}

.id-service-final-cta {
  margin-top: 1rem;
}

/* Keep the final service flow visually connected without attaching the CTA to
 * the footer. The generic section spacing is intentionally generous elsewhere,
 * but it created a large empty band below the related-service cards here. */
body.irandesigner-wp.single-ir_service #primary-content {
  padding-bottom: clamp(3.5rem, 6vw, 6rem);
}

.single-ir_service .id-related-section.section-padding {
  padding-top: 0;
  padding-bottom: clamp(3.5rem, 5vw, 5rem);
}

/* The generic section padding was applied to both sides of these adjacent
 * blocks, leaving a 20rem empty band between the value cards and the main
 * service content. Keep one deliberate section gap instead. */
.single-ir_service .id-service-value-grid.section-padding {
  padding-bottom: clamp(3.5rem, 5vw, 5rem);
}

.single-ir_service .id-service-content-layout.section-padding {
  padding-top: 0;
}

/* Work and case studies */
.id-work-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: 0;
  overflow: hidden;
  border-radius: var(--ir-radius-hero);
  margin-bottom: 2rem;
}

.id-work-hero__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.4rem, 4vw, 3.5rem);
}

.id-work-hero h1 {
  overflow-wrap: anywhere;
  margin: 0.8rem 0 0;
  font-size: clamp(2rem, 4vw, 3.8rem);
  font-weight: 950;
  line-height: 1.25;
}

.id-work-hero__copy > p {
  margin: 1rem 0 0;
  color: var(--id-muted-foreground);
  line-height: 2;
}

.id-work-hero__copy > .id-button {
  margin-top: 1.3rem;
  align-self: flex-start;
}

.id-work-hero__media {
  min-height: 34rem;
  margin: 0;
}

.id-work-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.id-work-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
  margin-top: 1.25rem;
}

.id-work-meta > span {
  display: grid;
  min-width: 0;
  gap: 0.15rem;
  border: 1px solid rgb(221 209 188 / 65%);
  border-radius: 0.9rem;
  background: rgb(255 255 255 / 68%);
  padding: 0.65rem;
}

.id-work-meta small {
  color: var(--id-muted-foreground);
  font-size: 0.59rem;
}

.id-work-meta strong {
  overflow: hidden;
  font-size: 0.7rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.id-work-result {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  border: 1px solid rgb(13 83 14 / 18%);
  border-radius: 1.4rem;
  margin-bottom: 1.5rem;
  padding: 1rem 1.2rem;
  background: rgb(230 243 228 / 58%);
}

.id-work-result__icon {
  display: inline-flex;
  width: 3.2rem;
  height: 3.2rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--ir-radius-card);
  background: #fff;
  color: var(--id-green);
}

.id-work-result p {
  margin: 0.45rem 0 0;
  color: var(--id-foreground);
  line-height: 1.9;
}

.id-work-aside ol {
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  counter-reset: process;
}

.id-work-aside li {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: 0 0.55rem;
  border-radius: 0.85rem;
  padding: 0.6rem;
  counter-increment: process;
}

.id-work-aside li::before {
  grid-row: span 2;
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgb(159 77 62 / 9%);
  color: var(--id-primary);
  content: counter(process);
  font-size: 0.7rem;
  font-weight: 900;
}

.id-work-aside li strong {
  font-size: 0.78rem;
}

.id-work-aside li span {
  color: var(--id-muted-foreground);
  font-size: 0.68rem;
  line-height: 1.7;
}

.id-work-contact {
  width: 100%;
  margin-top: 0.75rem;
}

/* Comments, forms and error states */
body.irandesigner-wp .id-comments {
  max-width: 58rem;
  border: 1px solid rgb(221 209 188 / 68%);
  border-radius: var(--ir-radius-hero);
  margin: 3rem auto 0;
  padding: clamp(1.2rem, 3vw, 2rem);
  background: rgb(255 253 249 / 86%);
  box-shadow: var(--ir-shadow-md);
}

.id-comments-title,
.comment-reply-title {
  margin: 0 0 1rem;
  font-size: 1.3rem;
  font-weight: 900;
}

.id-comment-list,
.id-comment-list .children {
  display: grid;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
}

.id-comment-list .children {
  margin-top: 0.75rem;
  padding-right: 1.2rem;
}

.id-comment-list .comment-body {
  border: 1px solid rgb(221 209 188 / 62%);
  border-radius: var(--ir-radius-card);
  background: rgb(255 255 255 / 68%);
  padding: 1rem;
}

.id-comment-list .comment-meta {
  margin-bottom: 0.6rem;
  font-size: 0.72rem;
}

.id-comment-list .comment-author {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 850;
}

.id-comment-list .avatar {
  border-radius: 50%;
}

.id-comment-list .comment-content {
  overflow-wrap: anywhere;
  color: var(--id-muted-foreground);
  line-height: 1.9;
}

.id-comment-form,
.comment-form {
  display: grid;
  gap: 0.75rem;
  margin-top: 1.25rem;
}

.comment-form > p {
  margin: 0;
}

.comment-form label {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--id-foreground);
  font-size: 0.75rem;
  font-weight: 800;
}

body.irandesigner-wp .comment-form input:not([type="checkbox"]):not([type="submit"]),
body.irandesigner-wp .comment-form textarea,
body.irandesigner-wp .irandesigner-widget input:not([type="submit"]),
body.irandesigner-wp .irandesigner-widget textarea,
body.irandesigner-wp .irandesigner-widget select {
  width: 100%;
  min-height: 3rem;
  border: 1px solid rgb(221 209 188 / 88%);
  border-radius: 0.9rem;
  background: #fff;
  padding: 0.7rem 0.85rem;
  outline: none;
}

body.irandesigner-wp .comment-form textarea {
  min-height: 9rem;
}

.comment-form-cookies-consent {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.comment-form-cookies-consent label {
  margin: 0;
  color: var(--id-muted-foreground);
  font-weight: 550;
  line-height: 1.7;
}

/* Footer */
body.irandesigner-wp .id-site-footer {
  border-top: 1px solid rgb(245 213 141 / 18%);
  background: #271a14;
  color: #f6ead8;
  padding: 6rem 0 2.2rem;
}

.id-footer-pattern {
  position: absolute;
  inset: 0;
  opacity: 0.07;
  mix-blend-mode: screen;
}

.id-footer-glow {
  position: absolute;
  width: 22rem;
  height: 22rem;
  border-radius: 50%;
  filter: blur(110px);
}

.id-footer-glow--right {
  top: -5rem;
  right: -5rem;
  background: rgb(209 154 88 / 25%);
}

.id-footer-glow--left {
  bottom: -8rem;
  left: -6rem;
  background: rgb(78 42 31 / 64%);
}

.id-footer-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.1fr 0.7fr 0.7fr 1fr;
  gap: clamp(1.5rem, 4vw, 4rem);
}

.id-brand--footer {
  color: #fff3d6;
}

.id-brand--footer .id-brand-copy small {
  color: rgb(226 204 177 / 70%);
}

.id-footer-brand-column > p,
.id-footer-newsletter > p,
.id-footer-newsletter .irandesigner-widget {
  margin: 1.3rem 0;
  color: rgb(226 204 177 / 78%);
  font-size: 0.85rem;
  line-height: 2;
}

.id-footer-column h2 {
  margin: 0 0 1.35rem;
  color: #fff3d6;
  font-size: 1rem;
  font-weight: 900;
}

.id-footer-menu {
  display: grid;
  gap: 0.8rem;
  margin: 0;
  padding: 0;
}

.id-footer-menu a {
  display: inline-flex;
  overflow-wrap: anywhere;
  color: rgb(226 204 177 / 78%);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.6;
}

.id-footer-menu a::before {
  width: 0;
  height: 1px;
  align-self: center;
  margin-left: 0;
  background: var(--id-accent);
  content: "";
  transition: width 180ms ease, margin 180ms ease;
}

.id-footer-menu a:hover {
  color: #f8d894;
}

.id-footer-menu a:hover::before {
  width: 0.75rem;
  margin-left: 0.35rem;
}

.id-footer-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.id-footer-socials a {
  display: inline-flex;
  width: 2.65rem;
  height: 2.65rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(245 213 141 / 22%);
  border-radius: 50%;
  background: rgb(255 244 224 / 8%);
  color: #f5d58d;
  transition: transform 180ms ease, background 180ms ease;
}

.id-footer-socials a:hover {
  transform: translateY(-2px);
  background: rgb(245 213 141 / 13%);
  color: #fff3d6;
}

.id-footer-newsletter .irandesigner-widget {
  border: 0;
  padding: 0;
  background: transparent;
  box-shadow: var(--ir-shadow-none);
}

body.irandesigner-wp .id-footer-newsletter :where(input, textarea, select) {
  border-color: rgb(245 213 141 / 20%);
  background: rgb(255 244 224 / 8%);
  color: #fff3d6;
}

.id-footer-bottom {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 2rem;
  border-top: 1px solid rgb(245 213 141 / 16%);
  margin-top: 4rem;
  padding-top: 1.6rem;
  color: rgb(226 204 177 / 70%);
  font-size: 0.7rem;
  font-weight: 650;
}

.id-footer-bottom p {
  margin: 0;
}

.id-footer-legal {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.4rem;
}

body.irandesigner-wp .id-privacy-banner {
  position: fixed;
  z-index: 9998;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
}

body.irandesigner-wp .id-privacy-banner[hidden] {
  display: none;
}

.id-privacy-banner > div {
  display: flex;
  width: min(100%, 50rem);
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid rgb(221 209 188 / 70%);
  border-radius: var(--ir-radius-panel);
  margin-inline: auto;
  background: rgb(255 253 249 / 94%);
  padding: 0.75rem 0.9rem;
  box-shadow: var(--ir-shadow-hero);
  backdrop-filter: blur(20px);
}

.id-privacy-banner p {
  margin: 0;
  color: var(--id-muted-foreground);
  font-size: 0.7rem;
  line-height: 1.7;
}

.id-privacy-banner a {
  color: var(--id-primary);
  font-weight: 800;
}

.id-privacy-banner button {
  flex: 0 0 auto;
  border-radius: var(--ir-radius-pill);
  background: var(--id-primary);
  color: #fff;
  padding: 0.55rem 0.8rem;
  font-size: 0.7rem;
  font-weight: 800;
}

[data-reveal] {
  transition: opacity 620ms ease, transform 620ms cubic-bezier(.22, 1, .36, 1);
}

.js [data-reveal]:not(.is-revealed) {
  transform: translateY(18px);
  opacity: 0;
}

.js [data-reveal].is-revealed {
  transform: none;
  opacity: 1;
}

/* Live blog composition. Keep WordPress editor utilities from widening the
   production article card or introducing a nested horizontal page scroll. */
.id-live-single-layout,
.id-live-single-layout > *,
.blog-article-content,
.blog-article-content [data-blog-article-content] {
  min-width: 0;
}

body.irandesigner-wp.single-post .blog-article-content [data-blog-article-content] {
  width: min(100%, 68ch);
  margin-inline: auto;
  font-size: clamp(1.0625rem, 0.98rem + 0.24vw, 1.125rem);
  line-height: 1.9;
}

body.irandesigner-wp.single-post .blog-article-content [data-blog-article-content] > :is(p, ul, ol) {
  font-size: inherit;
  line-height: inherit;
}

/* Desktop article navigation keeps a long outline inside the viewport. The
   article remains the page's only scroll container; the outline scrolls only
   when its own links exceed the available sticky height. */
@media (min-width: 1024px) {
  .single-post .id-article-sidebar {
    max-height: calc(100vh - 13rem);
    max-height: calc(100dvh - 13rem);
  }

  .single-post .id-article-sidebar__panel {
    display: flex;
    max-height: calc(100vh - 13rem);
    max-height: calc(100dvh - 13rem);
    flex-direction: column;
  }

  .single-post .id-article-sidebar__toc-nav {
    display: flex;
    min-height: 7rem;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
  }

  .single-post .id-article-sidebar__header {
    flex: 0 0 auto;
  }

  .single-post .id-article-sidebar__toc-scroll {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-inline-end: 0.3rem;
    scrollbar-color: rgb(159 77 62 / 45%) transparent;
    scrollbar-width: thin;
  }

  .single-post .id-article-sidebar__toc-scroll::-webkit-scrollbar {
    width: 5px;
  }

  .single-post .id-article-sidebar__toc-scroll::-webkit-scrollbar-thumb {
    border-radius: var(--ir-radius-pill);
    background: rgb(159 77 62 / 38%);
  }

  .single-post .id-article-sidebar__toc-scroll:focus-visible {
    border-radius: 0.75rem;
    outline: 2px solid rgb(39 103 200 / 30%);
    outline-offset: 3px;
  }

  .single-post .id-article-sidebar [data-theme-toc] ol {
    gap: 0.24rem;
  }

  .single-post .id-article-sidebar [data-theme-toc] a {
    min-height: 2.75rem;
  }

  .single-post .id-article-sidebar__context {
    flex: 0 0 auto;
    margin-top: 1.2rem;
    border-top: 1px solid rgb(139 92 246 / 10%);
    padding-top: 1rem;
  }

  .single-post .id-article-sidebar__context-heading {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    color: #9f4d3e;
  }

  .single-post .id-article-sidebar__context-heading > span {
    display: inline-flex;
    width: 1.7rem;
    height: 1.7rem;
    flex: 0 0 1.7rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.58rem;
    background: rgb(159 77 62 / 7%);
  }

  .single-post .id-article-sidebar__context-heading p {
    margin: 0;
    font-size: 0.66rem;
    font-weight: 850;
    line-height: 1.5;
  }

  .single-post .id-article-sidebar__context ul {
    display: grid;
    gap: 0;
    margin: 0.62rem 0 0;
    padding: 0;
    list-style: none;
  }

  .single-post .id-article-sidebar__context li + li {
    border-top: 1px solid rgb(221 209 188 / 44%);
  }

  .single-post .id-article-sidebar__context a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1.7rem;
    gap: 0.48rem;
    align-items: center;
    padding: 0.5rem 0.15rem;
    color: var(--id-foreground);
    transition: color 180ms ease;
  }

  .single-post .id-article-sidebar__context a:hover,
  .single-post .id-article-sidebar__context a:focus-visible {
    color: var(--id-primary);
  }

  .single-post .id-article-sidebar__context-copy {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
  }

  .single-post .id-article-sidebar__context-copy small {
    color: #9f4d3e;
    font-size: 0.56rem;
    font-weight: 750;
    line-height: 1.55;
  }

  .single-post .id-article-sidebar__context-copy strong {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.68rem;
    font-weight: 720;
    line-height: 1.75;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .single-post .id-article-sidebar__context-icon {
    display: inline-flex;
    width: 1.7rem;
    height: 1.7rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.58rem;
    background: rgb(39 103 200 / 7%);
    color: #2767c8;
    transition: transform 180ms ease, background-color 180ms ease;
  }

  .single-post .id-article-sidebar__context a:hover .id-article-sidebar__context-icon,
  .single-post .id-article-sidebar__context a:focus-visible .id-article-sidebar__context-icon {
    transform: translateX(-2px);
    background: rgb(39 103 200 / 11%);
  }

  .single-post .id-article-sidebar__context-item--service a {
    min-height: 3.4rem;
    border: 1px solid rgb(255 255 255 / 16%);
    border-radius: 0.5rem;
    padding: 0.58rem 0.65rem;
    background: linear-gradient(135deg, #8f4639, #a95645 62%, #8b493f);
    color: #fff;
    box-shadow: 0 14px 26px -22px rgb(79 52 43 / 88%), inset 0 0 0 1px rgb(255 255 255 / 8%);
    transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
  }

  .single-post .id-article-sidebar__context-item--service a:hover,
  .single-post .id-article-sidebar__context-item--service a:focus-visible {
    color: #fff;
    filter: brightness(1.04);
    transform: translateY(-1px);
    box-shadow: 0 18px 30px -22px rgb(79 52 43 / 92%), inset 0 0 0 1px rgb(255 255 255 / 12%);
  }

  .single-post .id-article-sidebar__context-item--service .id-article-sidebar__context-copy small {
    color: rgb(255 255 255 / 72%);
  }

  .single-post .id-article-sidebar__context-item--service .id-article-sidebar__context-copy strong {
    color: #fff;
  }

  .single-post .id-article-sidebar__context-item--service .id-article-sidebar__context-icon {
    background: rgb(255 255 255 / 12%);
    color: #fff;
  }

  .single-post .id-article-sidebar__context-item--service a:hover .id-article-sidebar__context-icon,
  .single-post .id-article-sidebar__context-item--service a:focus-visible .id-article-sidebar__context-icon {
    background: rgb(255 255 255 / 18%);
  }

}

/* A quieter outline improves scan speed on long articles while preserving a
   full touch target in the collapsible mobile table of contents. */
.single-post .id-article-sidebar [data-theme-toc] a,
.single-post .blog-mobile-toc [data-theme-toc] a {
  align-items: center;
  gap: 0.55rem;
  min-height: 2.75rem;
  border: 0;
  border-inline-start: 2px solid transparent;
  border-radius: 0.72rem;
  padding: 0.48rem 0.52rem;
  background: transparent;
  color: color-mix(in srgb, var(--id-foreground) 76%, var(--id-muted-foreground));
  box-shadow: var(--ir-shadow-none);
  font-size: 0.72rem;
  font-weight: 650;
  transform: none;
}

.single-post .id-article-sidebar [data-theme-toc] a:hover,
.single-post .id-article-sidebar [data-theme-toc] a:focus-visible,
.single-post .blog-mobile-toc [data-theme-toc] a:hover,
.single-post .blog-mobile-toc [data-theme-toc] a:focus-visible {
  border-inline-start-color: rgb(39 103 200 / 28%);
  background: rgb(39 103 200 / 4.5%);
  color: var(--id-primary);
  box-shadow: var(--ir-shadow-none);
  transform: none;
}

.single-post .id-article-sidebar [data-theme-toc] a[aria-current="true"],
.single-post .blog-mobile-toc [data-theme-toc] a[aria-current="true"] {
  border-inline-start-color: #9f4d3e;
  background: linear-gradient(to left, rgb(159 77 62 / 7%), rgb(39 103 200 / 3%));
  color: color-mix(in srgb, var(--id-foreground) 84%, #9f4d3e);
}

.single-post .id-article-sidebar [data-theme-toc] a > span:first-child,
.single-post .blog-mobile-toc [data-theme-toc] a > span:first-child {
  width: 1.45rem;
  height: 1.45rem;
  flex-basis: 1.45rem;
  border: 1px solid rgb(159 77 62 / 16%);
  background: rgb(255 255 255 / 74%);
  color: #9f4d3e;
  box-shadow: var(--ir-shadow-none);
  font-size: 0.6rem;
  font-weight: 800;
}

.single-post .id-article-sidebar [data-theme-toc] a > span:nth-child(2),
.single-post .blog-mobile-toc [data-theme-toc] a > span:nth-child(2) {
  line-height: 1.75;
}

.single-post .id-article-sidebar [data-theme-toc] a > span:nth-child(3) {
  display: none;
}

.blog-article-content table {
  width: 100%;
  min-width: 100%;
}

/* Shared service-page shine for editorial media and data surfaces. The inner
   background keeps contrast calm; the multi-tone outer edge carries the brand. */
.blog-article-content {
  --id-editorial-shine: linear-gradient(
    118deg,
    rgb(73 92 68 / 92%) 0%,
    rgb(77 150 118 / 84%) 30%,
    rgb(209 154 88 / 88%) 67%,
    rgb(190 100 76 / 90%) 100%
  );
}

.blog-article-content [data-blog-article-content] :is(.wp-block-image, figure:has(> img)) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  max-width: 100%;
  border: 2px solid transparent;
  border-radius: var(--ir-radius-hero);
  margin-block: clamp(1.9rem, 4vw, 3rem);
  background:
    linear-gradient(rgb(255 253 249 / 98%), rgb(255 253 249 / 98%)) padding-box,
    var(--id-editorial-shine) border-box;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 72%),
    0 28px 62px -46px rgb(45 39 51 / 52%),
    0 0 28px -24px rgb(77 150 118 / 48%);
}

.blog-article-content [data-blog-article-content] :is(.wp-block-image, figure:has(> img)) > img,
.blog-article-content [data-blog-article-content] :is(.wp-block-image, figure:has(> img)) > a > img {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
  border-radius: 0;
  box-shadow: var(--ir-shadow-none);
  object-fit: cover;
}

.blog-article-content [data-blog-article-content] :is(.wp-block-image, figure:has(> img)) > figcaption {
  margin: 0;
  padding: 0.85rem 1rem 0.95rem;
  background:
    radial-gradient(circle at 90% 0%, rgb(77 150 118 / 7%), transparent 42%),
    rgb(255 253 249 / 96%);
  color: var(--id-muted-foreground);
  font-size: clamp(0.76rem, 1.3vw, 0.84rem);
  font-weight: 650;
  line-height: 1.85;
  text-align: center;
}

.blog-article-content [data-blog-article-content] > img,
.blog-article-content [data-blog-article-content] > p > img,
.blog-article-content [data-blog-article-content] > p > a > img {
  border: 2px solid rgb(77 150 118 / 76%);
  border-radius: var(--ir-radius-hero);
  box-shadow: 0 0 0 1px rgb(209 154 88 / 72%),
    0 28px 62px -46px rgb(45 39 51 / 52%),
    0 0 28px -24px rgb(190 100 76 / 46%);
}

/* Responsive, semantic article tables. Keep the native table layout intact so
   short two/three-column tables fill the reading column; horizontal scrolling
   belongs to a dedicated region, not to the table element itself. */
.blog-article-content .wp-block-table {
  overflow: visible;
}

.id-article-table-scroll {
  --id-article-table-min-width: 100%;
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 2px solid transparent;
  border-radius: var(--ir-radius-hero);
  margin-block: clamp(1.6rem, 3vw, 2.25rem);
  background:
    linear-gradient(rgb(255 253 249 / 98%), rgb(255 253 249 / 98%)) padding-box,
    var(--id-editorial-shine) border-box;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 72%),
    0 26px 58px -44px rgb(45 39 51 / 50%),
    0 0 28px -24px rgb(77 150 118 / 46%);
  overscroll-behavior-inline: contain;
  scrollbar-color: rgb(159 77 62 / 58%) rgb(221 209 188 / 28%);
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.id-article-table-scroll::-webkit-scrollbar {
  height: 0.55rem;
}

.id-article-table-scroll::-webkit-scrollbar-track {
  background: rgb(221 209 188 / 28%);
}

.id-article-table-scroll::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: var(--ir-radius-pill);
  background: rgb(159 77 62 / 58%);
  background-clip: padding-box;
}

.id-article-table-scroll:focus-visible {
  outline: 3px solid rgb(159 77 62 / 26%);
  outline-offset: 4px;
}

.id-article-table-scroll table {
  display: table;
  width: 100%;
  min-width: var(--id-article-table-min-width);
  max-width: none;
  border: 0;
  border-collapse: separate;
  border-radius: 0;
  border-spacing: 0;
  margin: 0;
  background: transparent;
  table-layout: auto;
}

.id-article-table-scroll[data-columns="1"] table,
.id-article-table-scroll[data-columns="2"] table,
.id-article-table-scroll[data-columns="3"] table {
  table-layout: fixed;
}

.id-article-table-scroll :where(th, td) {
  min-width: 8.5rem;
  border: 0;
  border-block-end: 1px solid rgb(221 209 188 / 58%);
  padding: clamp(0.85rem, 2vw, 1.05rem) clamp(0.9rem, 2.2vw, 1.25rem);
  text-align: start;
  vertical-align: top;
  line-height: 1.9;
}

.id-article-table-scroll thead th {
  position: relative;
  z-index: 2;
  background: rgb(246 239 229 / 96%);
  color: var(--id-foreground);
  font-weight: 900;
  vertical-align: middle;
}

.id-article-table-scroll tbody tr:nth-child(even) > :where(th, td) {
  background: rgb(246 239 229 / 28%);
}

.id-article-table-scroll tbody tr {
  transition: background-color 180ms ease;
}

.id-article-table-scroll tbody tr:hover > :where(th, td) {
  background: rgb(209 154 88 / 10%);
}

.id-article-table-scroll tr:last-child > :where(th, td) {
  border-block-end: 0;
}

.id-article-table-scroll caption {
  caption-side: bottom;
  padding: 0.8rem 1rem;
  color: var(--id-muted-foreground);
  font-size: 0.76rem;
  font-weight: 650;
  line-height: 1.8;
  text-align: start;
}

@media (max-width: 640px) {
  .id-article-table-scroll {
    margin-inline: calc(clamp(0rem, 2vw, 0.45rem) * -1);
  }

  .id-article-table-scroll table {
    font-size: 0.84rem;
  }

  .id-article-table-scroll :where(th, td) {
    min-width: 8.25rem;
    padding: 0.8rem 0.85rem;
    line-height: 1.8;
  }

  .id-article-table-scroll.is-scrollable :where(th, td):first-child {
    position: sticky;
    z-index: 1;
    inset-inline-start: 0;
    box-shadow: -10px 0 18px -18px rgb(45 39 51 / 58%);
  }

  .id-article-table-scroll.is-scrollable tbody tr:nth-child(odd) > :where(th, td):first-child {
    background: rgb(255 253 249);
  }

  .id-article-table-scroll.is-scrollable tbody tr:nth-child(even) > :where(th, td):first-child {
    background: rgb(249 245 238);
  }

  .id-article-table-scroll.is-scrollable thead th:first-child {
    z-index: 3;
    background: rgb(246 239 229);
  }
}

@media (prefers-reduced-motion: reduce) {
  .id-article-table-scroll tbody tr {
    transition: none;
  }
}

/* Long-form copy uses whitespace for rhythm. The retired divider/diamond
   between consecutive paragraphs interrupted reading and added visual noise. */
.blog-article-content [data-blog-article-content] > p + p {
  margin-block-start: 1.15em;
}

.id-blog-comments-icon {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
}

@media (min-width: 1024px) {
  .id-live-single-layout.has-no-toc {
    max-width: 64rem;
    grid-template-columns: minmax(0, 1fr);
    margin-inline: auto;
  }
}

/* Responsive behavior */
@media (min-width: 1280px) {
  body.irandesigner-wp .public-nav-glass--desktop {
    display: flex;
  }

  body.irandesigner-wp .public-nav-glass--mobile,
  body.irandesigner-wp .id-mobile-panel {
    display: none;
  }
}

@media (max-width: 1279px) {
  body.irandesigner-wp .public-nav-glass--desktop {
    display: none;
  }

  body.irandesigner-wp .public-nav-glass--mobile {
    display: flex;
  }

  .id-article-layout {
    grid-template-columns: minmax(0, 1fr) minmax(13rem, 0.3fr);
  }

  .id-article-layout.has-no-toc {
    grid-template-columns: minmax(0, 1fr) minmax(13rem, 0.3fr);
  }

  body.irandesigner-wp .id-article-toc {
    position: static;
    grid-column: 1 / -1;
    max-height: none;
    order: -1;
  }

  .id-article-toc [data-theme-toc] ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .id-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1023px) {
  .id-home-hero-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .id-home-hero-copy {
    max-width: 48rem;
    text-align: center;
    margin-inline: auto;
  }

  .id-home-badge,
  .id-home-hero-actions,
  .id-home-proof {
    justify-content: center;
    margin-inline: auto;
  }

  .id-home-hero-showcase {
    max-width: 42rem;
    margin-inline: auto;
  }

  .id-section-heading--split {
    grid-template-columns: 1fr;
  }

  .id-section-heading--split > .id-button {
    justify-self: start;
  }

  .home-quality-panel,
  body.irandesigner-wp .id-service-hero,
  .id-work-hero {
    grid-template-columns: 1fr;
  }

  .id-post-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .id-home-project-grid {
    grid-template-columns: 1fr;
  }

  .id-home-project .home-portfolio-card__media {
    min-height: 15rem;
  }

  .id-article-layout {
    grid-template-columns: 1fr;
  }

  .id-article-layout.has-no-toc {
    grid-template-columns: 1fr;
  }

  body.irandesigner-wp .id-article-aside,
  .id-service-sidebar,
  .id-work-aside {
    position: static;
  }

  .id-article-aside .id-sidebar-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .id-service-content-layout,
  .id-work-content-layout {
    grid-template-columns: 1fr;
  }

  .id-work-hero__media {
    min-height: 24rem;
    order: -1;
  }

  .id-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 782px) {
  body.admin-bar .id-site-header nav {
    top: 46px;
  }
}

@media (max-width: 767px) {
  html {
    scroll-padding-top: 6rem;
  }

  .public-shell-container {
    width: min(100% - 1.25rem, 80rem);
  }

  body.irandesigner-wp .blog-page,
  body.irandesigner-wp .id-page-shell,
  body.irandesigner-wp .portfolio-page,
  body.irandesigner-wp .service-detail-page,
  body.irandesigner-wp .id-listing-page {
    padding-top: 7.5rem;
  }

  body.irandesigner-wp .id-inner-hero {
    border-radius: 1.4rem;
    margin-bottom: 1.5rem;
  }

  .id-inner-hero h1,
  .id-article-header h1,
  .id-service-hero h1,
  .id-work-hero h1,
  .id-home-hero-copy h1 {
    text-wrap: pretty;
  }

  .id-breadcrumb span[aria-current="page"] {
    max-width: 60vw;
  }

  .id-post-grid,
  .id-service-grid,
  .id-quality-grid,
  .id-article-aside .id-sidebar-stack,
  .id-service-value-grid {
    grid-template-columns: 1fr;
  }

  .id-content-card {
    border-radius: 1.3rem;
  }

  .id-content-card__media {
    aspect-ratio: 16 / 10;
  }

  .id-home-hero-showcase {
    width: min(100%, 31rem);
  }

  .id-home-floating-card {
    width: 50%;
    padding: 0.65rem;
  }

  .id-home-floating-card--top {
    right: -1%;
  }

  .id-home-floating-card--bottom {
    left: -1%;
  }

  .id-hero-controls button {
    flex: 1 1 0;
    justify-items: center;
    padding-inline: 0.45rem;
    text-align: center;
  }

  .id-home-project {
    grid-template-columns: 1fr;
  }

  .id-home-project .home-portfolio-card__media {
    min-height: 14rem;
  }

  .id-cta-panel {
    grid-template-columns: 1fr;
  }

  .id-cta-panel > .id-button {
    justify-self: start;
  }

  .id-article-cover,
  .id-page-featured,
  body.irandesigner-wp .id-service-hero,
  .id-work-hero {
    border-radius: 1.35rem;
  }

  body.irandesigner-wp .id-article-content,
  .id-page-content,
  .id-service-content,
  .id-work-content {
    border-radius: var(--ir-radius-panel);
    padding: 1.1rem;
  }

  .article-content {
    font-size: 0.94rem;
    line-height: 2;
  }

  .id-article-toc [data-theme-toc] ol {
    grid-template-columns: 1fr;
  }

  .id-author-box,
  .id-author-hero__grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .id-author-box .id-eyebrow,
  .id-author-hero .id-eyebrow,
  .id-author-avatar {
    margin-inline: auto;
  }

  .id-post-navigation {
    grid-template-columns: 1fr;
  }

  .id-service-hero__media > img {
    min-height: 18rem;
  }

  body.irandesigner-wp.single-ir_service #primary-content {
    padding-bottom: 3rem;
  }

  .single-ir_service .id-related-section.section-padding {
    padding-bottom: 3rem;
  }

  .single-ir_service .id-service-value-grid.section-padding {
    padding-bottom: 3rem;
  }

  .id-work-meta {
    grid-template-columns: 1fr;
  }

  .id-work-hero__media {
    min-height: 18rem;
  }

  .id-footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .id-footer-brand-column,
  .id-footer-newsletter {
    grid-column: 1 / -1;
  }

  .id-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .id-footer-legal {
    justify-content: flex-start;
  }

  .id-privacy-banner > div {
    align-items: flex-start;
  }
}

@media (max-width: 480px) {
  .id-brand--mobile .id-brand-copy {
    display: none;
  }

  .id-mobile-cta {
    padding-inline: 0.7rem;
  }

  .id-mobile-contact-row,
  .id-footer-grid {
    grid-template-columns: 1fr;
  }

  .id-footer-column,
  .id-footer-brand-column,
  .id-footer-newsletter {
    grid-column: auto;
  }

  .id-search-form {
    grid-template-columns: 1fr;
  }

  body.irandesigner-wp .id-search-submit {
    width: 100%;
  }

  .id-content-card__footer {
    align-items: flex-end;
  }

  .id-content-card__author {
    max-width: 46%;
  }

  .id-home-hero-actions > *,
  .id-service-hero__actions > * {
    width: 100%;
  }

  .id-home-proof {
    display: grid;
  }

  .id-home-floating-card {
    position: static;
    width: 100%;
    margin-top: 0.45rem;
  }

  .id-hero-controls {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .id-cta-panel > .id-button {
    width: 100%;
  }

  .id-privacy-banner > div {
    display: grid;
  }

  .id-privacy-banner button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  body.irandesigner-wp *,
  body.irandesigner-wp *::before,
  body.irandesigner-wp *::after {
    scroll-behavior: auto;
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
    transition-duration: 0.01ms;
  }

  .js body.irandesigner-wp [data-reveal] {
    transform: none;
    opacity: 1;
  }
}

/* Author profile: compact senior editorial identity card. */
.id-author-profile-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-bottom: 3rem;
  border: 1px solid rgb(159 77 62 / 16%);
  border-radius: var(--ir-radius-hero);
  background:
    radial-gradient(circle at 92% 8%, rgb(209 154 88 / 13%), transparent 30%),
    linear-gradient(135deg, rgb(255 253 249 / 98%), rgb(255 250 244 / 94%));
  box-shadow: 0 26px 74px -50px rgb(79 52 43 / 52%);
}

.id-author-profile-card::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0.36;
  background-image:
    linear-gradient(rgb(159 77 62 / 4%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(159 77 62 / 4%) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  pointer-events: none;
  mask-image: linear-gradient(135deg, #000, transparent 58%);
}

.id-author-profile-card__accent {
  height: 4px;
  background: linear-gradient(90deg, #418792, #6f8fd6 32%, #d19a58 66%, #9f4d3e);
}

.id-author-profile-card__header {
  display: grid;
  grid-template-columns: 8.5rem minmax(0, 1fr) auto;
  gap: 1.5rem;
  align-items: center;
  padding: 1.75rem 1.75rem 1.35rem;
}

.id-author-profile-card__portrait {
  position: relative;
  width: 8.5rem;
  height: 8.5rem;
  padding: 0.3rem;
  border: 1px solid rgb(159 77 62 / 16%);
  border-radius: var(--ir-radius-hero);
  background: rgb(255 255 255 / 76%);
  box-shadow: 0 22px 48px -34px rgb(63 42 36 / 72%);
}

.id-author-profile-card__portrait img {
  width: 100%;
  height: 100%;
  border-radius: var(--ir-radius-hero);
  object-fit: cover;
  object-position: 50% 34%;
}

.id-author-profile-card__verified {
  position: absolute;
  right: -0.35rem;
  bottom: -0.35rem;
  display: inline-flex;
  width: 2.1rem;
  height: 2.1rem;
  align-items: center;
  justify-content: center;
  border: 3px solid #fffdf9;
  border-radius: var(--ir-radius-pill);
  background: #0d746f;
  color: #fff;
  box-shadow: 0 12px 24px -14px rgb(13 116 111 / 70%);
}

.id-author-profile-card__identity {
  min-width: 0;
}

.id-author-profile-card__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 2rem;
  border: 1px solid rgb(159 77 62 / 14%);
  border-radius: var(--ir-radius-pill);
  padding: 0.25rem 0.75rem;
  background: rgb(159 77 62 / 6%);
  color: #9f4d3e;
  font-size: 0.72rem;
  font-weight: 900;
}

.id-author-profile-card__identity h2 {
  margin: 0.8rem 0 0;
  color: var(--id-foreground, #2d2733);
  font-size: clamp(1.65rem, 2.8vw, 2.35rem);
  font-weight: 950;
  line-height: 1.25;
  letter-spacing: -0.045em;
}

.id-author-profile-card__role {
  margin: 0.45rem 0 0;
  color: #9f4d3e;
  font-size: clamp(0.82rem, 1.4vw, 1rem);
  font-weight: 850;
  line-height: 1.9;
}

.id-author-profile-card__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(7.5rem, 1fr));
  gap: 0.65rem;
}

.id-author-profile-card__metric {
  display: grid;
  min-height: 5.25rem;
  align-content: center;
  justify-items: center;
  border: 1px solid rgb(221 209 188 / 74%);
  border-radius: var(--ir-radius-panel);
  padding: 0.7rem 0.9rem;
  background: rgb(255 255 255 / 76%);
  box-shadow: 0 15px 36px -30px rgb(79 52 43 / 54%);
  text-align: center;
}

.id-author-profile-card__metric strong {
  color: #9f4d3e;
  font-size: 1.35rem;
  font-weight: 950;
  line-height: 1;
}

.id-author-profile-card__metric span {
  margin-top: 0.45rem;
  color: var(--id-muted-foreground, #675c5a);
  font-size: 0.68rem;
  font-weight: 800;
  white-space: nowrap;
}

.id-author-profile-card__bio {
  margin: 0 1.75rem;
  border-top: 1px solid rgb(221 209 188 / 56%);
  padding: 1.35rem 0 0;
  color: var(--id-muted-foreground, #675c5a);
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 2.05;
}

.id-author-profile-card__expertise {
  margin: 1.35rem 1.75rem 0;
  border: 1px solid rgb(221 209 188 / 68%);
  border-radius: var(--ir-radius-hero);
  padding: 1.15rem;
  background: rgb(255 255 255 / 62%);
}

.id-author-profile-card__section-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.85rem;
}

.id-author-profile-card__section-heading strong {
  color: var(--id-foreground, #2d2733);
  font-size: 0.9rem;
  font-weight: 950;
}

.id-author-profile-card__section-heading span {
  color: var(--id-muted-foreground, #675c5a);
  font-size: 0.72rem;
  font-weight: 650;
}

.id-author-profile-card__specialties {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.7rem;
}

.id-author-profile-card__specialty {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr);
  gap: 0.65rem;
  align-items: center;
  min-width: 0;
  min-height: 4.6rem;
  border: 1px solid rgb(159 77 62 / 11%);
  border-radius: 1.1rem;
  padding: 0.7rem;
  background: rgb(255 253 249 / 88%);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.id-author-profile-card__specialty:hover {
  transform: translateY(-2px);
  border-color: rgb(159 77 62 / 24%);
  box-shadow: 0 16px 34px -28px rgb(79 52 43 / 58%);
}

.id-author-profile-card__specialty-icon {
  display: inline-flex;
  width: 2.4rem;
  height: 2.4rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
  background: linear-gradient(145deg, rgb(159 77 62 / 10%), rgb(209 154 88 / 10%));
  color: #9f4d3e;
}

.id-author-profile-card__specialty > span:last-child {
  display: grid;
  min-width: 0;
  gap: 0.2rem;
}

.id-author-profile-card__specialty strong {
  overflow: hidden;
  color: var(--id-foreground, #2d2733);
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.6;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.id-author-profile-card__specialty small {
  overflow: hidden;
  color: var(--id-muted-foreground, #675c5a);
  font-size: 0.62rem;
  font-weight: 650;
  line-height: 1.6;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.id-author-profile-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.2rem 1.75rem 1.55rem;
}

.id-author-profile-card__footer-label {
  color: var(--id-muted-foreground, #675c5a);
  font-size: 0.72rem;
  font-weight: 750;
}

.id-author-profile-card__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.id-author-profile-card__links a {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  border: 1px solid rgb(159 77 62 / 16%);
  border-radius: var(--ir-radius-pill);
  padding: 0.55rem 0.9rem;
  background: rgb(255 255 255 / 76%);
  color: #9f4d3e;
  font-size: 0.72rem;
  font-weight: 900;
  box-shadow: 0 12px 28px -24px rgb(79 52 43 / 58%);
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.id-author-profile-card__links a:hover,
.id-author-profile-card__links a:focus-visible {
  transform: translateY(-2px);
  border-color: rgb(159 77 62 / 34%);
  background: #fff;
}

/* The author icon is now explicit SVG markup; suppress the retired CSS mask. */
body.irandesigner-wp.blog article a[href*="/author/"]::before {
  display: none;
  content: none;
}

@media (max-width: 1279px) {
  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof {
    --home-proof-label-size: 12px;
    --home-proof-inline-gap: 0.35rem;
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    column-gap: var(--home-proof-inline-gap);
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 1.25rem 0 0;
    padding: 0.75rem 1rem;
    border-radius: var(--ir-radius-hero);
    direction: rtl;
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof-award {
    width: 3rem;
    min-width: 3rem;
    transform: scale(0.82);
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof > div:nth-child(2) {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--home-proof-inline-gap);
    min-width: 0;
    overflow: hidden;
    direction: ltr;
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof > div:nth-child(2) p {
    display: inline-block;
    flex: 0 1 auto;
    width: auto;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    font-size: var(--home-proof-label-size);
    line-height: 1.55;
    letter-spacing: -0.01em;
    white-space: nowrap;
    text-align: right;
    direction: rtl;
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof-stars {
    flex: 0 0 auto;
    margin: 0;
    align-items: center;
    justify-content: center;
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof-stars svg {
    width: 0.625rem;
    height: 0.625rem;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof {
    width: min(26rem, 100%);
    max-width: 26rem;
    margin: 1rem 0 0 auto;
    padding-block: 0.65rem;
  }
}

@media (max-width: 480px) {
  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof {
    grid-template-columns: 2.5rem minmax(0, 1fr);
    column-gap: var(--home-proof-inline-gap);
    padding: 0.65rem 0.6rem;
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof-award {
    width: 2.5rem;
    min-width: 2.5rem;
    transform: scale(0.76);
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof > div:nth-child(2) {
    gap: var(--home-proof-inline-gap);
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof-stars svg {
    width: 0.5rem;
    height: 0.5rem;
  }

}

@media (max-width: 360px) {
  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof {
    grid-template-columns: 2rem minmax(0, 1fr);
    column-gap: var(--home-proof-inline-gap);
    padding: 0.55rem 0.375rem;
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof-award {
    width: 2rem;
    min-width: 2rem;
    transform: scale(0.66);
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof > div:nth-child(2) {
    gap: var(--home-proof-inline-gap);
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof-stars svg {
    width: 0.4rem;
    height: 0.4rem;
  }
}

@media (min-width: 1280px) {
  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof {
    --home-proof-label-size: 14px;
    --home-proof-inline-gap: 0.35rem;
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr);
    column-gap: var(--home-proof-inline-gap);
    align-items: center;
    direction: rtl;
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof > div:nth-child(2) {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--home-proof-inline-gap);
    direction: ltr;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    padding-inline: 0;
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof > div:nth-child(2) p {
    display: inline-block;
    flex: 0 1 auto;
    width: auto;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    font-size: var(--home-proof-label-size);
    line-height: 1.55;
    letter-spacing: -0.01em;
    white-space: nowrap;
    text-overflow: clip;
    text-align: right;
    direction: rtl;
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof-stars {
    flex: 0 0 auto;
    margin: 0;
    align-items: center;
    justify-content: center;
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof > div:last-child {
    display: none;
  }
}

/* Homepage hero artwork swap only. Copy, controls, spacing and animation keep
   their original theme behavior. */
[data-home-hero-slider] .home-hero-proof > div:nth-child(2) {
  min-width: 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding-inline: 0.35rem;
}

body.irandesigner-wp [data-home-hero-slider] .home-hero-proof > div:nth-child(2) p {
  max-width: 100%;
  overflow: hidden;
  font-size: 0.42rem;
  line-height: 1.8;
  text-overflow: clip;
}

[data-home-hero-slider] .home-hero-proof > div:last-child {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}

body.irandesigner-wp [data-home-hero-slider] [data-home-hero-background="desktop"][data-home-hero-index="0"]::before {
  background-image: url("../images/hero-showcase/hero-mosque-web-design.webp");
}

body.irandesigner-wp [data-home-hero-slider] [data-home-hero-background="desktop"][data-home-hero-index="1"]::before {
  background-image: url("../images/hero-showcase/hero-persepolis-bulls-v2.webp");
}

body.irandesigner-wp [data-home-hero-slider] [data-home-hero-background="desktop"][data-home-hero-index="2"]::before {
  background-image: url("../images/hero-showcase/hero-cheetah-ai-agents.webp");
}

@media (min-width: 1280px) {
  /* Desktop artwork and its framed copy are one scene. Keeping them in the
     same coordinate system prevents the copy panel drifting outside the gold
     rectangle at different viewport sizes. The geometric orbit remains. */
  body.irandesigner-wp [data-home-hero-slider] [data-home-hero-background="desktop"],
  body.irandesigner-wp [data-home-hero-slider] [data-home-hero-background="desktop-texture"] {
    display: none;
  }

  /* Keep the trust strip compact and on the same corner-radius rhythm as the
     site's desktop cards instead of stretching into an oversized capsule. */
  body.irandesigner-wp [data-home-hero-slider] .home-hero-proof {
    width: min(32rem, 100%);
    max-width: 32rem;
    flex-wrap: nowrap;
    gap: 1rem;
    padding-inline: 1.125rem;
    border-radius: var(--ir-radius-hero);
  }

  body.irandesigner-wp [data-home-hero-slider] .home-hero-proof-award {
    width: 4rem;
    min-width: 4rem;
    transform: scale(0.86);
  }

  [data-home-hero-slider] .home-hero-proof > div:nth-child(2) {
    min-width: 0;
    flex: 1 1 auto;
  }

  body.irandesigner-wp [data-home-hero-slider] .home-hero-proof > div:nth-child(2) p {
    white-space: nowrap;
    font-size: 0.42rem;
  }

  [data-home-hero-slider] .home-hero-proof-stars svg {
    width: 0.75rem;
    height: 0.75rem;
  }

  [data-home-hero-slider] .home-hero-proof > div:last-child {
    flex-shrink: 0;
  }

  body.irandesigner-wp [data-home-hero-slider] .home-hero-proof > div:last-child > span,
  body.irandesigner-wp [data-home-hero-slider] .home-hero-proof > div:last-child img {
    width: 2.25rem;
    height: 2.25rem;
  }
}

@media (max-width: 1279px) {
  body.irandesigner-wp [data-home-hero-slider] [data-home-hero-background="desktop"],
  body.irandesigner-wp [data-home-hero-slider] [data-home-hero-background="desktop-texture"] {
    display: none;
  }

  body.irandesigner-wp [data-home-hero-slider] [data-home-hero-background="mobile"] {
    display: none;
  }

  body.irandesigner-wp [data-home-hero-slider] [data-home-hero-background="mobile"],
  body.irandesigner-wp [data-home-hero-slider] [data-home-hero-background="mobile"]::before {
    background-position: calc(50% - 4.75rem) 3.75rem;
    background-size: auto 68%;
    background-repeat: no-repeat;
  }

  body.irandesigner-wp [data-home-hero-slider] [data-home-hero-background="mobile"][data-home-hero-index="0"]::before {
    background-image: url("../images/hero-showcase/hero-mobile-mosque.webp");
  }

  body.irandesigner-wp [data-home-hero-slider] [data-home-hero-background="mobile"][data-home-hero-index="1"]::before {
    background-image: url("../images/hero-showcase/hero-mobile-persepolis-bulls-v2.webp");
  }

  body.irandesigner-wp [data-home-hero-slider] [data-home-hero-background="mobile"][data-home-hero-index="2"]::before {
    background-image: url("../images/hero-showcase/hero-mobile-cheetah.webp");
  }
}

body.irandesigner-wp .home-hero-art-card {
  --home-art-aspect: 1.5;
  --home-art-frame-left: 50.9115%;
  --home-art-frame-top: 7.0313%;
  --home-art-frame-width: 30.9896%;
  --home-art-frame-height: 70.5078%;
  --home-art-image: url("../images/hero-showcase/hero-mosque-web-design.webp");
  --home-art-center-offset: min(18.1126vw, 19.3763rem);
  position: absolute;
  z-index: 6;
  top: 50%;
  left: calc(
    max(1.5rem, calc((100vw - 80rem) / 2 + 1.5rem))
    + var(--home-art-center-offset)
    + 40px
  );
  translate: -50% -50%;
  width: min(43vw, 46rem);
  aspect-ratio: var(--home-art-aspect);
  pointer-events: none;
  background: var(--home-art-image) center / 100% 100% no-repeat;
}

body.is-irandesigner-home .home-hero-tech-orbit__geometry-dot {
  display: none;
}

.home-hero-art-card__content {
  position: absolute;
  top: var(--home-art-frame-top);
  left: var(--home-art-frame-left);
  width: var(--home-art-frame-width);
  height: var(--home-art-frame-height);
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.55rem;
  padding: 1.25rem 1rem;
  border-radius: 0.3rem;
  background: linear-gradient(145deg, rgba(255, 253, 249, 0.92), rgba(255, 250, 242, 0.86));
  color: #2d2728;
  text-align: right;
  box-shadow: var(--ir-shadow-none);
  backdrop-filter: blur(8px);
}

.home-hero-art-card__eyebrow {
  color: #a05443;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.5;
}

.home-hero-art-card__title {
  display: block;
  font-size: clamp(0.95rem, 1.2vw, 1.08rem);
  font-weight: 900;
  line-height: 1.75;
  text-wrap: balance;
}

.home-hero-art-card__body {
  margin: 0;
  color: #655a5b;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.95;
  text-wrap: pretty;
}

.home-hero-art-card[data-home-hero-art-card-key="web-design"] {
  animation: id-home-art-card-mosque 480ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.home-hero-art-card[data-home-hero-art-card-key="digital-marketing"] {
  --home-art-aspect: 1.3333;
  --home-art-center-offset: min(19.6885vw, 21.0622rem);
  --home-art-frame-left: 53.1768%;
  --home-art-frame-top: 9.5764%;
  --home-art-frame-width: 33.2873%;
  --home-art-frame-height: 67.2192%;
  --home-art-image: url("../images/hero-showcase/hero-persepolis-bulls-v2.webp");
  animation: id-home-art-card-persepolis 480ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.home-hero-art-card[data-home-hero-art-card-key="ai-agent"] {
  --home-art-center-offset: min(18.9245vw, 20.2448rem);
  --home-art-frame-left: 48.5677%;
  --home-art-frame-top: 6.9336%;
  --home-art-frame-width: 32.2917%;
  --home-art-frame-height: 70.4102%;
  --home-art-image: url("../images/hero-showcase/hero-cheetah-ai-agents.webp");
  animation: id-home-art-card-cheetah 480ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@media (min-width: 1280px) and (max-width: 1439px) {
  .home-hero-art-card__content {
    gap: 0.35rem;
    padding: 0.8rem 0.7rem;
  }

  .home-hero-art-card__eyebrow {
    font-size: 0.6rem;
  }

  .home-hero-art-card__title {
    font-size: 0.9rem;
    line-height: 1.65;
  }

  .home-hero-art-card__body {
    font-size: 0.64rem;
    line-height: 1.8;
  }
}

@keyframes id-home-art-card-mosque {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes id-home-art-card-persepolis {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes id-home-art-card-cheetah {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1279px) {
  body.irandesigner-wp .home-hero-art-card {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.irandesigner-wp .home-hero-art-card {
    animation: none;
  }
}

/* Single-post closing sections: compact author identity, scannable internal
   links and a calm comments entry point. These styles intentionally do not
   affect author archives, blog listings or service pages. */
.single-post .id-single-author-card {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 6.25rem minmax(0, 1fr) minmax(14rem, auto);
  gap: clamp(1rem, 2.4vw, 1.5rem);
  align-items: center;
  overflow: hidden;
  border: 1px solid rgb(221 209 188 / 62%);
  border-radius: var(--ir-radius-hero);
  padding: clamp(1rem, 2.4vw, 1.35rem);
  background:
    radial-gradient(circle at 94% 12%, rgb(209 154 88 / 10%), transparent 32%),
    linear-gradient(135deg, rgb(255 253 249 / 96%), rgb(250 248 246 / 92%));
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 64%),
    0 24px 58px -48px rgb(79 52 43 / 48%);
}

.single-post .id-single-author-card::before {
  position: absolute;
  inset-block: 1.1rem;
  inset-inline-start: 0;
  width: 3px;
  border-radius: var(--ir-radius-pill);
  background: linear-gradient(180deg, #2767c8, #d19a58 54%, #9f4d3e);
  content: "";
}

.single-post .id-single-author-card__glow {
  position: absolute;
  z-index: -1;
  inset-block-start: -5rem;
  inset-inline-end: -4rem;
  width: 11rem;
  height: 11rem;
  border: 1px solid rgb(39 103 200 / 8%);
  border-radius: 50%;
  box-shadow: 0 0 0 1.4rem rgb(39 103 200 / 2.7%),
    0 0 0 2.8rem rgb(209 154 88 / 2.4%);
  pointer-events: none;
}

.single-post .id-single-author-card__portrait {
  position: relative;
  width: 6.25rem;
  height: 6.25rem;
  padding: 0.22rem;
  border: 1px solid rgb(221 209 188 / 72%);
  border-radius: 1.45rem;
  background: rgb(255 255 255 / 78%);
  box-shadow: 0 16px 36px -28px rgb(45 39 51 / 58%);
}

.single-post .id-single-author-card__portrait img {
  width: 100%;
  height: 100%;
  border-radius: 1.22rem;
  object-fit: cover;
  object-position: 50% 34%;
}

.single-post .id-single-author-card__verified {
  position: absolute;
  inset-inline-end: -0.32rem;
  inset-block-end: -0.32rem;
  display: inline-flex;
  width: 1.85rem;
  height: 1.85rem;
  align-items: center;
  justify-content: center;
  border: 3px solid #fffdf9;
  border-radius: 50%;
  background: #356c56;
  color: #fff;
  box-shadow: 0 10px 22px -14px rgb(53 108 86 / 78%);
}

.single-post .id-single-author-card__identity {
  min-width: 0;
}

.single-post .id-single-author-card__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  margin: 0;
  color: #9f4d3e;
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1.5;
}

.single-post .id-single-author-card__eyebrow > span {
  width: 0.46rem;
  height: 0.46rem;
  border: 2px solid rgb(255 255 255 / 92%);
  border-radius: 50%;
  background: linear-gradient(135deg, #2767c8, #d19a58);
  box-shadow: 0 0 0 0.18rem rgb(39 103 200 / 7%);
}

.single-post .id-single-author-card__identity h2 {
  margin: 0.32rem 0 0;
  color: var(--id-foreground);
  font-size: clamp(1.35rem, 2.4vw, 1.8rem);
  font-weight: 900;
  line-height: 1.35;
  letter-spacing: -0.025em;
}

.single-post .id-single-author-card__identity h2 a {
  border-radius: 0.45rem;
  transition: color 180ms ease;
}

.single-post .id-single-author-card__identity h2 a:hover,
.single-post .id-single-author-card__identity h2 a:focus-visible {
  color: var(--id-primary);
}

.single-post .id-single-author-card__role {
  margin: 0.38rem 0 0;
  color: color-mix(in srgb, var(--id-foreground) 68%, var(--id-muted-foreground));
  font-size: clamp(0.75rem, 1.35vw, 0.86rem);
  font-weight: 650;
  line-height: 1.85;
}

.single-post .id-single-author-card__cta {
  display: flex;
  min-width: 14rem;
  min-height: 4.15rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  border: 1px solid rgb(159 77 62 / 14%);
  border-radius: 1.2rem;
  padding: 0.7rem 0.78rem 0.7rem 0.95rem;
  background: rgb(255 255 255 / 74%);
  color: var(--id-foreground);
  box-shadow: 0 14px 30px -27px rgb(79 52 43 / 54%);
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.single-post .id-single-author-card__cta:hover,
.single-post .id-single-author-card__cta:focus-visible {
  transform: translateY(-2px);
  border-color: rgb(159 77 62 / 28%);
  background: #fff;
  box-shadow: 0 18px 34px -26px rgb(79 52 43 / 58%);
}

.single-post .id-single-author-card__cta > span:first-child {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
}

.single-post .id-single-author-card__cta small {
  color: var(--id-muted-foreground);
  font-size: 0.62rem;
  font-weight: 700;
}

.single-post .id-single-author-card__cta strong {
  color: #9f4d3e;
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1.6;
  white-space: nowrap;
}

.single-post .id-single-author-card__cta-icon {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.72rem;
  background: linear-gradient(135deg, rgb(39 103 200 / 9%), rgb(209 154 88 / 13%));
  color: #9f4d3e;
  transition: transform 180ms ease;
}

.single-post .id-single-author-card__cta:hover .id-single-author-card__cta-icon {
  transform: translateX(-2px);
}

.single-post .id-single-related {
  overflow: hidden;
  border: 1px solid rgb(221 209 188 / 62%);
  border-radius: var(--ir-radius-hero);
  padding: clamp(1rem, 2.5vw, 1.4rem);
  background:
    radial-gradient(circle at 8% 10%, rgb(39 103 200 / 6%), transparent 30%),
    linear-gradient(145deg, rgb(255 253 249 / 94%), rgb(250 248 246 / 90%));
  box-shadow: 0 24px 58px -50px rgb(45 39 51 / 44%);
}

.single-post .id-single-related__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid rgb(221 209 188 / 52%);
}

.single-post .id-single-related__heading {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.72rem;
}

.single-post .id-single-related__heading-icon {
  display: inline-flex;
  width: 2.55rem;
  height: 2.55rem;
  flex: 0 0 2.55rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(159 77 62 / 12%);
  border-radius: 0.9rem;
  background: linear-gradient(135deg, rgb(39 103 200 / 8%), rgb(209 154 88 / 13%));
  color: #9f4d3e;
}

.single-post .id-single-related__heading > span:last-child {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
}

.single-post .id-single-related__heading small {
  color: #9f4d3e;
  font-size: 0.64rem;
  font-weight: 850;
}

.single-post .id-single-related__heading h2 {
  margin: 0;
  color: var(--id-foreground);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.single-post .id-single-related__count {
  flex: 0 0 auto;
  border: 1px solid rgb(39 103 200 / 10%);
  border-radius: var(--ir-radius-pill);
  padding: 0.38rem 0.7rem;
  background: rgb(255 255 255 / 66%);
  color: var(--id-muted-foreground);
  font-size: 0.65rem;
  font-weight: 800;
}

.single-post .id-single-related__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.single-post .id-single-related__card {
  display: grid;
  grid-template-columns: 2.15rem minmax(0, 1fr) 2rem;
  min-height: 5.4rem;
  align-items: center;
  gap: 0.72rem;
  border: 1px solid rgb(221 209 188 / 58%);
  border-radius: 1.15rem;
  padding: 0.75rem;
  background: rgb(255 255 255 / 64%);
  box-shadow: 0 12px 28px -26px rgb(45 39 51 / 42%);
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.single-post .id-single-related__card:hover,
.single-post .id-single-related__card:focus-visible {
  transform: translateY(-2px);
  border-color: rgb(39 103 200 / 20%);
  background: rgb(255 255 255 / 94%);
  box-shadow: 0 18px 34px -28px rgb(39 103 200 / 28%);
}

.single-post .id-single-related__number {
  display: inline-flex;
  width: 2.15rem;
  height: 2.15rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.78rem;
  background: linear-gradient(145deg, rgb(39 103 200 / 9%), rgb(209 154 88 / 12%));
  color: #6d594f;
  font-size: 0.72rem;
  font-weight: 900;
}

.single-post .id-single-related__copy {
  display: grid;
  min-width: 0;
  gap: 0.22rem;
}

.single-post .id-single-related__copy strong {
  display: -webkit-box;
  overflow: hidden;
  color: color-mix(in srgb, var(--id-foreground) 88%, #2767c8);
  font-size: clamp(0.78rem, 1.35vw, 0.88rem);
  font-weight: 760;
  line-height: 1.75;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.single-post .id-single-related__copy small {
  color: #9f4d3e;
  font-size: 0.61rem;
  font-weight: 800;
}

.single-post .id-single-related__arrow {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.72rem;
  background: rgb(159 77 62 / 6%);
  color: #9f4d3e;
  transition: transform 180ms ease, background-color 180ms ease;
}

.single-post .id-single-related__card:hover .id-single-related__arrow {
  transform: translateX(-2px);
  background: rgb(159 77 62 / 10%);
}

.single-post .id-single-comments {
  scroll-margin-top: 7rem;
}

.single-post .id-single-comments__section {
  min-width: 0;
}

.single-post .id-single-comments__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  border: 1px solid rgb(221 209 188 / 60%);
  border-radius: var(--ir-radius-hero);
  padding: clamp(1rem, 2.4vw, 1.3rem);
  background:
    radial-gradient(circle at 92% 8%, rgb(209 154 88 / 9%), transparent 34%),
    linear-gradient(135deg, rgb(255 253 249 / 95%), rgb(250 248 246 / 91%));
  box-shadow: 0 20px 50px -46px rgb(45 39 51 / 44%);
}

.single-post .id-single-comments__heading {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.78rem;
}

.single-post .id-single-comments__icon {
  display: inline-flex;
  width: 2.65rem;
  height: 2.65rem;
  flex: 0 0 2.65rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(159 77 62 / 12%);
  border-radius: 0.92rem;
  background: linear-gradient(135deg, rgb(39 103 200 / 8%), rgb(209 154 88 / 13%));
  color: #9f4d3e;
}

.single-post .id-single-comments__heading > span:last-child {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
}

.single-post .id-single-comments__heading small {
  color: #9f4d3e;
  font-size: 0.64rem;
  font-weight: 850;
}

.single-post .id-single-comments__heading h2 {
  margin: 0;
  color: var(--id-foreground);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 900;
  line-height: 1.45;
  letter-spacing: -0.02em;
}

.single-post .id-single-comments__heading p {
  margin: 0.2rem 0 0;
  color: var(--id-muted-foreground);
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.75;
}

.single-post .id-single-comments__count {
  display: grid;
  width: 3.8rem;
  min-height: 3.8rem;
  flex: 0 0 3.8rem;
  place-content: center;
  justify-items: center;
  border: 1px solid rgb(39 103 200 / 10%);
  border-radius: 1.05rem;
  background: rgb(255 255 255 / 66%);
}

.single-post .id-single-comments__count strong {
  color: #9f4d3e;
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1;
}

.single-post .id-single-comments__count small {
  margin-top: 0.3rem;
  color: var(--id-muted-foreground);
  font-size: 0.58rem;
  font-weight: 750;
}

.single-post .id-single-comments__empty {
  display: flex;
  align-items: center;
  gap: 0.72rem;
  margin-bottom: 0.8rem;
  border: 1px dashed rgb(159 77 62 / 18%);
  border-radius: 1.15rem;
  padding: 0.85rem 1rem;
  background: rgb(255 255 255 / 46%);
}

.single-post .id-single-comments__empty > span {
  display: inline-flex;
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.78rem;
  background: rgb(159 77 62 / 7%);
  color: #9f4d3e;
}

.single-post .id-single-comments__empty p {
  display: grid;
  margin: 0;
  gap: 0.12rem;
}

.single-post .id-single-comments__empty strong {
  color: var(--id-foreground);
  font-size: 0.77rem;
  font-weight: 850;
}

.single-post .id-single-comments__empty small {
  color: var(--id-muted-foreground);
  font-size: 0.65rem;
  font-weight: 600;
}

body.irandesigner-wp.single-post .id-single-comment-form {
  margin-top: 0;
  border: 1px solid rgb(221 209 188 / 64%);
  border-radius: var(--ir-radius-hero);
  padding: clamp(1rem, 3vw, 1.6rem);
  background:
    radial-gradient(circle at 8% 92%, rgb(39 103 200 / 5%), transparent 35%),
    rgb(255 253 249 / 90%);
  box-shadow: 0 22px 54px -48px rgb(45 39 51 / 48%);
}

.single-post .id-single-comment-form__heading {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.35rem;
}

.single-post .id-single-comment-form__heading > span {
  display: inline-flex;
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.78rem;
  background: linear-gradient(135deg, rgb(39 103 200 / 8%), rgb(209 154 88 / 12%));
  color: #9f4d3e;
}

.single-post .id-single-comment-form__heading small {
  color: #9f4d3e;
  font-size: 0.61rem;
  font-weight: 800;
}

.single-post .id-single-comment-form__heading h3 {
  margin: 0.05rem 0 0;
  color: var(--id-foreground);
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  font-weight: 900;
}

.single-post .id-single-comment-form__privacy {
  margin: 0 0 1rem;
  color: var(--id-muted-foreground);
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.8;
}

@media (max-width: 860px) {
  .single-post .id-single-author-card {
    grid-template-columns: 5.5rem minmax(0, 1fr);
  }

  .single-post .id-single-author-card__portrait {
    width: 5.5rem;
    height: 5.5rem;
  }

  .single-post .id-single-author-card__cta {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 680px) {
  .single-post .id-single-author-card {
    grid-template-columns: 4.8rem minmax(0, 1fr);
    border-radius: 1.35rem;
    padding: 0.9rem;
  }

  .single-post .id-single-author-card__portrait {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 1.18rem;
  }

  .single-post .id-single-author-card__portrait img {
    border-radius: 0.98rem;
  }

  .single-post .id-single-author-card__identity h2 {
    font-size: 1.22rem;
  }

  .single-post .id-single-author-card__role {
    font-size: 0.7rem;
  }

  .single-post .id-single-related__header,
  .single-post .id-single-comments__header {
    align-items: flex-start;
  }

  .single-post .id-single-related__count {
    display: none;
  }

  .single-post .id-single-related__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .single-post .id-single-comments__heading p {
    display: none;
  }

  .single-post .id-single-comments__count {
    width: 3.15rem;
    min-height: 3.15rem;
    flex-basis: 3.15rem;
    border-radius: 0.9rem;
  }

  body.irandesigner-wp.single-post .id-single-comment-form {
    border-radius: 1.3rem;
  }
}

/* Accessible inline validation for the single-post comment form. */
.single-post .id-comment-fields-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.8rem;
  margin-bottom: 0.8rem;
}

.single-post .id-comment-field {
  display: grid;
  min-width: 0;
  gap: 0.38rem;
}

.single-post .id-comment-field--message {
  margin-bottom: 0.85rem;
}

.single-post .id-comment-field__label {
  color: color-mix(in srgb, var(--id-foreground) 86%, var(--id-muted-foreground));
  font-size: 0.7rem;
  font-weight: 850;
  line-height: 1.6;
}

.single-post .id-comment-field__label b {
  color: #a44d43;
  font-weight: 950;
}

body.irandesigner-wp.single-post .id-comment-field__control {
  width: 100%;
  min-height: 3.15rem;
  border: 1px solid rgb(221 209 188 / 82%);
  border-radius: 0.9rem;
  padding: 0.72rem 0.85rem;
  outline: none;
  background: rgb(255 255 255 / 88%);
  color: var(--id-foreground);
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.75;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 76%);
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.single-post textarea.id-comment-field__control {
  min-height: 10rem;
  resize: vertical;
}

.single-post .id-comment-field__control::placeholder {
  color: color-mix(in srgb, var(--id-muted-foreground) 72%, transparent);
  font-weight: 520;
}

.single-post .id-comment-field__control:hover:not(:disabled) {
  border-color: rgb(159 77 62 / 28%);
}

body.irandesigner-wp.single-post .id-comment-field__control:focus-visible {
  border-color: rgb(39 103 200 / 42%);
  background: #fff;
  box-shadow: 0 0 0 3px rgb(39 103 200 / 9%),
    inset 0 1px 0 rgb(255 255 255 / 88%);
}

.single-post .id-comment-field[data-state="error"] .id-comment-field__control {
  border-color: rgb(174 63 57 / 56%);
  background: rgb(255 248 247 / 96%);
  box-shadow: 0 0 0 3px rgb(174 63 57 / 7%);
}

.single-post .id-comment-field[data-state="success"] .id-comment-field__control {
  border-color: rgb(53 108 86 / 34%);
  background:
    linear-gradient(90deg, rgb(53 108 86 / 4%), transparent 18%),
    rgb(255 255 255 / 92%);
}

.single-post .id-comment-field__hint,
.single-post .id-comment-field__meta {
  color: var(--id-muted-foreground);
  font-size: 0.61rem;
  font-weight: 600;
  line-height: 1.65;
}

.single-post .id-comment-field__meta {
  display: flex;
  justify-content: flex-end;
}

.single-post [data-comment-char-count][data-state="warning"] {
  color: #9f4d3e;
  font-weight: 850;
}

.single-post .id-comment-field__error {
  color: #a43f39;
  font-size: 0.63rem;
  font-weight: 780;
  line-height: 1.65;
}

.single-post .id-comment-field__error:empty {
  display: none;
}

.single-post .id-comment-field__control:disabled {
  cursor: wait;
  background: rgb(239 236 232 / 74%);
  color: var(--id-muted-foreground);
  opacity: 0.72;
}

.single-post .id-comment-field [type="email"] {
  direction: ltr;
  text-align: left;
}

.single-post .id-comment-field--captcha .id-comment-field__control {
  max-width: 13rem;
  direction: ltr;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.single-post .id-comment-captcha {
  display: grid;
  grid-template-columns: minmax(12rem, 1fr) minmax(12rem, 0.8fr) auto;
  align-items: center;
  gap: 0.8rem;
  border: 1px solid rgb(221 209 188 / 62%);
  background:
    radial-gradient(circle at 92% 12%, rgb(209 154 88 / 8%), transparent 36%),
    rgb(255 255 255 / 58%);
}

.single-post .id-comment-captcha__question {
  display: grid;
  min-width: 0;
  gap: 0.2rem;
}

.single-post .id-comment-captcha__question small {
  color: #9f4d3e;
  font-size: 0.62rem;
  font-weight: 850;
}

.single-post .id-comment-captcha__question p {
  margin: 0;
  color: var(--id-foreground);
  font-size: clamp(0.78rem, 1.35vw, 0.9rem);
  font-weight: 850;
  line-height: 1.7;
}

.single-post .id-comment-captcha .id-comment-field--captcha {
  grid-template-columns: auto minmax(7rem, 1fr);
  align-items: center;
  gap: 0.55rem;
}

.single-post .id-comment-captcha .id-comment-field--captcha .id-comment-field__label {
  white-space: nowrap;
}

.single-post .id-comment-captcha .id-comment-field--captcha .id-comment-field__control {
  max-width: none;
}

.single-post .id-comment-captcha .id-comment-field--captcha .id-comment-field__error {
  grid-column: 1 / -1;
}

body.irandesigner-wp.single-post .id-comment-captcha__refresh {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  border: 1px solid rgb(159 77 62 / 14%);
  border-radius: 0.9rem;
  padding: 0.6rem 0.78rem;
  background: rgb(255 255 255 / 76%);
  color: #9f4d3e;
  font-size: 0.68rem;
  font-weight: 850;
  white-space: nowrap;
  transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.single-post .id-comment-captcha__refresh:hover,
.single-post .id-comment-captcha__refresh:focus-visible {
  transform: translateY(-1px);
  border-color: rgb(159 77 62 / 28%);
  background: #fff;
}

.single-post .id-comment-captcha__refresh:disabled {
  cursor: wait;
  opacity: 0.55;
  transform: none;
}

.single-post .id-comment-captcha__load-error {
  grid-column: 1 / -1;
  margin: 0;
  color: #a43f39;
  font-size: 0.65rem;
  font-weight: 780;
  line-height: 1.7;
}

body.irandesigner-wp.single-post .id-single-comment-form [data-form-feedback] {
  margin-top: 1rem;
  border-radius: 0.9rem;
  font-size: 0.7rem;
  line-height: 1.8;
}

@media (max-width: 680px) {
  .single-post .id-comment-fields-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .single-post .id-comment-field--captcha .id-comment-field__control {
    max-width: none;
  }

  .single-post .id-comment-captcha {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.7rem;
  }

  .single-post .id-comment-captcha__question {
    grid-column: 1;
  }

  body.irandesigner-wp.single-post .id-comment-captcha__refresh {
    grid-column: 2;
    grid-row: 1;
  }

  .single-post .id-comment-captcha .id-comment-field--captcha {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr);
  }

  .single-post .id-comment-captcha .id-comment-field--captcha .id-comment-field__label {
    white-space: normal;
  }
}

/* Keep the progress track and rocket core, but remove the newly introduced
   largest outer disc around the back-to-top control. */
body.irandesigner-wp .scroll-top-rocket,
body.irandesigner-wp .scroll-top-rocket:hover,body.irandesigner-wp .ui-overlay-29,body.irandesigner-wp .ui-overlay-29:hover{
  border-color: transparent;
  background: transparent;
  box-shadow: var(--ir-shadow-none);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* Compact article toolbox: one clear primary action plus three supporting
   actions. Scoped to single posts so service pages and archives stay intact. */
.single-post .id-single-article-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 0;
  border-radius: var(--ir-radius-hero);
  padding: clamp(2.25rem, 3.8vw, 2.75rem) clamp(1.5rem, 4vw, 3rem);
  background:
    radial-gradient(circle at 82% 18%, rgb(39 103 200 / 16%) 0%, transparent 38%),
    radial-gradient(circle at 12% 88%, rgb(209 154 88 / 20%) 0%, transparent 44%),
    linear-gradient(135deg, rgb(255 252 248 / 94%) 0%, rgb(248 239 226 / 84%) 55%, rgb(255 255 255 / 90%) 100%);
  box-shadow: 0 24px 72px -48px rgb(45 39 51 / 34%);
}

.single-post .id-single-article-hero::after {
  content: none;
}

body.irandesigner-wp.single-post .id-single-article-hero__orb {
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  filter: blur(1px);
  pointer-events: none;
}

.single-post .id-single-article-hero__orb--one {
  inset-block-start: -5rem;
  inset-inline-end: -4rem;
  width: 14rem;
  height: 14rem;
  border: 1px solid rgb(39 103 200 / 10%);
  box-shadow: 0 0 0 1.7rem rgb(39 103 200 / 3.8%),
    0 0 0 3.4rem rgb(209 154 88 / 2.6%);
}

.single-post .id-single-article-hero__orb--two {
  inset-block-end: -5.5rem;
  inset-inline-start: -4rem;
  width: 11rem;
  height: 11rem;
  background: rgb(209 154 88 / 6%);
  box-shadow: 0 0 0 1.7rem rgb(209 154 88 / 2.8%),
    0 0 0 3.2rem rgb(39 103 200 / 1.8%);
}

.single-post .id-single-article-hero__content {
  position: relative;
  display: grid;
  max-width: 68rem;
  margin-inline: auto;
  gap: clamp(1.25rem, 2.6vw, 2rem);
}

.single-post .id-single-article-hero__eyebrows {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
}

.single-post .id-single-article-hero__category,
.single-post .id-single-article-hero__read-time {
  display: inline-flex;
  min-height: 2.2rem;
  align-items: center;
  gap: 0.42rem;
  border: 1px solid rgb(73 92 68 / 12%);
  border-radius: var(--ir-radius-pill);
  padding: 0.38rem 0.78rem;
  background: rgb(255 255 255 / 68%);
  color: color-mix(in srgb, var(--id-foreground) 72%, #2767c8);
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1.4;
  backdrop-filter: blur(10px);
}

.single-post .id-single-article-hero__category {
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.single-post .id-single-article-hero__category:hover,
.single-post .id-single-article-hero__category:focus-visible {
  transform: translateY(-1px);
  border-color: rgb(39 103 200 / 24%);
  background: #fff;
}

.single-post .id-single-article-hero__category > span {
  width: 0.48rem;
  height: 0.48rem;
  border: 2px solid rgb(255 255 255 / 90%);
  border-radius: 50%;
  background: linear-gradient(135deg, #2767c8, #d19a58);
  box-shadow: 0 0 0 0.18rem rgb(39 103 200 / 8%);
}

.single-post .id-single-article-hero__read-time svg {
  width: 0.95rem;
  height: 0.95rem;
  color: #a85f49;
}

.single-post .id-single-article-hero__headline {
  max-width: 61rem;
  margin-inline: auto;
  text-align: center;
}

.single-post .id-single-article-hero__headline h1 {
  margin: 0;
  color: var(--id-foreground);
  font-size: clamp(2.125rem, 4.5vw, 3.5rem);
  font-weight: 800;
  line-height: 1.32;
  letter-spacing: normal;
  text-wrap: balance;
}

.single-post .id-single-article-hero__headline p {
  max-width: 55rem;
  margin: clamp(0.85rem, 2vw, 1.25rem) auto 0;
  color: color-mix(in srgb, var(--id-foreground) 62%, var(--id-muted-foreground));
  font-size: clamp(0.875rem, 1.45vw, 1rem);
  font-weight: 400;
  line-height: 2;
  text-wrap: pretty;
}

.single-post .id-single-article-hero__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.55rem;
  padding-block-start: clamp(1rem, 2vw, 1.35rem);
  border-block-start: 1px solid rgb(73 92 68 / 9%);
}

.single-post .id-single-article-hero__meta-item {
  display: inline-flex;
  min-width: 9.4rem;
  min-height: 3.4rem;
  align-items: center;
  gap: 0.62rem;
  border: 1px solid rgb(73 92 68 / 10%);
  border-radius: var(--ir-radius-card);
  padding: 0.55rem 0.7rem;
  background: rgb(255 255 255 / 62%);
  color: var(--id-foreground);
  text-align: right;
  backdrop-filter: blur(10px);
}

.single-post a.id-single-article-hero__meta-item {
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.single-post a.id-single-article-hero__meta-item:hover,
.single-post a.id-single-article-hero__meta-item:focus-visible {
  transform: translateY(-2px);
  border-color: rgb(39 103 200 / 22%);
  background: rgb(255 255 255 / 92%);
}

.single-post .id-single-article-hero__meta-icon {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.72rem;
  background: linear-gradient(135deg, rgb(39 103 200 / 10%), rgb(209 154 88 / 13%));
  color: #426388;
}

.single-post .id-single-article-hero__meta-item > span:last-child {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
}

.single-post .id-single-article-hero__meta-item small {
  color: var(--id-muted-foreground);
  font-size: 0.61rem;
  font-weight: 750;
  line-height: 1.45;
}

.single-post .id-single-article-hero__meta-item strong {
  overflow: hidden;
  font-size: 0.74rem;
  font-weight: 900;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.irandesigner-wp.single-post .id-article-toolbox {
  --id-article-toolbox-shine: linear-gradient(
    118deg,
    rgb(73 92 68 / 92%) 0%,
    rgb(77 150 118 / 84%) 30%,
    rgb(209 154 88 / 88%) 67%,
    rgb(190 100 76 / 90%) 100%
  );
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(12rem, 1fr) auto;
  gap: 0.8rem clamp(1rem, 3vw, 1.6rem);
  align-items: center;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: var(--ir-radius-hero);
  padding: clamp(0.85rem, 2.4vw, 1.15rem);
  background:
    radial-gradient(circle at 94% 8%, rgb(77 150 118 / 11%), transparent 34%) padding-box,
    radial-gradient(circle at 8% 92%, rgb(209 154 88 / 10%), transparent 36%) padding-box,
    linear-gradient(145deg, rgb(255 253 249 / 99%), rgb(247 250 247 / 97%)) padding-box,
    var(--id-article-toolbox-shine) border-box;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 78%),
    0 26px 58px -46px rgb(45 39 51 / 52%),
    0 0 25px -23px rgb(77 150 118 / 46%);
}

.single-post .id-article-toolbox::before {
  position: absolute;
  z-index: -1;
  inset-block-start: -2.8rem;
  inset-inline-end: -2.2rem;
  width: 7.5rem;
  height: 7.5rem;
  border: 1px solid rgb(77 150 118 / 9%);
  border-radius: 50%;
  content: "";
  box-shadow: 0 0 0 1rem rgb(77 150 118 / 3%),
    0 0 0 2rem rgb(209 154 88 / 2.5%);
}

.single-post .id-article-toolbox__intro {
  min-width: 0;
}

.single-post .id-article-toolbox__kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  color: #356c56;
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1.5;
}

.single-post .id-article-toolbox__kicker::before {
  width: 0.5rem;
  height: 0.5rem;
  border: 2px solid rgb(255 255 255 / 90%);
  border-radius: 50%;
  background: linear-gradient(135deg, #4d9676, #d19a58);
  box-shadow: 0 0 0 0.2rem rgb(77 150 118 / 8%);
  content: "";
}

.single-post .id-article-toolbox__intro p {
  max-width: 34rem;
  margin: 0.2rem 0 0;
  color: color-mix(in srgb, var(--id-foreground) 68%, var(--id-muted-foreground));
  font-size: clamp(0.72rem, 1.3vw, 0.8rem);
  font-weight: 650;
  line-height: 1.85;
}

.single-post .id-article-toolbox__actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}

.single-post .id-article-tool {
  display: inline-flex;
  min-height: 2.9rem;
  align-items: center;
  justify-content: center;
  gap: 0.48rem;
  border: 1px solid transparent;
  border-radius: var(--ir-radius-pill);
  padding: 0.5rem 0.72rem;
  outline: none;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.4;
  white-space: nowrap;
  box-shadow: 0 12px 24px -21px rgb(45 39 51 / 62%);
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.single-post .id-article-tool:hover {
  transform: translateY(-2px);
}

.single-post .id-article-tool:focus-visible {
  outline: 3px solid rgb(77 150 118 / 22%);
  outline-offset: 3px;
}

.single-post .id-article-tool:disabled {
  cursor: wait;
  opacity: 0.78;
  transform: none;
}

.single-post .id-article-tool__icon {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.single-post .id-article-tool__svg {
  width: 17px;
  height: 17px;
}

.single-post .id-article-tool--primary {
  border-color: rgb(53 108 86 / 18%);
  background: linear-gradient(135deg, #356c56, #4d9676 56%, #6d8e68);
  color: #fff;
  padding-inline-end: 1rem;
  box-shadow: 0 16px 30px -22px rgb(53 108 86 / 82%),
    inset 0 0 0 1px rgb(255 255 255 / 12%);
}

.single-post .id-article-tool--primary .id-article-tool__icon {
  background: rgb(255 255 255 / 14%);
}

.single-post .id-article-tool--primary[data-state="success"] {
  background: linear-gradient(135deg, #2f7254, #4d9676);
}

.single-post .id-article-tool--primary[data-state="error"] {
  background: linear-gradient(135deg, #9f4d3e, #be644c);
}

.single-post .id-article-tool--secondary {
  border-color: rgb(73 92 68 / 14%);
  background: rgb(255 255 255 / 76%);
  color: color-mix(in srgb, var(--id-foreground) 78%, #356c56);
}

.single-post .id-article-tool--secondary .id-article-tool__icon {
  background: linear-gradient(135deg, rgb(77 150 118 / 10%), rgb(209 154 88 / 10%));
  color: #4b785f;
}

.single-post .id-article-tool--secondary:hover {
  border-color: rgb(77 150 118 / 28%);
  background: rgb(255 255 255 / 96%);
  box-shadow: 0 18px 32px -24px rgb(53 108 86 / 48%);
}

.single-post .id-article-toolbox__feedback {
  grid-column: 1 / -1;
  min-height: 0;
  margin: 0;
  border-radius: 0.7rem;
  color: var(--id-muted-foreground);
  font-size: 0.7rem;
  font-weight: 750;
  line-height: 1.7;
}

.single-post .id-article-toolbox__feedback:empty {
  display: none;
}

.single-post .id-article-toolbox__feedback[data-state="success"] {
  color: #2f7254;
}

.single-post .id-article-toolbox__feedback[data-state="error"] {
  color: #9f4d3e;
}

@media (max-width: 760px) {
  .single-post .id-single-article-hero {
    padding: 2.25rem 1.5rem;
  }

  .single-post .id-single-article-hero__content {
    gap: 1.1rem;
  }

  .single-post .id-single-article-hero__headline h1 {
    font-size: clamp(2.125rem, 9vw, 2.5rem);
    line-height: 1.3;
  }

  .single-post .id-single-article-hero__headline p {
    font-size: 0.82rem;
    line-height: 1.9;
  }

  .single-post .id-single-article-hero__meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .single-post .id-single-article-hero__meta-item {
    min-width: 0;
  }

  .single-post .id-single-article-hero__meta-item:last-child:nth-child(3) {
    grid-column: 1 / -1;
  }

  body.irandesigner-wp.single-post .id-article-toolbox {
    grid-template-columns: minmax(0, 1fr);
  }

  .single-post .id-article-toolbox__actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    align-items: center;
    gap: 0.3rem;
  }

  .single-post .id-article-tool--primary {
    width: auto;
    min-width: 0;
    min-height: 2.25rem;
    gap: 0;
    overflow: hidden;
    padding: 0.38rem 0.25rem;
    font-size: 0.58rem;
    text-overflow: ellipsis;
  }

  .single-post .id-article-tool--primary .id-article-tool__icon {
    display: none;
  }

  .single-post .id-article-tool__copy-label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .single-post .id-article-tool--secondary {
    width: 100%;
    height: 2.5rem;
    min-width: 0;
    min-height: 2.5rem;
    padding: 0;
    border-radius: 0.72rem;
  }

  .single-post .id-article-tool--secondary .id-article-tool__icon {
    width: 100%;
    height: 100%;
    flex-basis: 100%;
    border-radius: inherit;
    background: linear-gradient(135deg, rgb(77 150 118 / 8%), rgb(209 154 88 / 9%));
  }

  .single-post .id-article-tool__label--desktop {
    display: none;
  }
}

@media (max-width: 360px) {
  .single-post .id-article-toolbox__actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.28rem;
  }

  .single-post .id-article-tool--secondary {
    width: 100%;
    height: 2.4rem;
    min-width: 0;
    min-height: 2.4rem;
  }

  .single-post .id-article-tool--secondary .id-article-tool__icon {
    width: 100%;
    height: 100%;
    flex-basis: 100%;
  }
}

@media print {
  body.irandesigner-wp.single-post .id-article-toolbox,
  body.irandesigner-wp.single-post .id-single-article-hero__orb {
    display: none;
  }
}

/* Internal pages paint a decorative hairline on the nav shell. Keep the whole
   desktop menu tree in a higher stacking layer so that line can never cross a
   services dropdown. The homepage already owns its separate stacking rules. */
@media (min-width: 1280px) {
  body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) nav[data-hero-nav-state] {
    isolation: isolate;
  }

  body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) nav[data-hero-nav-state]::after {
    z-index: 0;
    pointer-events: none;
  }

  body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) nav[data-hero-nav-state] .public-shell-container,
  body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) .public-nav-glass--desktop {
    position: relative;
    z-index: 20;
    overflow: visible;
  }

  body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] {
    position: relative;
    z-index: 30;
  }

  body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .relative.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-row-3.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-grid-a.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-row-m.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-style-q.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-style-z.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-spacing-17.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-style-1e.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-spacing-1f.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-row-1j.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-action-1l.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-panel-1w.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-media-1x.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-row-1z.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-text-23-2.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-row-24.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-text-29.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-panel-2n.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-style-2s.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-media-34.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-panel-3n.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-panel-3r.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-row-3t.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-grid-3x.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-row-48.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-panel-4e.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-row-4f.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-panel-4k.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-panel-4m.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-grid-4q.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-row-4s.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-text-4u.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-style-4y.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-media-4z.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-media-51.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-text-5i.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-text-65.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-panel-6r.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-size-6w.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-panel-7s.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-row-a.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-row-e.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-text-1l.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-grid-1p.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-stack-26.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-text-27.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-row-28.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-media-2e.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-spacing-75.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-panel-7v.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-text-34.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-style-5u.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-text-3o.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-spacing-3z.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-action-57.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-media-5h.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-media-5p.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-media-63.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-media-68.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-media-6i.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-media-6p.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-media-6r.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-media-6w.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-row-6y-2.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-spacing-7m.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-panel-7r.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-row-7t.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-spacing-85.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .home-blog-row__media.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .services-page-service-card__layout.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .services-page-service-card__link.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-style-2x.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-style-32-2.group,body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) [data-public-nav-link-list] > .ui-style-3h.group{
    z-index: 40;
  }

  body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) .public-nav-popover {
    z-index: 60;
  }
}

/* Cohesive editorial surfaces for long-form blog content. Lists, quotes and
   code keep distinct visual roles while sharing the service-page shine. */
.blog-article-content [data-blog-article-content] > :is(ul, ol) {
  display: grid;
  gap: clamp(0.62rem, 1.5vw, 0.9rem);
  overflow: hidden;
  max-width: 100%;
  border: 2px solid transparent;
  border-radius: var(--ir-radius-hero);
  margin-block: clamp(1.55rem, 3vw, 2.2rem);
  padding: clamp(1rem, 2.6vw, 1.45rem) clamp(1rem, 3vw, 1.55rem);
  background:
    radial-gradient(circle at 92% 4%, rgb(77 150 118 / 10%), transparent 35%) padding-box,
    linear-gradient(145deg, rgb(255 253 249 / 99%), rgb(246 250 246 / 96%)) padding-box,
    var(--id-editorial-shine) border-box;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 76%),
    0 26px 60px -48px rgb(45 39 51 / 52%),
    0 0 26px -23px rgb(77 150 118 / 48%);
}

.blog-article-content [data-blog-article-content] > :is(ul, ol) > li {
  position: relative;
  min-width: 0;
  margin: 0;
  padding-inline-start: 2.1rem;
  color: color-mix(in srgb, var(--id-foreground) 82%, var(--id-muted-foreground));
  line-height: 1.95;
}

.blog-article-content [data-blog-article-content] > ul > li::before {
  position: absolute;
  inset-block-start: 0.7em;
  inset-inline-start: 0.15rem;
  width: 0.58rem;
  height: 0.58rem;
  border: 2px solid rgb(255 253 249 / 94%);
  border-radius: 50%;
  background: linear-gradient(135deg, #d19a58, #be644c);
  box-shadow: 0 0 0 0.28rem rgb(190 100 76 / 10%),
    0 6px 14px -8px rgb(159 77 62 / 88%);
  content: "";
}

.blog-article-content [data-blog-article-content] > ol {
  counter-reset: id-editorial-step;
}

.blog-article-content [data-blog-article-content] > ol > li {
  counter-increment: id-editorial-step;
}

.blog-article-content [data-blog-article-content] > ol > li::before {
  position: absolute;
  inset-block-start: 0.16em;
  inset-inline-start: 0;
  display: inline-flex;
  width: 1.55rem;
  height: 1.55rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(77 150 118 / 24%);
  border-radius: 50%;
  background: rgb(255 255 255 / 82%);
  color: #356c56;
  content: counter(id-editorial-step);
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 8px 18px -14px rgb(45 39 51 / 54%);
}

.blog-article-content [data-blog-article-content] > blockquote {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  max-width: 100%;
  border: 2px solid transparent;
  border-radius: var(--ir-radius-hero);
  margin-block: clamp(1.8rem, 3.5vw, 2.6rem);
  padding: clamp(1.25rem, 3.5vw, 2rem);
  padding-inline-end: clamp(3.2rem, 8vw, 5.2rem);
  background:
    radial-gradient(circle at 92% 6%, rgb(209 154 88 / 14%), transparent 34%) padding-box,
    linear-gradient(145deg, rgb(255 252 246 / 99%), rgb(248 250 246 / 97%)) padding-box,
    var(--id-editorial-shine) border-box;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 78%),
    0 28px 64px -48px rgb(45 39 51 / 54%),
    0 0 28px -23px rgb(209 154 88 / 48%);
}

.blog-article-content [data-blog-article-content] > blockquote::before {
  position: absolute;
  z-index: -1;
  inset-block-start: 0.15rem;
  inset-inline-end: clamp(0.7rem, 2.5vw, 1.25rem);
  color: rgb(159 77 62 / 14%);
  content: "“";
  font-family: Georgia, serif;
  font-size: clamp(4.6rem, 10vw, 7rem);
  font-weight: 800;
  line-height: 1;
}

.blog-article-content [data-blog-article-content] > blockquote > :first-child {
  margin-block-start: 0;
}

.blog-article-content [data-blog-article-content] > blockquote > :last-child {
  margin-block-end: 0;
}

.blog-article-content [data-blog-article-content] > blockquote cite {
  display: block;
  margin-block-start: 0.85rem;
  color: #7c5541;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 800;
}

.blog-article-content [data-blog-article-content] > :is(pre, .wp-block-code) {
  position: relative;
  overflow: auto;
  max-width: 100%;
  border: 2px solid transparent;
  border-radius: var(--ir-radius-hero);
  margin-block: clamp(1.7rem, 3.5vw, 2.5rem);
  padding: clamp(3.15rem, 6vw, 4rem) clamp(1rem, 3vw, 1.55rem) clamp(1.15rem, 3vw, 1.55rem);
  background:
    radial-gradient(circle at 8% 8%, rgb(77 150 118 / 20%), transparent 27%) padding-box,
    linear-gradient(145deg, #17251f, #20262c 58%, #28231f) padding-box,
    var(--id-editorial-shine) border-box;
  color: #eef7f1;
  direction: ltr;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: clamp(0.78rem, 1.4vw, 0.88rem);
  line-height: 1.9;
  text-align: left;
  white-space: pre;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 8%),
    0 30px 68px -46px rgb(23 37 31 / 70%),
    0 0 30px -23px rgb(77 150 118 / 52%);
  scrollbar-color: rgb(209 154 88 / 72%) rgb(255 255 255 / 8%);
  scrollbar-width: thin;
}

.blog-article-content [data-blog-article-content] > :is(pre, .wp-block-code)::before {
  position: absolute;
  inset-block-start: 1.2rem;
  inset-inline-start: 1.2rem;
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 50%;
  background: #be644c;
  box-shadow: 1.05rem 0 0 #d19a58,
    2.1rem 0 0 #4d9676;
  content: "";
}

.blog-article-content [data-blog-article-content] > :is(pre, .wp-block-code) code {
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  font: inherit;
  box-shadow: var(--ir-shadow-none);
}

.blog-article-content [data-blog-article-content] :not(pre) > code,
.blog-article-content [data-blog-article-content] kbd {
  display: inline-block;
  border: 1px solid rgb(77 150 118 / 22%);
  border-radius: 0.48rem;
  background: linear-gradient(135deg, rgb(238 247 242 / 96%), rgb(255 248 239 / 96%));
  color: #315d4b;
  padding: 0.05em 0.42em 0.1em;
  direction: ltr;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 0.86em;
  font-weight: 700;
  line-height: 1.55;
  unicode-bidi: isolate;
  box-shadow: 0 8px 18px -15px rgb(45 39 51 / 56%);
}

.blog-article-content [data-blog-article-content] > details {
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: var(--ir-radius-panel);
  margin-block: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(0.95rem, 2.5vw, 1.25rem);
  background:
    linear-gradient(rgb(255 253 249 / 98%), rgb(255 253 249 / 98%)) padding-box,
    var(--id-editorial-shine) border-box;
  box-shadow: 0 24px 54px -46px rgb(45 39 51 / 52%);
}

.blog-article-content [data-blog-article-content] > details > summary {
  cursor: pointer;
  color: var(--id-foreground);
  font-weight: 900;
}

.blog-article-content [data-blog-article-content] > .blog-section-divider {
  width: min(88%, 38rem);
  height: 3px;
  border: 0;
  border-radius: var(--ir-radius-pill);
  margin-block: clamp(2.6rem, 6vw, 4.2rem);
  background: var(--id-editorial-shine);
  box-shadow: 0 0 0 1px rgb(255 255 255 / 84%),
    0 8px 22px -12px rgb(159 77 62 / 58%);
  opacity: 0.7;
}

/* Heading hierarchy for single blog articles only. Each level keeps its own
   weight while the quiet surface makes long-form scanning easier. */
.single-post .blog-article-content [data-blog-article-content] > :is(h2, h3, h4) {
  position: relative;
  max-width: 100%;
  overflow-wrap: anywhere;
  scroll-margin-top: 7rem;
  text-wrap: balance;
}

.single-post .blog-article-content [data-blog-article-content] > h2 {
  overflow: hidden;
  border: 1px solid rgb(77 150 118 / 20%);
  border-radius: var(--ir-radius-panel);
  margin-block: clamp(2.4rem, 5vw, 3.6rem) clamp(1rem, 2.2vw, 1.35rem);
  padding: clamp(0.85rem, 2.3vw, 1.15rem) clamp(1rem, 2.8vw, 1.35rem);
  background:
    radial-gradient(circle at 92% 12%, rgb(77 150 118 / 12%), transparent 30%),
    radial-gradient(circle at 8% 92%, rgb(209 154 88 / 10%), transparent 30%),
    linear-gradient(135deg, rgb(249 252 248 / 98%), rgb(255 250 244 / 94%));
  color: color-mix(in srgb, var(--id-foreground) 92%, #285b47);
  font-size: clamp(1.625rem, 3vw, 2.375rem);
  line-height: 1.75;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 76%),
    0 20px 48px -43px rgb(45 39 51 / 48%);
}

.single-post .blog-article-content [data-blog-article-content] > h2::after {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: clamp(1rem, 2.8vw, 1.35rem);
  width: clamp(2.6rem, 8vw, 4.8rem);
  height: 3px;
  border-radius: var(--ir-radius-hero);
  background: var(--id-editorial-shine);
  content: "";
  opacity: 0.78;
}

.single-post .blog-article-content [data-blog-article-content] > h3 {
  width: fit-content;
  border: 1px solid rgb(209 154 88 / 19%);
  border-radius: var(--ir-radius-card);
  margin-block: clamp(1.9rem, 4vw, 2.75rem) clamp(0.8rem, 2vw, 1.05rem);
  padding: 0.58rem 0.85rem 0.64rem;
  background:
    radial-gradient(circle at 94% 15%, rgb(190 100 76 / 8%), transparent 42%),
    linear-gradient(135deg, rgb(255 251 246 / 96%), rgb(247 250 247 / 94%));
  color: color-mix(in srgb, var(--id-foreground) 88%, #6d4938);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  line-height: 1.75;
  box-shadow: 0 15px 36px -34px rgb(45 39 51 / 46%);
}

.single-post .blog-article-content [data-blog-article-content] > h3::before {
  display: inline-block;
  width: 0.48rem;
  height: 0.48rem;
  border: 2px solid rgb(255 255 255 / 90%);
  border-radius: 50%;
  margin-inline-end: 0.52rem;
  background: linear-gradient(135deg, #4d9676, #d19a58);
  box-shadow: 0 0 0 0.2rem rgb(77 150 118 / 8%);
  content: "";
  vertical-align: 0.12em;
}

.single-post .blog-article-content [data-blog-article-content] > h4 {
  width: fit-content;
  border-radius: 0.72rem;
  margin-block: clamp(1.5rem, 3vw, 2.1rem) 0.7rem;
  padding: 0.4rem 0.7rem 0.46rem;
  background: linear-gradient(135deg, rgb(77 150 118 / 8%), rgb(209 154 88 / 8%));
  color: color-mix(in srgb, var(--id-foreground) 84%, #356c56);
  font-size: clamp(0.94rem, 1.7vw, 1.08rem);
  line-height: 1.7;
  box-shadow: inset 0 0 0 1px rgb(77 150 118 / 10%);
}

@media (max-width: 640px) {
  .blog-article-content [data-blog-article-content] > :is(ul, ol) {
    border-radius: 1.15rem;
    padding: 0.9rem;
  }

  .blog-article-content [data-blog-article-content] > :is(ul, ol) > li {
    padding-inline-start: 1.85rem;
  }

  .blog-article-content [data-blog-article-content] > blockquote {
    border-radius: 1.2rem;
    padding: 3rem 1rem 1.1rem;
  }

  .blog-article-content [data-blog-article-content] > blockquote::before {
    inset-block-start: 0.25rem;
    inset-inline-end: 0.75rem;
    font-size: 4rem;
  }

  .blog-article-content [data-blog-article-content] > :is(pre, .wp-block-code) {
    border-radius: 1.05rem;
    padding: 3rem 0.9rem 1rem;
    font-size: 0.76rem;
  }

  .single-post .blog-article-content [data-blog-article-content] > h2 {
    border-radius: var(--ir-radius-card);
    margin-block-start: 2.1rem;
    padding: 0.78rem 0.85rem 0.86rem;
    font-size: clamp(1.625rem, 7vw, 1.875rem);
    text-wrap: pretty;
  }

  .single-post .blog-article-content [data-blog-article-content] > h3 {
    width: 100%;
    border-radius: 0.86rem;
    padding: 0.52rem 0.7rem 0.58rem;
    font-size: clamp(1.25rem, 5.5vw, 1.5rem);
    text-wrap: pretty;
  }

  .single-post .blog-article-content [data-blog-article-content] > h4 {
    max-width: 100%;
    font-size: 0.93rem;
    text-wrap: pretty;
  }
}

@media (prefers-reduced-motion: reduce) {
  .blog-article-content [data-blog-article-content] > :is(ul, ol, blockquote, pre, .wp-block-code, details) {
    scroll-behavior: auto;
  }
}

/* Blog taxonomy archive hero: use the same quiet cream-to-lilac surface and
   typography scale as the approved contact hero. */
body.irandesigner-wp.category.irandesigner-exact-ui .id-inner-hero {
  --id-category-archive-green: #0d530e;
  --id-category-archive-gold: #d19a58;
  --id-category-archive-red: #b73434;
  display: flex;
  min-height: clamp(17rem, 20vw, 19rem);
  align-items: center;
  border-color: transparent;
  padding: clamp(1.5rem, 2.7vw, 2.5rem);
  background:
    radial-gradient(circle at 82% 16%, rgba(109, 90, 168, 0.11), transparent 22rem) padding-box,
    radial-gradient(circle at 10% 94%, rgba(209, 154, 88, 0.14), transparent 30rem) padding-box,
    linear-gradient(112deg, rgba(255, 247, 235, 0.96) 0%, rgba(255, 252, 248, 0.95) 45%, rgba(240, 243, 251, 0.94) 100%) padding-box,
    linear-gradient(112deg, rgba(231, 201, 162, 0.66), rgba(221, 209, 188, 0.56) 48%, rgba(183, 178, 207, 0.54)) border-box;
  box-shadow: 0 34px 78px -58px rgba(73, 60, 66, 0.4),
    0 18px 46px -42px rgba(109, 90, 168, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
  -webkit-backdrop-filter: saturate(145%) blur(20px);
  backdrop-filter: saturate(145%) blur(20px);
}

body.category.irandesigner-exact-ui .id-inner-hero::after {
  right: 0;
  left: 0;
  height: 4px;
  background: linear-gradient(
    90deg,
    rgba(231, 201, 162, 0.58) 0%,
    var(--id-category-archive-gold) 34%,
    #9f4d3e 62%,
    rgba(183, 178, 207, 0.42) 100%
  );
  opacity: 0.9;
}

body.category.irandesigner-exact-ui .id-inner-hero__glow {
  top: 50%;
  left: clamp(-7rem, -2vw, -2rem);
  width: clamp(20rem, 31vw, 31rem);
  height: clamp(20rem, 31vw, 31rem);
  background:
    radial-gradient(circle at 40% 38%, rgba(209, 154, 88, 0.15), transparent 48%),
    radial-gradient(circle at 62% 66%, rgba(109, 90, 168, 0.1), transparent 52%);
  filter: blur(42px);
  opacity: 0.76;
  transform: translateY(-50%);
}

body.category.irandesigner-exact-ui .id-inner-hero__content {
  width: 100%;
  max-width: none;
}

body.category.irandesigner-exact-ui .id-inner-hero .id-breadcrumb {
  margin-bottom: 1.5rem;
}

body.irandesigner-wp.category.irandesigner-exact-ui .id-inner-hero .id-breadcrumb ol {
  display: inline-flex;
  width: fit-content;
  gap: 0.5rem;
  border: 1px solid rgba(159, 77, 62, 0.14);
  border-radius: var(--ir-radius-pill);
  padding: 0.375rem 0.875rem;
  background: rgba(255, 255, 255, 0.7);
  color: var(--id-muted-foreground);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
  box-shadow: 0 12px 28px -24px rgba(26, 61, 130, 0.34);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

body.category.irandesigner-exact-ui .id-inner-hero .id-breadcrumb li {
  gap: 0.5rem;
}

body.category.irandesigner-exact-ui .id-inner-hero .id-breadcrumb li:not(:last-child)::after {
  content: "‹";
  color: rgba(198, 101, 75, 0.5);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}

body.category.irandesigner-exact-ui .id-inner-hero .id-breadcrumb a:hover {
  color: #9f4d3e;
}

body.category.irandesigner-exact-ui .id-inner-hero .id-breadcrumb span[aria-current="page"] {
  color: #9f4d3e;
  font-weight: 600;
}

body.irandesigner-wp.category.irandesigner-exact-ui .id-inner-hero .id-eyebrow {
  position: absolute;
  top: 50%;
  left: 0;
  min-height: 2.125rem;
  border-color: rgba(159, 77, 62, 0.16);
  border-radius: var(--ir-radius-pill);
  padding: 0.375rem 0.875rem;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 248, 241, 0.7));
  color: #9f4d3e;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
  box-shadow: 0 18px 42px -30px rgba(91, 60, 50, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  transform: translateY(-50%);
}

body.category.irandesigner-exact-ui .id-inner-hero .id-eyebrow::before {
  width: 0.48rem;
  height: 0.48rem;
  flex: 0 0 0.48rem;
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  background: #9f4d3e;
  box-shadow: 0 0 0 3px rgba(209, 154, 88, 0.16);
  content: "";
}

body.category.irandesigner-exact-ui .id-inner-hero h1 {
  max-width: 54rem;
  margin-right: 0;
  margin-left: auto;
  margin-top: 0.95rem;
  color: #2d2733;
  font-size: clamp(1.95rem, 4.2vw, 3.55rem);
  line-height: 1.24;
  letter-spacing: -0.035em;
  text-wrap: balance;
}

body.category.irandesigner-exact-ui .id-inner-hero h1::after {
  display: block;
  width: clamp(6rem, 11vw, 9rem);
  height: 0.36rem;
  border-radius: var(--ir-radius-pill);
  margin-top: 1.1rem;
  background: linear-gradient(
    90deg,
    var(--id-category-archive-green) 0%,
    var(--id-category-archive-gold) 58%,
    var(--id-category-archive-red) 100%
  );
  box-shadow: 0 8px 18px -10px rgba(159, 77, 62, 0.54);
  content: "";
}

body.irandesigner-wp.category.irandesigner-exact-ui .id-inner-hero__description {
  width: 100%;
  max-width: 56rem;
  margin-right: 0;
  margin-left: auto;
  margin-top: 1.15rem;
  color: var(--id-muted-foreground);
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
  text-wrap: pretty;
}

body.irandesigner-wp.category.irandesigner-exact-ui .id-inner-hero__description p {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

@media (max-width: 767px) {
  body.irandesigner-wp.category.irandesigner-exact-ui .id-inner-hero {
    min-height: 0;
    align-items: flex-start;
    padding: 1.45rem 1.25rem 1.75rem;
  }

  body.category.irandesigner-exact-ui .id-inner-hero__glow {
    top: -5rem;
    left: -7rem;
    width: 17rem;
    height: 17rem;
    opacity: 0.48;
    transform: none;
  }

  body.irandesigner-wp.category.irandesigner-exact-ui .id-inner-hero .id-eyebrow {
    position: static;
    min-height: 0;
    margin-top: 0;
    padding: 0.42rem 0.72rem;
    border-radius: var(--ir-radius-pill);
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.25rem;
    transform: none;
  }

  body.irandesigner-wp.category.irandesigner-exact-ui .id-inner-hero .id-breadcrumb ol {
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    font-size: 0.6875rem;
  }

  body.category.irandesigner-exact-ui .id-inner-hero .id-breadcrumb li {
    gap: 0.375rem;
  }

  body.category.irandesigner-exact-ui .id-inner-hero h1 {
    font-size: clamp(1.7rem, 8vw, 2.25rem);
    letter-spacing: -0.025em;
  }

  body.category.irandesigner-exact-ui .id-inner-hero h1::after {
    height: 0.3rem;
    margin-top: 0.85rem;
  }

  body.irandesigner-wp.category.irandesigner-exact-ui .id-inner-hero__description {
    margin-top: 0.9rem;
    font-size: 0.875rem;
    line-height: 1.75rem;
  }
}

/* Blog archive cards share the exact visual surface and content scale used by
   the standard cards on the main blog page. */
body.archive:not(.post-type-archive-ir_service) .id-post-grid {
  gap: 1.5rem;
}

body.irandesigner-wp.archive:not(.post-type-archive-ir_service) .id-content-card {
  border: 1px solid rgba(221, 209, 188, 0.7);
  border-radius: var(--ir-radius-hero);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--shadow-soft, var(--id-shadow-soft));
  transition:
    transform 400ms ease,
    border-color 400ms ease,
    box-shadow 400ms ease;
}

body.irandesigner-wp.archive:not(.post-type-archive-ir_service) .id-content-card:hover {
  transform: translateY(-0.25rem);
  border-color: rgba(159, 77, 62, 0.25);
  box-shadow: var(--shadow-lg, var(--id-shadow-lg));
}

body.irandesigner-wp.archive:not(.post-type-archive-ir_service) .id-content-card__media {
  aspect-ratio: 16 / 9;
}

body.archive:not(.post-type-archive-ir_service) .id-content-card__media::after {
  background: linear-gradient(180deg, transparent 72%, rgba(45, 39, 51, 0.08));
}

body.archive:not(.post-type-archive-ir_service) .id-content-card__media img {
  transition: transform 1200ms ease-out;
}

body.archive:not(.post-type-archive-ir_service) .id-content-card:hover .id-content-card__media img {
  transform: scale(1.04);
}

body.archive:not(.post-type-archive-ir_service) .id-content-card__type {
  top: 1rem;
  right: 1rem;
  border-color: rgba(159, 77, 62, 0.1);
  background: rgba(255, 255, 255, 0.95);
  color: var(--id-primary);
  padding: 0.3rem 0.75rem;
  font-size: 0.6875rem;
  font-weight: 700;
  box-shadow: 0 10px 24px -20px rgba(74, 48, 41, 0.42);
}

body.archive:not(.post-type-archive-ir_service) .id-content-card__body {
  padding: 1.5rem;
}

body.archive:not(.post-type-archive-ir_service) .id-content-card__meta {
  gap: 0.45rem;
  margin-bottom: 0.75rem;
  color: var(--id-muted-foreground);
  font-size: 0.75rem;
  font-weight: 700;
}

body.archive:not(.post-type-archive-ir_service) .id-content-card__title {
  margin: 0;
  color: var(--id-foreground);
  font-size: 1.125rem;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

body.archive:not(.post-type-archive-ir_service) .id-content-card__title a {
  transition: color 180ms ease;
}

body.archive:not(.post-type-archive-ir_service) .id-content-card:hover .id-content-card__title a {
  color: var(--id-primary);
}

body.archive:not(.post-type-archive-ir_service) .id-content-card__excerpt {
  margin: 0.75rem 0 1.25rem;
  color: var(--id-muted-foreground);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.75rem;
}

body.archive:not(.post-type-archive-ir_service) .id-content-card__footer {
  gap: 1rem;
  border-top-color: rgba(221, 209, 188, 0.6);
  padding-top: 1rem;
}

body.archive:not(.post-type-archive-ir_service) .id-content-card__author,
body.archive:not(.post-type-archive-ir_service) .id-content-card__footer .id-text-link {
  color: var(--id-primary);
  font-size: 0.75rem;
  font-weight: 700;
}

@media (max-width: 767px) {
  body.archive:not(.post-type-archive-ir_service) .id-content-card__body {
    padding: 1.25rem;
  }

  body.archive:not(.post-type-archive-ir_service) .id-content-card__title {
    font-size: 1.0625rem;
  }
}

/* Editorial category navigator: one deliberate row instead of orphaned wraps. */
.id-blog-category-filter {
  position: relative;
  overflow: hidden;
  margin: 0 0 3rem;
  border: 1px solid rgb(159 77 62 / 14%);
  border-radius: var(--ir-radius-hero);
  padding: 1rem;
  background:
    radial-gradient(circle at 95% 0%, rgb(65 135 146 / 9%), transparent 32%),
    rgb(255 253 249 / 88%);
  box-shadow: 0 20px 54px -42px rgb(79 52 43 / 46%);
  backdrop-filter: blur(18px);
}

.id-blog-category-filter__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.15rem 0.25rem 0.85rem;
}

.id-blog-category-filter__heading {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.7rem;
}

.id-blog-category-filter__heading-icon {
  display: inline-flex;
  width: 2.35rem;
  height: 2.35rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 0.85rem;
  background: linear-gradient(145deg, rgb(159 77 62 / 10%), rgb(209 154 88 / 12%));
  color: #9f4d3e;
}

.id-blog-category-filter__heading > span:last-child {
  display: grid;
  min-width: 0;
  gap: 0.1rem;
}

.id-blog-category-filter__heading strong {
  color: var(--id-foreground, #2d2733);
  font-size: 0.82rem;
  font-weight: 950;
  line-height: 1.6;
}

.id-blog-category-filter__heading small {
  color: var(--id-muted-foreground, #675c5a);
  font-size: 0.66rem;
  font-weight: 650;
  line-height: 1.6;
}

.id-blog-category-filter__count {
  flex: 0 0 auto;
  border: 1px solid rgb(221 209 188 / 72%);
  border-radius: var(--ir-radius-pill);
  padding: 0.4rem 0.7rem;
  background: rgb(255 255 255 / 76%);
  color: var(--id-muted-foreground, #675c5a);
  font-size: 0.66rem;
  font-weight: 850;
}

.id-blog-category-filter__rail {
  display: flex;
  width: 100%;
  gap: 0.55rem;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding: 0.2rem 0.1rem 0.35rem;
  scroll-padding-inline: 0.1rem;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}

.id-blog-category-filter__rail::-webkit-scrollbar {
  display: none;
}

.id-blog-category-filter__chip {
  position: relative;
  display: inline-flex;
  min-height: 2.85rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(221 209 188 / 78%);
  border-radius: var(--ir-radius-card);
  padding: 0.55rem 1rem;
  background: rgb(255 255 255 / 82%);
  color: var(--id-muted-foreground, #675c5a);
  font-size: 0.75rem;
  font-weight: 850;
  line-height: 1.5;
  white-space: nowrap;
  scroll-snap-align: start;
  transition: transform 180ms ease, border-color 180ms ease, color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

body.irandesigner-wp .id-blog-category-filter__chip::before {
  width: 0.38rem;
  height: 0.38rem;
  margin-inline-end: 0.5rem;
  border-radius: var(--ir-radius-pill);
  background: rgb(159 77 62 / 32%);
  content: "";
  transition: background-color 180ms ease, box-shadow 180ms ease;
}

.id-blog-category-filter__chip:hover,
.id-blog-category-filter__chip:focus-visible {
  transform: translateY(-1px);
  border-color: rgb(159 77 62 / 30%);
  color: #9f4d3e;
  outline: none;
  box-shadow: 0 12px 28px -24px rgb(79 52 43 / 62%);
}

.id-blog-category-filter__chip[aria-current="page"] {
  border-color: #9f4d3e;
  background: linear-gradient(135deg, #9f4d3e, #b65d49);
  color: #fffdf9;
  box-shadow: 0 16px 32px -22px rgb(159 77 62 / 84%);
}

.id-blog-category-filter__chip[aria-current="page"]::before {
  background: #f5d58d;
  box-shadow: 0 0 0 0.22rem rgb(245 213 141 / 16%);
}

@media (max-width: 639px) {
  .id-blog-category-filter {
    margin-inline: -0.25rem;
    border-radius: 1.3rem;
    padding: 0.8rem 0.75rem;
  }

  .id-blog-category-filter__header {
    padding-inline: 0.15rem;
  }

  .id-blog-category-filter__count {
    display: none;
  }

  .id-blog-category-filter__heading small {
    font-size: 0.61rem;
  }

  .id-blog-category-filter__rail {
    margin-inline: -0.15rem;
    padding-inline: 0.15rem;
  }

  .id-blog-category-filter__chip {
    min-height: 2.65rem;
    padding-inline: 0.85rem;
    font-size: 0.7rem;
  }
}

@media (max-width: 1023px) {
  .id-author-profile-card__header {
    grid-template-columns: 7rem minmax(0, 1fr);
  }

  .id-author-profile-card__portrait {
    width: 7rem;
    height: 7rem;
  }

  .id-author-profile-card__metrics {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .id-author-profile-card__metric {
    min-height: 4.25rem;
  }

  .id-author-profile-card__specialties {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 639px) {
  .id-author-profile-card {
    border-radius: var(--ir-radius-hero);
  }

  .id-author-profile-card__header {
    grid-template-columns: 5.25rem minmax(0, 1fr);
    gap: 1rem;
    padding: 1.15rem 1rem 1rem;
  }

  .id-author-profile-card__portrait {
    width: 5.25rem;
    height: 5.25rem;
    border-radius: var(--ir-radius-panel);
  }

  .id-author-profile-card__portrait img {
    border-radius: var(--ir-radius-card);
  }

  .id-author-profile-card__verified {
    width: 1.8rem;
    height: 1.8rem;
  }

  .id-author-profile-card__eyebrow {
    min-height: 1.75rem;
    padding-inline: 0.6rem;
    font-size: 0.63rem;
  }

  .id-author-profile-card__identity h2 {
    margin-top: 0.6rem;
    font-size: 1.4rem;
  }

  .id-author-profile-card__role {
    font-size: 0.72rem;
    line-height: 1.65;
  }

  .id-author-profile-card__metrics {
    gap: 0.5rem;
  }

  .id-author-profile-card__metric span {
    white-space: normal;
  }

  .id-author-profile-card__bio,
  .id-author-profile-card__expertise {
    margin-inline: 1rem;
  }

  .id-author-profile-card__bio {
    padding-top: 1rem;
    font-size: 0.82rem;
    line-height: 1.95;
  }

  .id-author-profile-card__expertise {
    margin-top: 1rem;
    padding: 0.75rem;
  }

  .id-author-profile-card__section-heading {
    display: grid;
    gap: 0.25rem;
  }

  .id-author-profile-card__specialties {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }

  .id-author-profile-card__specialty {
    min-height: 4rem;
  }

  .id-author-profile-card__specialty strong,
  .id-author-profile-card__specialty small {
    white-space: normal;
  }

  .id-author-profile-card__footer {
    display: grid;
    padding: 1rem 1rem 1.2rem;
  }

  .id-author-profile-card__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile keeps the hero copy and CTA hierarchy clean: artwork, palette
 * switcher and its round info control are desktop-only. */
@media (max-width: 767px) {
  body.irandesigner-wp .site-footer__legal-links {
    order: 1;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0.15rem;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .site-footer__legal-links::-webkit-scrollbar {
    display: none;
  }

  .site-footer__legal-link {
    min-height: 1.625rem;
    flex: 0 0 auto;
    gap: 0.18rem;
    padding: 0.2rem 0.18rem;
    font-size: 0.5625rem;
    letter-spacing: -0.01em;
    line-height: 1.5;
    white-space: nowrap;
  }

  .site-footer__legal-link::before {
    width: 0.22rem;
    height: 0.22rem;
    box-shadow: 0 0 0 0.1rem rgb(245 213 141 / 10%);
  }

  body.irandesigner-wp .site-footer__copyright {
    order: 2;
    margin-block-start: 0.2rem;
    font-size: 0.6875rem;
    line-height: 1.8;
  }

  body.irandesigner-wp.is-irandesigner-home div[data-hero-palette-popover] {
    position: absolute;
    top: 36%;
    left: 34px;
    z-index: 20;
    display: none;
    width: fit-content;
    margin: -120px 0 0;
    transform: translateY(-50%);
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
  }

  body.irandesigner-wp.is-irandesigner-home div[data-hero-palette-popover] > div:first-child {
    flex-direction: column;
    gap: 2px;
    padding: 6px 4px;
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-hero-control],
  body.irandesigner-wp.is-irandesigner-home [data-hero-palette-toggle] {
    width: 26px;
    height: 26px;
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-hero-control-dot] {
    width: 10px;
    height: 10px;
  }

  body.irandesigner-wp.is-irandesigner-home [data-hero-palette-toggle] svg {
    width: 12px;
    height: 12px;
  }

  body.irandesigner-wp.is-irandesigner-home details[data-hero-palette-popover] [data-hero-palette-card] {
    top: 50%;
    left: calc(100% + 8px);
    width: min(18rem, calc(100vw - 6rem));
    padding: 14px;
    translate: 0;
    transform: translateY(-50%);
    border-radius: 1.1rem;
  }
}

/* Tablet uses the same restrained geometric motion as mobile. The three
 * showcase images and all palette controls stay hidden until desktop. */
@media (min-width: 768px) and (max-width: 1279px) {
  body.irandesigner-wp.is-irandesigner-home div[data-hero-palette-popover] {
    display: none;
  }

  body.irandesigner-wp.is-irandesigner-home .home-hero-tech-orbit {
    --home-hero-orbit-size: 23rem;
    z-index: 4;
    top: 43%;
    right: auto;
    left: -13.8rem;
    width: var(--home-hero-orbit-size);
    opacity: 0.21;
    transform: translateY(-50%);
  }
}

@media print {
  body.irandesigner-wp .id-site-header,
  body.irandesigner-wp .id-site-footer,
  body.irandesigner-wp .id-article-toc,
  body.irandesigner-wp .id-article-aside,
  body.irandesigner-wp .id-article-actions,
  body.irandesigner-wp .id-privacy-banner,
  body.irandesigner-wp .scroll-top-rocket,
  body.irandesigner-wp .id-comments,body.irandesigner-wp .ui-overlay-29{
    display: none;
  }

  body.irandesigner-wp [data-theme-toc-shell],
  body.irandesigner-wp [data-blog-comments] {
    display: none;
  }

  body.irandesigner-wp,
  body.irandesigner-wp .id-article-content {
    background: #fff;
    color: #000;
    box-shadow: var(--ir-shadow-none);
  }

  .id-article-layout {
    display: block;
  }

  body.irandesigner-wp a {
    color: #000;
  }
}


/* Process ribbon directly under the hero (order:0, before the services section).
   Full-width, aligned to the site content column, split into three equal steps
   (مشاوره -> طراحی و ساخت -> مارکتینگ) with a frosted panel, brand accent line,
   tinted icon chips and directional flow nodes. */
body.irandesigner-wp.is-irandesigner-home #home-hero-strip {
  margin-top: -2.6rem;
  position: relative;
  z-index: 5;
}
.home-hero-strip {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: stretch;
  width: 100%;
  background: linear-gradient(180deg, rgb(255 255 255 / 74%), rgb(255 250 244 / 80%));
  border: 1px solid rgb(209 154 88 / 20%);
  box-shadow: 0 26px 56px -34px rgb(83 36 29 / 50%), inset 0 1px 0 rgb(255 255 255 / 65%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  overflow: hidden;
}
.home-hero-strip::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, var(--id-primary, #2767c8), #d19a58, #b56576);
}
.home-hero-strip .hhs-cell,.home-hero-strip .ui-style-10{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  padding: 1.25rem 1.3rem;
  transition: background 0.2s ease;
}
.home-hero-strip .hhs-cell:hover,.home-hero-strip .ui-style-10:hover{ background: rgb(209 154 88 / 6%); }
.home-hero-strip .hhs-ic,.home-hero-strip .ui-style-11{
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 0.75rem;
}
.home-hero-strip .hhs-ic svg,.home-hero-strip .ui-style-11 svg{ width: 1.25rem; height: 1.25rem; }
.home-hero-strip .hhs-cell--a .hhs-ic,.home-hero-strip .hhs-cell--a .ui-style-11{ background: linear-gradient(135deg, rgb(39 103 200 / 16%), rgb(39 103 200 / 6%)); color: #2767c8; }
.home-hero-strip .hhs-cell--b .hhs-ic,.home-hero-strip .hhs-cell--b .ui-style-11{ background: linear-gradient(135deg, rgb(209 154 88 / 20%), rgb(209 154 88 / 7%)); color: #c8863f; }
.home-hero-strip .hhs-cell--c .hhs-ic,.home-hero-strip .hhs-cell--c .ui-style-11{ background: linear-gradient(135deg, rgb(181 101 118 / 18%), rgb(181 101 118 / 6%)); color: #b56576; }
.home-hero-strip .hhs-txt,.home-hero-strip .ui-style-12{ display: flex; flex-direction: column; gap: 0.15rem; text-align: right; }
.home-hero-strip .hhs-num,.home-hero-strip .ui-style-13{ font-size: 0.62rem; font-weight: 800; letter-spacing: 0.12em; color: rgb(200 134 63 / 85%); }
.home-hero-strip .hhs-title,.home-hero-strip .ui-style-14{ font-size: 0.98rem; font-weight: 800; line-height: 1.2; color: var(--id-foreground, #2a2320); }
.home-hero-strip .hhs-sub,.home-hero-strip .ui-style-15{ font-size: 0.72rem; font-weight: 600; line-height: 1.3; color: rgb(70 58 52 / 62%); }
.home-hero-strip .hhs-flow,.home-hero-strip .ui-style-16{ display: grid; place-items: center; padding: 0 0.2rem; }
.home-hero-strip .hhs-flow span,.home-hero-strip .ui-style-16 span{
  display: grid;
  place-items: center;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: var(--ir-radius-pill);
  background: rgb(255 255 255 / 70%);
  border: 1px solid rgb(209 154 88 / 28%);
  color: rgb(200 134 63 / 90%);
  box-shadow: 0 6px 14px -8px rgb(83 36 29 / 40%);
}
.home-hero-strip .hhs-flow svg,.home-hero-strip .ui-style-16 svg{ width: 0.95rem; height: 0.95rem; }
@media (max-width: 720px) {
  body.irandesigner-wp.is-irandesigner-home #home-hero-strip { margin-top: -1.2rem; }
  .home-hero-strip { grid-template-columns: 1fr; }
  .home-hero-strip .hhs-cell,.home-hero-strip .ui-style-10{ justify-content: flex-start; border-top: 1px solid rgb(209 154 88 / 14%); padding: 0.95rem 1.1rem; }
  .home-hero-strip .hhs-cell:first-child,.home-hero-strip .ui-style-10:first-child{ border-top: 0; }
  .home-hero-strip .hhs-flow,.home-hero-strip .ui-style-16{ display: none; }
}

/* Editorial ownership cards: people and responsibilities are evidence, not
   promotional tiles, so the surfaces stay quiet and content-led. */
.home-responsible-people {
  display: grid;
  grid-template-columns: minmax(16rem, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(var(--ir-space-8), 5vw, var(--ir-space-16));
  align-items: start;
}

.home-responsible-people__intro {
  position: sticky;
  top: 8rem;
  display: grid;
  gap: var(--ir-space-4);
  max-width: 34rem;
}

.home-responsible-people__profiles {
  display: grid;
  gap: var(--ir-space-4);
}

.home-responsible-person {
  display: grid;
  grid-template-columns: 6rem minmax(0, 1fr);
  gap: var(--ir-space-5);
  align-items: center;
  min-width: 0;
  border: 1px solid rgb(221 209 188 / 64%);
  border-radius: var(--ir-radius-panel);
  padding: clamp(var(--ir-space-4), 2.4vw, var(--ir-space-6));
  background: rgb(255 253 249 / 88%);
  box-shadow: var(--ir-shadow-card);
}

.home-responsible-person img {
  width: 6rem;
  height: 6rem;
  border-radius: var(--ir-radius-card);
  object-fit: cover;
}

.home-responsible-person > div {
  display: grid;
  min-width: 0;
  gap: var(--ir-space-2);
}

.home-responsible-person span {
  color: var(--id-primary);
  font-size: var(--id-type-caption);
  font-weight: 850;
}

.home-responsible-person h3,
.home-responsible-person p {
  margin: 0;
}

.home-responsible-person h3 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  line-height: 1.45;
}

.home-responsible-person p {
  color: var(--id-muted-foreground);
  line-height: 1.9;
}

.home-responsible-person a {
  width: fit-content;
  min-height: 2.75rem;
  color: var(--id-primary);
  font-size: var(--id-type-ui);
  font-weight: 850;
  line-height: 2.75rem;
}

/* WordPress emits both classes; this focus rule is independent of the legacy
   off-screen utility and keeps keyboard navigation visible. */
.skip-link:focus,
.skip-link:focus-visible {
  position: fixed;
  z-index: 100000;
  top: var(--ir-space-4);
  inset-inline-start: var(--ir-space-4);
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  clip-path: none;
  margin: 0;
  border-radius: var(--ir-radius-control-md);
  padding: var(--ir-space-3) var(--ir-space-4);
  background: var(--id-foreground);
  color: #fff;
  box-shadow: var(--ir-shadow-panel);
  white-space: normal;
}

/* Canonical header geometry replaces Tailwind's historical bang modifiers. */
.id-header-shell {
  padding-inline: 24px;
}

.id-mobile-nav-glass {
  padding-block: 10px;
  padding-right: 0;
}

.id-mobile-brand {
  flex: 0 1 auto;
  max-width: 54vw;
}

@media (max-width: 767px) {
  .id-header-shell {
    padding-inline: 20px;
  }
}

@media (max-width: 1023px) {
  .home-responsible-people {
    grid-template-columns: 1fr;
  }

  .home-responsible-people__intro {
    position: static;
  }

}

@media (max-width: 640px) {
  .home-responsible-person {
    grid-template-columns: 4.5rem minmax(0, 1fr);
    gap: var(--ir-space-4);
  }

  .home-responsible-person img {
    width: 4.5rem;
    height: 4.5rem;
  }

}

@media (max-width: 1023px) {
  .id-latest-comments__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .id-latest-comments {
    margin-top: 4rem;
    border-radius: var(--ir-radius-hero);
    padding: 1rem;
  }

  .id-latest-comments__heading {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 1.25rem;
  }

  .id-latest-comments__heading h2 {
    font-size: 1.55rem;
  }

  .id-latest-comments__all {
    display: none;
  }

  .id-latest-comments__grid {
    grid-template-columns: 1fr;
  }

  .id-latest-comment-card {
    min-height: 17.5rem;
    border-radius: var(--ir-radius-panel);
  }
}

.id-case-evidence-note {
	margin: 0 0 1.5rem;
	padding: 1rem 1.1rem;
	border: 1px solid rgba(14, 123, 154, 0.2);
	border-radius: var(--ir-radius-card);
	background: rgba(14, 123, 154, 0.06);
	color: var(--color-foreground, #292333);
}

.id-case-evidence-note strong {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.92rem;
}

.id-case-evidence-note p {
	margin: 0;
	font-size: 0.84rem;
	line-height: 1.9;
	color: var(--color-muted-foreground, #665f70);
}

/* Google Ads: a linear search ecosystem, deliberately distinct from service cards. */
.id-ads-search-stack {
	padding: clamp(4rem, 8vw, 7rem) clamp(1rem, 4vw, 2rem);
}

.id-ads-search-stack__shell {
	position: relative;
	width: min(100%, 80rem);
	margin-inline: auto;
	overflow: hidden;
	border-block: 1px solid rgba(178, 207, 255, 0.2);
	background:
		radial-gradient(circle at 12% 10%, rgba(63, 145, 255, 0.18), transparent 30%),
		radial-gradient(circle at 88% 100%, rgba(39, 205, 174, 0.13), transparent 34%),
		linear-gradient(135deg, #101a31 0%, #172a4c 56%, #10243c 100%);
	box-shadow: 0 42px 90px -64px rgba(10, 22, 46, 0.9);
	color: #f7f9ff;
}

.id-ads-search-stack__shell::before {
	position: absolute;
	inset: 0 0 auto;
	height: 3px;
	background: linear-gradient(90deg, #3f91ff 0 34%, #71a5ff 34% 67%, #27cdae 67% 100%);
	content: "";
}

.id-ads-search-stack__header {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(18rem, 0.92fr);
	gap: clamp(2rem, 5vw, 5rem);
	align-items: end;
	padding: clamp(2rem, 5vw, 4.5rem);
}

.id-ads-search-stack__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	margin-bottom: 1rem;
	color: #76b4ff;
	font-size: 0.78rem;
	font-weight: 750;
}

.id-ads-search-stack__eyebrow::before {
	width: 2rem;
	height: 1px;
	background: currentColor;
	content: "";
}

.id-ads-search-stack__header h2 {
	max-width: 18ch;
	margin: 0;
	color: #fff;
	font-size: clamp(2rem, 4vw, 3.65rem);
	font-weight: 780;
	line-height: 1.35;
}

.id-ads-search-stack__lead {
	margin: 0;
	color: rgba(235, 241, 255, 0.74);
	font-size: clamp(0.95rem, 1.35vw, 1.08rem);
	line-height: 2.05;
}

.id-ads-search-stack__tracks {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-block: 1px solid rgba(178, 207, 255, 0.16);
}

.id-ads-search-stack__track {
	position: relative;
	min-width: 0;
	padding: clamp(1.75rem, 3.6vw, 3.2rem);
	border-inline-start: 1px solid rgba(178, 207, 255, 0.16);
}

.id-ads-search-stack__track:last-child {
	border-inline-start: 0;
}

.id-ads-search-stack__track::before {
	position: absolute;
	inset: 0 0 auto;
	height: 3px;
	background: #3f91ff;
	content: "";
	transform: scaleX(0.22);
	transform-origin: right center;
	transition: transform 260ms ease;
}

.id-ads-search-stack__track[data-channel="seo"]::before {
	background: #71a5ff;
}

.id-ads-search-stack__track[data-channel="geo"]::before {
	background: #27cdae;
}

.id-ads-search-stack__track:hover::before {
	transform: scaleX(1);
}

.id-ads-search-stack__number {
	display: block;
	margin-bottom: 1.8rem;
	color: rgba(217, 231, 255, 0.14);
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: clamp(2.5rem, 4.8vw, 4.5rem);
	font-weight: 800;
	line-height: 1;
	direction: ltr;
	text-align: right;
}

.id-ads-search-stack__channel {
	display: block;
	margin-bottom: 0.65rem;
	color: #76b4ff;
	font-size: 0.76rem;
	font-weight: 800;
	direction: ltr;
	text-align: right;
}

.id-ads-search-stack__track[data-channel="geo"] .id-ads-search-stack__channel {
	color: #58dcc3;
}

.id-ads-search-stack__track h3 {
	margin: 0 0 1rem;
	color: #fff;
	font-size: clamp(1.15rem, 1.7vw, 1.45rem);
	line-height: 1.65;
}

.id-ads-search-stack__track p {
	margin: 0 0 1.4rem;
	color: rgba(235, 241, 255, 0.7);
	font-size: 0.9rem;
	line-height: 2;
}

.id-ads-search-stack__track small {
	display: block;
	padding-top: 0.9rem;
	border-top: 1px dashed rgba(178, 207, 255, 0.17);
	color: rgba(235, 241, 255, 0.58);
	font-size: 0.74rem;
	line-height: 1.8;
}

.id-ads-search-stack__footer {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 2rem;
	align-items: center;
	padding: clamp(1.5rem, 3vw, 2.5rem) clamp(2rem, 5vw, 4.5rem);
	background: rgba(5, 13, 29, 0.24);
}

.id-ads-search-stack__footer strong {
	display: block;
	margin-bottom: 0.35rem;
	color: #fff;
	font-size: 0.95rem;
}

.id-ads-search-stack__footer p {
	max-width: 54rem;
	margin: 0;
	color: rgba(235, 241, 255, 0.65);
	font-size: 0.82rem;
	line-height: 1.9;
}

.id-ads-search-stack__footer a {
	display: inline-flex;
	gap: 0.55rem;
	align-items: center;
	padding-block: 0.35rem;
	border-bottom: 1px solid rgba(88, 220, 195, 0.65);
	color: #77e5d0;
	font-size: 0.84rem;
	font-weight: 750;
	text-decoration: none;
	white-space: nowrap;
}

.id-ads-search-stack__footer a span {
	transition: transform 180ms ease;
}

.id-ads-search-stack__footer a:hover span {
	transform: translateX(-0.25rem);
}

@media (max-width: 900px) {
	.id-ads-search-stack__header {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.id-ads-search-stack__header h2 {
		max-width: 24ch;
	}

	.id-ads-search-stack__tracks {
		grid-template-columns: 1fr;
	}

	.id-ads-search-stack__track,
	.id-ads-search-stack__track:last-child {
		border-inline-start: 0;
		border-top: 1px solid rgba(178, 207, 255, 0.16);
	}

	.id-ads-search-stack__track:first-child {
		border-top: 0;
	}
}

/* --------------------------------------------------------------------------
	Header actions and dedicated tools launcher.
	Mobile order from the left: primary menu, WhatsApp, tools.
	-------------------------------------------------------------------------- */
body.irandesigner-wp .public-nav-glass--mobile .id-mobile-header-actions {
	position: relative;
	min-width: 0;
	flex: 0 1 auto;
	gap: 0.35rem;
}

.public-nav-glass--mobile .public-header-social-link--whatsapp { order: 2; }

.public-nav-glass--mobile .id-header-tools {
	order: 3;
	position: relative;
	flex: 0 0 auto;
}

body.irandesigner-wp .public-nav-glass--mobile [data-public-menu-toggle] {
	order: 1;
	display: inline-flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	line-height: 0;
}

.public-nav-glass--mobile [data-public-menu-toggle] svg {
	display: block;
	flex: 0 0 auto;
	margin: 0;
}

.id-header-tools > summary {
	display: inline-flex;
	width: 2.25rem;
	height: 2.25rem;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba( 65, 135, 146, 0.22 );
	border-radius: 50%;
	background: rgba( 246, 252, 251, 0.82 );
	color: #32757c;
	box-shadow: 0 10px 24px -20px rgba( 50, 117, 124, 0.82 );
	cursor: pointer;
	list-style: none;
}

.id-header-tools > summary::-webkit-details-marker { display: none; }

.id-header-tools[open] > summary {
	border-color: rgba( 159, 77, 62, 0.28 );
	background: rgba( 255, 247, 240, 0.96 );
	color: #9f4d3e;
}

.id-header-tools__panel {
	position: fixed;
	z-index: 165;
	top: 4.85rem;
	right: 1.25rem;
	left: 1.25rem;
	display: none;
	max-width: 22.5rem;
	margin-inline: auto;
	padding: 0.75rem;
	border: 1px solid rgba( 209, 154, 88, 0.22 );
	border-radius: var(--ir-radius-panel);
	background: linear-gradient( 145deg, rgba( 255, 253, 249, 0.98 ), rgba( 241, 249, 247, 0.97 ) );
	box-shadow: 0 30px 70px -38px rgba( 64, 50, 44, 0.52 );
	-webkit-backdrop-filter: blur( 18px );
	backdrop-filter: blur( 18px );
}

.id-header-tools[open] .id-header-tools__panel {
	display: block;
	animation: id-mobile-tools-enter 180ms ease-out both;
}

.id-header-tools__heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.2rem 0.25rem 0.7rem;
	text-align: right;
}

.id-header-tools__heading strong {
	color: #2d2733;
	font-size: 0.82rem;
	font-weight: 900;
}

.id-header-tools__heading span {
	color: #6f6561;
	font-size: 0.65rem;
	font-weight: 700;
}

.id-header-tools__grid {
	display: grid;
	grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	gap: 0.45rem;
}

.id-header-tools__grid > a {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 0.55rem;
	padding: 0.65rem;
	border: 1px solid rgba( 65, 135, 146, 0.14 );
	border-radius: 0.95rem;
	background: rgba( 255, 255, 255, 0.72 );
	color: #2f615f;
	text-align: right;
}

.id-header-tools__icon {
	display: inline-flex;
	width: 2rem;
	height: 2rem;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	border-radius: 0.72rem;
	background: linear-gradient( 135deg, rgba( 65, 135, 146, 0.12 ), rgba( 209, 154, 88, 0.12 ) );
	color: #397f80;
}

.id-header-tools__icon svg {
	width: 1rem;
	height: 1rem;
}

.id-header-tools__grid > a > span:last-child {
	display: grid;
	min-width: 0;
	gap: 0.12rem;
}

.id-header-tools__grid strong,
.id-header-tools__grid small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.id-header-tools__grid strong {
	font-size: 0.72rem;
	font-weight: 900;
}

.id-header-tools__grid small {
	color: #756a65;
	font-size: 0.61rem;
	font-weight: 700;
}

body.irandesigner-wp #public-mobile-menu > div:has( > button[data-public-mobile-group-button="tools"] ) {
	display: none;
}

.public-nav-glass--desktop .id-header-tools {
	position: relative;
	flex: 0 0 auto;
}

.public-nav-glass--desktop .id-header-tools > summary {
	width: 2.75rem;
	height: 2.75rem;
}

.public-nav-glass--desktop .id-header-tools__panel {
	position: absolute;
	top: calc( 100% + 0.7rem );
	right: auto;
	left: 0;
	width: 22.5rem;
	max-width: min( 22.5rem, calc( 100vw - 3rem ) );
	margin: 0;
}

@keyframes id-mobile-tools-enter {
	from { opacity: 0; transform: translateY( -0.5rem ) scale( 0.98 ); }
	to { opacity: 1; transform: none; }
}

@media ( max-width: 430px ) {
	body.irandesigner-wp .public-nav-glass--mobile {
		gap: 0.25rem;
		padding-left: 0.25rem;
	}

	body.irandesigner-wp .public-nav-glass--mobile .id-mobile-header-actions { gap: 0.14rem; }

	body.irandesigner-wp .public-nav-glass--mobile .public-header-social-link,
	body.irandesigner-wp .public-nav-glass--mobile .id-header-tools > summary,
	body.irandesigner-wp .public-nav-glass--mobile [data-public-menu-toggle] {
		width: 2rem;
		height: 2rem;
		padding: 0;
	}

	.public-nav-glass--mobile [data-public-menu-toggle] svg {
		width: 1.15rem;
		height: 1.15rem;
	}

	body.irandesigner-wp .public-nav-glass--mobile .public-mobile-brand {
		max-width: 9.25rem;
		gap: 0.28rem;
	}

	body.irandesigner-wp .public-nav-glass--mobile .public-mobile-brand [data-brand-mark="true"] {
		width: 1.9rem;
		height: 1.9rem;
	}

	body.irandesigner-wp .public-nav-glass--mobile .public-mobile-brand [data-brand-logo-text="true"] > span:first-child {
		font-size: 0.82rem;
	}

	body.irandesigner-wp .public-nav-glass--mobile .public-mobile-brand [data-brand-logo-text="true"] > span:first-child > span:nth-child( 2 ) {
		margin-inline: 0.2rem;
	}

	body.irandesigner-wp .public-nav-glass--mobile .public-mobile-brand [data-brand-logo-text="true"] > span:last-child {
		display: block;
		font-size: 0.56rem;
		line-height: 1.45;
		letter-spacing: 0.035em;
		white-space: nowrap;
	}
}

/* Keep the internal navigation atmosphere identical to the homepage.
   The glass impression comes from these two soft gradients, not an image. */
body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) nav[data-hero-nav-state] {
	background:
		radial-gradient(circle at 20% -28%, rgba(209, 154, 88, 0.1), transparent 448px),
		linear-gradient(180deg, rgba(255, 253, 249, 0.76) 0%, rgba(255, 253, 249, 0.46) 58%, transparent 100%);
}

body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) nav[data-hero-nav-state="solid"] {
	background:
		radial-gradient(circle at 12% 0, rgba(209, 154, 88, 0.12), transparent 544px),
		radial-gradient(circle at 82% -18%, rgba(16, 37, 75, 0.08), transparent 480px),
		linear-gradient(180deg, rgba(255, 253, 249, 0.94) 0%, rgba(250, 244, 234, 0.9) 100%);
}

body.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) nav[data-hero-nav-state]::before {
	position: absolute;
	right: max(1rem, calc((100% - 77rem) / 2));
	bottom: 0;
	left: max(1rem, calc((100% - 77rem) / 2));
	z-index: 1;
	height: 1px;
	content: "";
	pointer-events: none;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(19, 91, 37, 0.22) 28%,
		rgba(209, 154, 88, 0.58) 50%,
		rgba(183, 49, 51, 0.22) 72%,
		transparent 100%
	);
	box-shadow: 0 0 9px rgba(209, 154, 88, 0.12);
	opacity: 0.72;
}

/* Exact restoration of the original corner geometry on the five requested
   inner pages. These declarations intentionally mirror the untouched public
   hero used by the project form. */
body.irandesigner-wp .id-inner-hero--about,
body.irandesigner-wp .id-inner-hero--contact,
body.irandesigner-wp .id-inner-hero--portfolio,
body.irandesigner-wp .id-inner-hero--blog,
body.irandesigner-wp.blog section:has(.public-inner-hero-visual),
body.irandesigner-wp.post-type-archive-ir_service section:has(.public-inner-hero-visual) {
	border-color: rgba(221, 209, 188, 0.78);
	background: linear-gradient(135deg, rgba(255, 252, 248, 0.94) 0%, rgba(248, 239, 226, 0.84) 55%, rgba(255, 255, 255, 0.9) 100%);
}

body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual,
body.irandesigner-wp .id-inner-hero--contact .public-inner-hero-visual,
body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual,
body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual,
body.irandesigner-wp.blog .public-inner-hero-visual,
body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual {
	top: -10.45rem;
	right: auto;
	left: -12.15rem;
	width: 19.75rem;
	height: 19.75rem;
	overflow: visible;
	border: 0;
	border-radius: 0;
	background: none;
	filter: none;
	opacity: 0.37;
	transform: none;
	animation: none;
}

body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual::before,
body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual::after,
body.irandesigner-wp .id-inner-hero--contact .public-inner-hero-visual::before,
body.irandesigner-wp .id-inner-hero--contact .public-inner-hero-visual::after,
body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual::before,
body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual::after,
body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual::before,
body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual::after,
body.irandesigner-wp.blog .public-inner-hero-visual::before,
body.irandesigner-wp.blog .public-inner-hero-visual::after,
body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual::before,
body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual::after {
	display: none;
}

body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual__geometry,
body.irandesigner-wp .id-inner-hero--contact .public-inner-hero-visual__geometry,
body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual__geometry,
body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual__geometry,
body.irandesigner-wp.blog .public-inner-hero-visual__geometry,
body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual__geometry {
	display: block;
	width: 100%;
	height: 100%;
	opacity: 1;
	animation: inner-hero-visual-spin 54s linear infinite;
}

/* Web-design object receives the same level of art direction as the approved
   Ads object: its own grid surface, frame, depth and restrained rotation. */
body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual {
	overflow: hidden;
	border: 1px solid rgba(73, 116, 181, 0.3);
	border-radius: var(--ir-radius-panel);
	background:
		linear-gradient(rgba(71, 111, 170, 0.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(71, 111, 170, 0.06) 1px, transparent 1px),
		linear-gradient(145deg, #dce8f7, #eef4fc 58%, #e6f2ef);
	background-size: 1.35rem 1.35rem, 1.35rem 1.35rem, auto;
	box-shadow: 0 1.6rem 3.2rem rgba(39, 78, 137, 0.2);
	opacity: 0.92;
	transform: rotate(-3.5deg);
}

body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual::before {
	transform: none;
}

@media (max-width: 767px) {
	body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--contact .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual,
	body.irandesigner-wp.blog .public-inner-hero-visual,
	body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual {
		top: -8.8rem;
		left: -10.5rem;
		width: 17rem;
		height: 17rem;
		opacity: 0.34;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual__geometry,
	body.irandesigner-wp .id-inner-hero--contact .public-inner-hero-visual__geometry,
	body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual__geometry,
	body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual__geometry,
	body.irandesigner-wp.blog .public-inner-hero-visual__geometry,
	body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual__geometry {
		animation: none;
	}
}

/* Minimal, literal service symbols. These replace the earlier decorative
   compositions on the four requested service heroes. */
body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) #site-top,
body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) nav[data-hero-nav-state] {
	background: transparent;
}

body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual,
body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual,
body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual,
body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual {
	top: -2.25rem;
	left: -2.5rem;
	width: 16.5rem;
	height: 12.5rem;
	overflow: hidden;
	border-radius: 1.4rem;
	filter: none;
	opacity: 0.84;
	transform: none;
	animation: id-simple-service-float 9s ease-in-out infinite;
}

body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual__geometry,
body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual__geometry,
body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual__geometry,
body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual__geometry {
	display: none;
}

body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual::before,
body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual::after,
body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual::before,
body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual::after,
body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::before,
body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::after,
body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::before,
body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::after {
	position: absolute;
	display: block;
	box-sizing: border-box;
	content: "";
	filter: none;
}

/* Web design: one browser window and one responsive phone. */
body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual {
	border: 1px solid rgba(55, 105, 174, 0.24);
	background: linear-gradient(145deg, rgba(249, 252, 255, 0.98), rgba(226, 238, 251, 0.92));
	box-shadow: 0 1.2rem 2.7rem rgba(39, 78, 137, 0.16);
}

body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual::before {
	inset: 1.35rem 1.25rem 1.4rem 1.25rem;
	border: 1px solid rgba(55, 105, 174, 0.28);
	border-radius: 0.85rem;
	background:
		radial-gradient(circle at 1rem 0.9rem, #6f9edb 0 0.14rem, transparent 0.16rem),
		radial-gradient(circle at 1.55rem 0.9rem, #a7c0e2 0 0.14rem, transparent 0.16rem),
		linear-gradient(90deg, #d4e3f6 0 58%, transparent 58%) 1rem 2.2rem / calc(100% - 2rem) 0.42rem no-repeat,
		linear-gradient(135deg, #dceafb, #edf4fd) 1rem 3.25rem / 57% calc(100% - 4.25rem) no-repeat,
		linear-gradient(135deg, #e2f0ed, #f4f9f8) calc(100% - 1rem) 3.25rem / 31% calc(100% - 4.25rem) no-repeat,
		#fff;
	box-shadow: var(--ir-shadow-none);
	transform: none;
}

body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual::after {
	right: 0.85rem;
	bottom: 0.72rem;
	top: auto;
	left: auto;
	width: 3.25rem;
	height: 5.7rem;
	border: 1px solid rgba(55, 105, 174, 0.28);
	border-radius: 0.78rem;
	background:
		linear-gradient(90deg, #c8d9ef, transparent) 0.65rem 1rem / calc(100% - 1.3rem) 0.32rem no-repeat,
		linear-gradient(145deg, #e2edf9, #edf5f2) 0.65rem 1.85rem / calc(100% - 1.3rem) 52% no-repeat,
		#fff;
	box-shadow: 0 0.65rem 1.35rem rgba(39, 78, 137, 0.14);
	clip-path: none;
	transform: none;
}

/* Marketing: three bars and a single upward direction. */
body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual {
	border: 1px solid rgba(190, 83, 93, 0.22);
	background: linear-gradient(145deg, rgba(255, 251, 248, 0.98), rgba(248, 232, 224, 0.92));
	box-shadow: 0 1.2rem 2.7rem rgba(151, 67, 49, 0.14);
}

body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual::before {
	inset: 2rem 2.1rem 1.75rem 2.1rem;
	border: 0;
	border-bottom: 1px solid rgba(114, 91, 83, 0.24);
	border-left: 1px solid rgba(114, 91, 83, 0.24);
	border-radius: 0;
	background:
		linear-gradient(to top, #d9a06a, #edc7a4) 16% 100% / 1.45rem 38% no-repeat,
		linear-gradient(to top, #c96c61, #e6a19a) 45% 100% / 1.45rem 58% no-repeat,
		linear-gradient(to top, #779e95, #a8c5be) 74% 100% / 1.45rem 78% no-repeat;
	box-shadow: var(--ir-shadow-none);
	clip-path: none;
	transform: none;
}

body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual::after {
	top: 1.5rem;
	right: 1.45rem;
	bottom: auto;
	left: auto;
	width: 7.2rem;
	height: 4.7rem;
	border: 0;
	border-radius: 0;
	background: linear-gradient(90deg, #d19a58, #be535d);
	clip-path: polygon(2% 78%, 68% 36%, 68% 13%, 100% 24%, 77% 55%, 77% 40%, 7% 84%);
	opacity: 0.72;
	transform: none;
}

/* Travel: a direct route between two points and one plane marker. */
body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual {
	border: 1px solid rgba(42, 120, 170, 0.22);
	background: linear-gradient(145deg, rgba(248, 253, 255, 0.98), rgba(224, 241, 247, 0.92));
	box-shadow: 0 1.2rem 2.7rem rgba(31, 101, 137, 0.14);
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::before {
	inset: 2.15rem 2rem;
	border: 0;
	border-radius: 0;
	background:
		radial-gradient(circle at 12% 72%, #2a78aa 0 0.32rem, #fff 0.35rem 0.52rem, transparent 0.55rem),
		radial-gradient(circle at 86% 24%, #c98f4c 0 0.32rem, #fff 0.35rem 0.52rem, transparent 0.55rem),
		linear-gradient(145deg, transparent 47%, rgba(42, 120, 170, 0.5) 48% 49%, transparent 50%);
	box-shadow: var(--ir-shadow-none);
	clip-path: none;
	transform: none;
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::after {
	top: 2.35rem;
	right: 1.5rem;
	bottom: auto;
	left: auto;
	width: 3.15rem;
	height: 3.15rem;
	border: 0;
	border-radius: 0;
	background: linear-gradient(145deg, #2a78aa, #c98f4c);
	clip-path: polygon(7% 47%, 94% 8%, 62% 92%, 47% 62%);
	transform: rotate(-7deg);
	opacity: 0.82;
}

/* Medical: a compact appointment calendar and one medical badge. */
body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual {
	border: 1px solid rgba(39, 139, 145, 0.22);
	background: linear-gradient(145deg, rgba(249, 254, 253, 0.98), rgba(225, 243, 239, 0.92));
	background-size: auto;
	box-shadow: 0 1.2rem 2.7rem rgba(28, 103, 108, 0.14);
}

body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::before {
	inset: 1.55rem 1.6rem;
	border: 1px solid rgba(39, 139, 145, 0.25);
	border-radius: 0.9rem;
	background:
		linear-gradient(90deg, #cfe5e1, transparent) 1rem 1.05rem / 46% 0.4rem no-repeat,
		repeating-linear-gradient(90deg, rgba(39, 139, 145, 0.13) 0 1px, transparent 1px 2.45rem),
		repeating-linear-gradient(0deg, rgba(39, 139, 145, 0.13) 0 1px, transparent 1px 2.1rem),
		#fff;
	box-shadow: var(--ir-shadow-none);
	clip-path: none;
	transform: none;
}

body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::after {
	top: 0.95rem;
	right: 0.95rem;
	bottom: auto;
	left: auto;
	width: 3.15rem;
	height: 3.15rem;
	border: 1px solid rgba(39, 139, 145, 0.22);
	border-radius: 50%;
	background:
		linear-gradient(#278b91 0 100%) center / 0.42rem 1.65rem no-repeat,
		linear-gradient(90deg, #278b91 0 100%) center / 1.65rem 0.42rem no-repeat,
		#eef9f6;
	box-shadow: 0 0.65rem 1.3rem rgba(28, 103, 108, 0.13);
	clip-path: none;
	transform: none;
}

@keyframes id-simple-service-float {
	0%, 100% { translate: 0 0; }
	50% { translate: 0 -0.28rem; }
}

@media (max-width: 767px) {
	body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual {
		top: -2.1rem;
		left: -3.9rem;
		width: 13.5rem;
		height: 10.25rem;
		opacity: 0.68;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual {
		animation: none;
	}
}

@media (max-width: 640px) {
	.id-ads-search-stack {
		padding: 3.25rem 0;
	}

	.id-ads-search-stack__header,
	.id-ads-search-stack__track,
	.id-ads-search-stack__footer {
		padding-inline: 1.25rem;
	}

	.id-ads-search-stack__header {
		padding-block: 2.25rem;
	}

	.id-ads-search-stack__header h2 {
		font-size: 1.75rem;
	}

	.id-ads-search-stack__number {
		margin-bottom: 1.25rem;
		font-size: 2.8rem;
	}

	.id-ads-search-stack__footer {
		grid-template-columns: 1fr;
		gap: 1.25rem;
		padding-block: 1.5rem 1.75rem;
	}

	.id-ads-search-stack__footer a {
		justify-self: start;
	}
}

/* Tool pages share imported markup, but each tool should feel purpose-built. */
body.id-tool-page section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"] {
	position: relative;
	display: grid;
	min-height: 5.5rem;
	place-items: center;
	overflow: hidden;
	isolation: isolate;
	padding: 1.25rem 3rem 1.25rem 1.25rem;
	border-width: 1px;
	font-size: 0.79rem;
	font-weight: 750;
	line-height: 1.65;
	box-shadow: 0 22px 42px -32px rgba(34, 37, 55, 0.42);
	transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

body.id-tool-page section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:hover {
	transform: translateY(-3px);
	box-shadow: 0 26px 50px -32px rgba(34, 37, 55, 0.5);
}

/* Button builder: compact code panes, each mapped to a different output. */
body.id-tool-page--buttons section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"] {
	border-radius: 1.15rem 1.15rem 0.38rem 1.15rem;
	color: #243457;
	text-align: right;
}

body.id-tool-page--buttons section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]::before {
	position: absolute;
	inset-inline-start: 0.8rem;
	display: grid;
	width: 1.7rem;
	height: 1.7rem;
	place-items: center;
	border-radius: 0.5rem;
	background: rgba(255, 255, 255, 0.72);
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.66rem;
	font-weight: 850;
	box-shadow: 0 8px 20px -14px currentColor;
	content: "<>";
}

body.id-tool-page--buttons section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(1) {
	border-color: rgba(39, 103, 200, 0.24);
	background: linear-gradient(135deg, #eef5ff, #f9fbff);
	color: #225fae;
}

body.id-tool-page--buttons section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(2) {
	border-color: rgba(108, 92, 231, 0.23);
	background: linear-gradient(135deg, #f2efff, #fbfaff);
	color: #6551bd;
}

body.id-tool-page--buttons section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(2)::before {
	content: "{}";
}

body.id-tool-page--buttons section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(3) {
	border-color: rgba(11, 151, 122, 0.22);
	background: linear-gradient(135deg, #eafaf5, #f8fffc);
	color: #087b65;
}

body.id-tool-page--buttons section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(3)::before {
	content: "+";
}

/* Colour tool: three live palette samples rather than identical white pills. */
body.id-tool-page--colors section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"] {
	--tool-swatch: linear-gradient(135deg, #db5d4f, #f2b45f);
	min-height: 6rem;
	padding-inline: 1.25rem;
	padding-bottom: 2rem;
	border-color: rgba(128, 94, 74, 0.15);
	border-radius: var(--ir-radius-hero);
	background: linear-gradient(160deg, rgba(255, 255, 255, 0.96), rgba(251, 246, 239, 0.88));
	color: #463b45;
}

body.id-tool-page--colors section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]::after {
	position: absolute;
	inset: auto 0.85rem 0.7rem;
	height: 0.45rem;
	border-radius: var(--ir-radius-pill);
	background: var(--tool-swatch);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
	content: "";
}

body.id-tool-page--colors section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(1) {
	--tool-swatch: linear-gradient(90deg, #d84d45 0 33%, #f3a74f 33% 66%, #f8d77f 66%);
	background: linear-gradient(160deg, #fff8f3, #fffdf9);
}

body.id-tool-page--colors section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(2) {
	--tool-swatch: linear-gradient(90deg, #6556c7 0 33%, #8d72dd 33% 66%, #d7c9ff 66%);
	background: linear-gradient(160deg, #f7f4ff, #fdfcff);
}

body.id-tool-page--colors section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(3) {
	--tool-swatch: linear-gradient(90deg, #0c846c 0 33%, #37b997 33% 66%, #a7ead7 66%);
	background: linear-gradient(160deg, #effcf8, #fbfffd);
}

/* Phone CTA tool: communication states with individual signal accents. */
body.id-tool-page--phone section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"] {
	min-height: 6.35rem;
	padding: 1.25rem 3.5rem 1.25rem 1rem;
	border-radius: 0.8rem;
	text-align: right;
}

body.id-tool-page--phone section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]::before {
	position: absolute;
	inset-inline-start: 1rem;
	top: 50%;
	display: grid;
	width: 2rem;
	height: 2rem;
	place-items: center;
	border-radius: 50%;
	font-size: 0.9rem;
	font-weight: 900;
	content: "☎";
	transform: translateY(-50%);
}

body.id-tool-page--phone section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(1) {
	border-color: rgba(15, 143, 105, 0.22);
	border-inline-end: 4px solid #159b75;
	background: linear-gradient(135deg, #ecfaf5, #fbfffd);
}

body.id-tool-page--phone section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(1)::before {
	background: #d9f5ea;
	color: #08795c;
}

body.id-tool-page--phone section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(2) {
	border-color: rgba(38, 103, 190, 0.22);
	border-inline-end: 4px solid #3479d0;
	background: linear-gradient(135deg, #edf5ff, #fbfdff);
}

body.id-tool-page--phone section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(2)::before {
	background: #deebff;
	color: #2865b7;
	content: "↕";
}

body.id-tool-page--phone section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(3) {
	border-color: rgba(203, 126, 48, 0.22);
	border-inline-end: 4px solid #d48a3d;
	background: linear-gradient(135deg, #fff6e9, #fffdf9);
}

body.id-tool-page--phone section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(3)::before {
	background: #ffebcc;
	color: #a9611d;
	content: "</>";
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.58rem;
}

/* UTM / ValueTrack: a dark tracking console with separate endpoint colours. */
body.id-tool-page--utm section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"] {
	min-height: 5.75rem;
	padding: 2rem 1rem 1rem;
	border-color: rgba(133, 178, 255, 0.2);
	border-radius: 0.55rem;
	background: linear-gradient(145deg, #13203a, #172944);
	color: #dce9ff;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	box-shadow: 0 24px 50px -34px rgba(12, 27, 53, 0.85);
}

body.id-tool-page--utm section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]::before {
	position: absolute;
	inset: 0.75rem 0.85rem auto auto;
	width: 0.46rem;
	height: 0.46rem;
	border-radius: 50%;
	background: #55a3ff;
	box-shadow: 0 0 0 0.28rem rgba(85, 163, 255, 0.1);
	content: "";
}

body.id-tool-page--utm section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(2) {
	background: linear-gradient(145deg, #211a43, #2d2455);
	color: #e7ddff;
}

body.id-tool-page--utm section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(2)::before {
	background: #a784ff;
	box-shadow: 0 0 0 0.28rem rgba(167, 132, 255, 0.1);
}

body.id-tool-page--utm section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(3) {
	background: linear-gradient(145deg, #0f302d, #173e39);
	color: #cef8ed;
}

body.id-tool-page--utm section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"]:nth-child(3)::before {
	background: #45d3ae;
	box-shadow: 0 0 0 0.28rem rgba(69, 211, 174, 0.1);
}

/* Multi-seed controls for the colour palette product. */
.id-color-seed-mixer {
	display: grid;
	gap: 0.75rem;
	padding-top: 0.85rem;
	border-top: 1px solid rgba(209, 154, 88, 0.18);
}

.id-color-seed-count {
	display: flex;
	gap: 0.75rem;
	align-items: center;
	justify-content: space-between;
	color: #403943;
	font-size: 0.7rem;
	font-weight: 750;
}

.id-color-seed-count > div {
	display: inline-grid;
	grid-template-columns: repeat(3, 1.85rem);
	gap: 0.25rem;
	padding: 0.25rem;
	border: 1px solid rgba(209, 154, 88, 0.2);
	border-radius: 0.8rem;
	background: rgba(255, 255, 255, 0.58);
}

.id-color-seed-count button {
	display: grid;
	height: 1.85rem;
	place-items: center;
	border: 0;
	border-radius: 0.58rem;
	background: transparent;
	color: rgba(64, 57, 67, 0.56);
	font-size: 0.68rem;
	font-weight: 800;
	transition: color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.id-color-seed-count button[aria-pressed="true"] {
	background: linear-gradient(135deg, #b95743, #d37a55);
	color: #fff;
	box-shadow: 0 8px 18px -12px rgba(168, 76, 57, 0.7);
}

.id-color-seed-help {
	margin: 0;
	color: rgba(76, 67, 77, 0.62);
	font-size: 0.62rem;
	line-height: 1.75;
}

.id-color-extra-seeds {
	display: grid;
	gap: 0.75rem;
}

.id-color-seed-row {
	display: grid;
	gap: 0.45rem;
	color: #403943;
	font-size: 0.68rem;
	font-weight: 700;
}

.id-color-seed-row[hidden] {
	display: none;
}

.id-color-seed-row > div {
	display: grid;
	grid-template-columns: 3.5rem minmax(0, 1fr);
	gap: 0.65rem;
}

.id-color-seed-row input[type="color"] {
	width: 100%;
	height: 2.6rem;
	padding: 0.2rem;
	border: 1px solid rgba(209, 154, 88, 0.28);
	border-radius: 0.8rem;
	background: #fff;
	cursor: pointer;
}

.id-color-seed-row input[type="text"] {
	min-width: 0;
	height: 2.6rem;
	padding-inline: 0.75rem;
	border: 1px solid rgba(209, 154, 88, 0.28);
	border-radius: 0.8rem;
	background: rgba(255, 255, 255, 0.72);
	color: #403943;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	outline: none;
	box-shadow: 0 10px 24px -22px rgba(45, 39, 51, 0.34);
}

.id-color-seed-row input[type="text"]:focus {
	border-color: rgba(185, 87, 67, 0.48);
	box-shadow: 0 0 0 3px rgba(185, 87, 67, 0.09);
}

@media (max-width: 640px) {
	body.id-tool-page section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"] {
		min-height: 4.75rem;
		padding-block: 1rem;
	}

	body.id-tool-page--colors section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"] {
		padding-bottom: 1.7rem;
	}

	body.id-tool-page--phone section div[class*="sm:grid-cols-3"] > span[class*="rounded-2xl"][class*="text-center"] {
		padding-inline: 3.25rem 1rem;
	}
}

/* Service identity system: distinct hero motion + first priority section. */
body.irandesigner-wp .id-service-hero {
	--id-hero-accent: #2767c8;
	--id-hero-accent-soft: rgba(39, 103, 200, 0.14);
	--id-hero-ink: #21365d;
	isolation: isolate;
	min-height: clamp(17rem, 28vw, 22rem);
	border-color: color-mix(in srgb, var(--id-hero-accent) 24%, transparent);
	background: linear-gradient(135deg, #fbfdff, #eef5ff 58%, #fffaf4);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 34px 76px -58px color-mix(in srgb, var(--id-hero-accent) 68%, transparent);
}

body.irandesigner-wp .id-service-hero > .absolute.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-4.ui-overlay-4,body.irandesigner-wp .id-service-hero > .ui-style-5.inset-0,body.irandesigner-wp .id-service-hero > .ui-style-6.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-7.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-8.ui-decoration-8,body.irandesigner-wp .id-service-hero > .ui-decoration-9.ui-decoration-9,body.irandesigner-wp .id-service-hero > .ui-decoration-t.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-18.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-19.ui-decoration-19,body.irandesigner-wp .id-service-hero > .ui-overlay-1a.ui-overlay-1a,body.irandesigner-wp .id-service-hero > .ui-decoration-1b.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-1c.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-1d.inset-0,body.irandesigner-wp .id-service-hero > .ui-action-1k.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-1y.ui-overlay-1y,body.irandesigner-wp .id-service-hero > .ui-overlay-2a.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-2b.ui-overlay-2b,body.irandesigner-wp .id-service-hero > .ui-decoration-2c.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-2d.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-2e.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-2o.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-2p.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-2t.ui-decoration-2t,body.irandesigner-wp .id-service-hero > .ui-overlay-2u.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-2v.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-2w.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-35.ui-overlay-35,body.irandesigner-wp .id-service-hero > .ui-decoration-36.ui-decoration-36,body.irandesigner-wp .id-service-hero > .ui-overlay-37.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-3b.ui-decoration-3b,body.irandesigner-wp .id-service-hero > .ui-decoration-3c.ui-decoration-3c,body.irandesigner-wp .id-service-hero > .ui-decoration-3d.ui-decoration-3d,body.irandesigner-wp .id-service-hero > .ui-overlay-3o.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-3s.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-4v.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-4w.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-50.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-52.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-53.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-5b.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-5c.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-5d.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-5e.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-5f.ui-overlay-5f,body.irandesigner-wp .id-service-hero > .ui-overlay-5g.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-5j.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-5m.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-5n.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-5o.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-5p.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-60.ui-decoration-60,body.irandesigner-wp .id-service-hero > .ui-decoration-61.ui-decoration-61,body.irandesigner-wp .id-service-hero > .ui-decoration-62.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-63.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-66.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-6s.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-78.ui-decoration-78,body.irandesigner-wp .id-service-hero > .ui-size-7t.inset-0,body.irandesigner-wp .id-service-hero > .ui-size-7u.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-7v.ui-decoration-7v,body.irandesigner-wp .id-service-hero > .ui-overlay-d.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-h.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-1m.ui-decoration-1m,body.irandesigner-wp .id-service-hero > .ui-size-1n.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-1o.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-2a-2.ui-overlay-2a-2,body.irandesigner-wp .id-service-hero > .ui-overlay-2f.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-2g.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-2h.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-2m.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-2p.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-76.ui-overlay-76,body.irandesigner-wp .id-service-hero > .ui-decoration-77.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-7w.ui-decoration-7w,body.irandesigner-wp .id-service-hero > .ui-decoration-3j.inset-0,body.irandesigner-wp .id-service-hero > .ui-size-3p.inset-0,body.irandesigner-wp .id-service-hero > .ui-size-3q.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-3r.ui-decoration-3r,body.irandesigner-wp .id-service-hero > .ui-decoration-40.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-58.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-5i.ui-overlay-5i,body.irandesigner-wp .id-service-hero > .ui-decoration-5j.ui-decoration-5j,body.irandesigner-wp .id-service-hero > .ui-overlay-5k.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-5r.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-6a.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-6k.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-6q.ui-decoration-6q,body.irandesigner-wp .id-service-hero > .ui-decoration-6x.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-7n.inset-0,body.irandesigner-wp .id-service-hero > .ui-decoration-7o.inset-0,body.irandesigner-wp .id-service-hero > .ui-overlay-7p.ui-overlay-7p,body.irandesigner-wp .id-service-hero > .ui-decoration-7u.inset-0,body.irandesigner-wp .id-service-hero > .home-blog-row__image.home-blog-row__image,body.irandesigner-wp .id-service-hero > .home-blog-row__media-ring.home-blog-row__media-ring,body.irandesigner-wp .id-service-hero > .ui-style-2y.ui-style-2y,body.irandesigner-wp .id-service-hero > .ui-style-2z.inset-0,body.irandesigner-wp .id-service-hero > .ui-style-33.ui-style-33{
	background:
		radial-gradient(circle at 84% 16%, var(--id-hero-accent-soft), transparent 36%),
		radial-gradient(circle at 12% 86%, rgba(209, 154, 88, 0.13), transparent 40%);
	opacity: 1;
}

body.irandesigner-wp .id-service-hero .public-inner-hero-visual {
	top: -5.8rem;
	left: -5.2rem;
	width: clamp(17rem, 24vw, 21rem);
	height: clamp(17rem, 24vw, 21rem);
	opacity: 0.68;
	border: 1px solid color-mix(in srgb, var(--id-hero-accent) 22%, transparent);
	background: color-mix(in srgb, var(--id-hero-accent) 7%, white);
	filter: drop-shadow(0 24px 36px color-mix(in srgb, var(--id-hero-accent) 16%, transparent));
}

body.irandesigner-wp .id-service-hero .public-inner-hero-visual::before,
body.irandesigner-wp .id-service-hero .public-inner-hero-visual::after {
	position: absolute;
	content: "";
}

body.irandesigner-wp .id-service-hero .public-inner-hero-visual__geometry {
	width: 100%;
	height: 100%;
	animation-duration: 42s;
}

/* Web design: a live browser canvas, without abstract geometric motion. */
body.irandesigner-wp .id-service-hero--web-design {
	--id-hero-accent: #2767c8;
	--id-hero-accent-soft: rgba(39, 103, 200, 0.15);
	--id-hero-ink: #21365d;
	border-radius: 1.15rem;
	background: linear-gradient(135deg, #fbfdff, #edf5ff 64%, #f7fbff);
}

body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual {
	border: 0;
	border-radius: var(--ir-radius-hero);
	background: radial-gradient(circle at 62% 64%, rgba(39, 103, 200, 0.13), transparent 68%);
	transform: none;
}

body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual__geometry {
	display: none;
}

body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual::before {
	inset: 15% 9% 20% 12%;
	border: 1px solid rgba(39, 103, 200, 0.24);
	border-radius: 0.95rem;
	background:
		linear-gradient(90deg, #2767c8 0 38%, #d8e6fb 38% 58%, transparent 58%) 1rem 1.05rem / 45% 0.34rem no-repeat,
		linear-gradient(90deg, #c9dbf5 0 72%, transparent 72%) 1rem 2rem / 68% 0.62rem no-repeat,
		linear-gradient(90deg, #e8f0fb 0 100%) 1rem 3.15rem / 46% 3.2rem no-repeat,
		linear-gradient(135deg, #dbe9fb, #eef5ff) calc(100% - 1rem) 3.15rem / 42% 3.2rem no-repeat,
		linear-gradient(90deg, #d9e8fb 0 31%, transparent 31% 35%, #e2f1ef 35% 66%, transparent 66% 70%, #f1e6d8 70%) 1rem calc(100% - 1rem) / calc(100% - 2rem) 1.05rem no-repeat,
		repeating-linear-gradient(90deg, rgba(39, 103, 200, 0.045) 0 1px, transparent 1px 1.25rem),
		#fff;
	box-shadow: 0 1.35rem 3.2rem rgba(29, 62, 114, 0.18);
	animation: id-service-browser-breathe 6s ease-in-out infinite;
}

body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual {
	opacity: 0.84;
}

body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual::after {
	top: auto;
	right: 7%;
	bottom: 8%;
	left: auto;
	width: 28%;
	height: 51%;
	border: 1px solid rgba(39, 103, 200, 0.28);
	border-radius: 1.05rem;
	background:
		radial-gradient(circle at 50% 0.75rem, #9bbbe8 0 0.16rem, transparent 0.18rem),
		linear-gradient(90deg, #c8daf3 0 66%, transparent 66%) 0.7rem 1.65rem / calc(100% - 1.4rem) 0.42rem no-repeat,
		linear-gradient(145deg, #dceaf9, #e8f3ef) 0.7rem 2.55rem / calc(100% - 1.4rem) 45% no-repeat,
		linear-gradient(90deg, #d3e2f5 0 100%) 0.7rem calc(100% - 0.85rem) / calc(100% - 1.4rem) 0.52rem no-repeat,
		#fff;
	box-shadow: 0 1.2rem 2.4rem rgba(28, 71, 135, 0.2);
	animation: id-web-responsive-preview 5.2s ease-in-out infinite;
}

/* Branding: overlapping identity forms and a slow palette orbit. */
body.irandesigner-wp .id-service-hero--branding {
	--id-hero-accent: #8b5fbf;
	--id-hero-accent-soft: rgba(139, 95, 191, 0.16);
	--id-hero-ink: #4b365f;
	border-radius: var(--ir-radius-hero);
	background: linear-gradient(138deg, #fffdfd, #f6eefb 54%, #fff5e8);
}

.id-service-hero--branding .public-inner-hero-visual {
	border-radius: 50%;
	background: conic-gradient(from 20deg, rgba(139, 95, 191, 0.17), rgba(209, 154, 88, 0.16), rgba(200, 101, 75, 0.14), rgba(139, 95, 191, 0.17));
}

.id-service-hero--branding .public-inner-hero-visual::before {
	inset: 18% 34% 36% 12%;
	border-radius: 48% 52% 38% 62%;
	background: rgba(139, 95, 191, 0.18);
	animation: id-service-brand-blob 9s ease-in-out infinite;
}

.id-service-hero--branding .public-inner-hero-visual::after {
	inset: 42% 12% 12% 42%;
	border: 1px solid rgba(200, 101, 75, 0.36);
	border-radius: 50%;
	animation: id-service-brand-orbit 12s linear infinite;
}

/* Marketing: directional campaign energy. */
body.irandesigner-wp .id-service-hero--marketing {
	--id-hero-accent: #d97735;
	--id-hero-accent-soft: rgba(217, 119, 53, 0.17);
	--id-hero-ink: #693b22;
	border-radius: var(--ir-radius-hero);
	background: linear-gradient(130deg, #fffdf8, #fff0e2 55%, #fbecef);
}

body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual {
	border-radius: var(--ir-radius-hero);
	background: repeating-linear-gradient(135deg, rgba(217, 119, 53, 0.12) 0 0.7rem, transparent 0.7rem 1.4rem);
}

body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual::before {
	inset: 27% 14% 29% 20%;
	clip-path: polygon(0 35%, 62% 35%, 62% 8%, 100% 50%, 62% 92%, 62% 65%, 0 65%);
	background: linear-gradient(90deg, rgba(217, 119, 53, 0.2), rgba(190, 83, 93, 0.42));
	animation: id-service-campaign-push 5.5s ease-in-out infinite;
}

body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual::after {
	inset: 17%;
	border: 1px dashed rgba(190, 83, 93, 0.28);
	border-radius: var(--ir-radius-hero);
}

/* SEO: a search lens crossing a technical index grid. */
body.irandesigner-wp .id-service-hero--seo {
	--id-hero-accent: #14846f;
	--id-hero-accent-soft: rgba(20, 132, 111, 0.15);
	--id-hero-ink: #1d5148;
	border-radius: 0.75rem;
	background-color: #f6fcf9;
	background-image:
		linear-gradient(rgba(20, 132, 111, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(20, 132, 111, 0.045) 1px, transparent 1px),
		linear-gradient(135deg, #fbfefc, #eaf7f1);
	background-size: 1.25rem 1.25rem, 1.25rem 1.25rem, auto;
}

.id-service-hero--seo .public-inner-hero-visual {
	border: 0;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(20, 132, 111, 0.06) 0 47%, rgba(20, 132, 111, 0.18) 48% 49%, transparent 50%);
}

.id-service-hero--seo .public-inner-hero-visual::before {
	inset: 18% 25% 25% 18%;
	border: 0.55rem solid rgba(20, 132, 111, 0.3);
	border-radius: 50%;
	animation: id-service-search-pulse 4.8s ease-in-out infinite;
}

.id-service-hero--seo .public-inner-hero-visual::after {
	width: 30%;
	height: 0.55rem;
	right: 16%;
	bottom: 20%;
	border-radius: var(--ir-radius-hero);
	background: rgba(20, 132, 111, 0.38);
	transform: rotate(45deg);
	transform-origin: right center;
}

/* Google Ads: a compact campaign dashboard with a moving scan line. */
body.irandesigner-wp .id-service-hero--ads {
	--id-hero-accent: #4f7cff;
	--id-hero-accent-soft: rgba(79, 124, 255, 0.16);
	--id-hero-ink: #17284a;
	border-radius: 1.2rem;
	background: linear-gradient(135deg, #fbfcff, #eaf0ff 58%, #edf9f7);
}

.id-service-hero--ads .public-inner-hero-visual {
	top: -3.7rem;
	left: -3.3rem;
	width: clamp(16rem, 22vw, 19rem);
	height: clamp(13rem, 18vw, 15.5rem);
	border-color: rgba(112, 151, 255, 0.3);
	border-radius: 1.1rem;
	background:
		linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px),
		linear-gradient(145deg, #172744, #213b68);
	background-size: 1.5rem 1.5rem, 1.5rem 1.5rem, auto;
	transform: rotate(-4deg);
}

.id-service-hero--ads .public-inner-hero-visual__geometry {
	opacity: 0.2;
}

.id-service-hero--ads .public-inner-hero-visual::before {
	inset: 28% 13% 14%;
	background: linear-gradient(to top, rgba(99, 212, 199, 0.7) 0 31%, transparent 31% 100%) 8% 100% / 14% 56% no-repeat,
		linear-gradient(to top, rgba(125, 162, 255, 0.76) 0 63%, transparent 63% 100%) 34% 100% / 14% 78% no-repeat,
		linear-gradient(to top, rgba(239, 170, 99, 0.8) 0 82%, transparent 82% 100%) 60% 100% / 14% 92% no-repeat,
		linear-gradient(to top, rgba(99, 212, 199, 0.7) 0 52%, transparent 52% 100%) 86% 100% / 14% 70% no-repeat;
}

.id-service-hero--ads .public-inner-hero-visual::after {
	inset: 14% 8% auto;
	height: 2px;
	background: linear-gradient(90deg, transparent, #78a4ff, #63d4c7, transparent);
	animation: id-service-ads-scan 4.8s ease-in-out infinite;
}

/* Medical: a calm clinical cross with a breathing orbit. */
body.irandesigner-wp .id-service-hero--medical-website-design {
	--id-hero-accent: #278b91;
	--id-hero-accent-soft: rgba(39, 139, 145, 0.14);
	--id-hero-ink: #22565d;
	border-radius: var(--ir-radius-hero);
	background: linear-gradient(140deg, #fdffff, #eaf8f5 58%, #edf6ff);
}

body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual {
	border-radius: 50%;
	background: radial-gradient(circle, rgba(39, 139, 145, 0.1), rgba(255, 255, 255, 0.3) 56%, transparent 57%);
}

body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::before,
body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::after {
	top: 50%;
	left: 50%;
	width: 36%;
	height: 12%;
	border-radius: var(--ir-radius-hero);
	background: rgba(39, 139, 145, 0.3);
	transform: translate(-50%, -50%);
	animation: id-service-medical-breathe 4.2s ease-in-out infinite;
}

body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

/* Travel: compass, route and a reverse orbit. */
body.irandesigner-wp .id-service-hero--travel-website-design {
	--id-hero-accent: #2a78aa;
	--id-hero-accent-soft: rgba(42, 120, 170, 0.15);
	--id-hero-ink: #214c68;
	border-radius: var(--ir-radius-hero);
	background: linear-gradient(140deg, #fbfeff, #e8f6fb 56%, #f8f1df);
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual {
	border-style: dashed;
	border-radius: 50%;
	background: conic-gradient(from 45deg, rgba(42, 120, 170, 0.12), transparent 25%, rgba(204, 144, 69, 0.13) 50%, transparent 75%, rgba(42, 120, 170, 0.12));
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual__geometry {
	animation-direction: reverse;
	animation-duration: 34s;
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::before {
	inset: 24%;
	clip-path: polygon(50% 0, 63% 38%, 100% 50%, 63% 62%, 50% 100%, 37% 62%, 0 50%, 37% 38%);
	background: linear-gradient(135deg, rgba(42, 120, 170, 0.25), rgba(204, 144, 69, 0.3));
	animation: id-service-compass-pulse 6s ease-in-out infinite;
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::after {
	width: 0.75rem;
	height: 0.75rem;
	right: 18%;
	top: 28%;
	border: 3px solid #fff;
	border-radius: 50%;
	background: #cc9045;
	box-shadow: 0 0 0 0.35rem rgba(204, 144, 69, 0.14);
	animation: id-service-route-dot 5s ease-in-out infinite;
}

/* Priority section: shared structure with per-service art direction below. */
body.irandesigner-wp .id-service-priority {
	--id-priority-accent: #2767c8;
	--id-priority-soft: rgba(39, 103, 200, 0.1);
	position: relative;
	isolation: isolate;
	padding-block: clamp(3.75rem, 7vw, 6.5rem);
	background: linear-gradient(180deg, transparent, var(--id-priority-soft), transparent);
}

.id-service-priority::before {
	position: absolute;
	inset: clamp(2rem, 4vw, 3.5rem) max(1rem, calc((100vw - 80rem) / 2 + 1.5rem)) auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--id-priority-accent), transparent);
	content: "";
	opacity: 0.42;
}

body.irandesigner-wp .id-service-priority > div:first-of-type {
	position: relative;
	gap: clamp(1rem, 2.8vw, 2.5rem);
}

body.irandesigner-wp .id-service-priority > div:first-of-type > figure,
body.irandesigner-wp .id-service-priority > div:first-of-type > div {
	position: relative;
	min-width: 0;
	border: 1px solid color-mix(in srgb, var(--id-priority-accent) 22%, transparent);
	box-shadow: 0 30px 70px -52px color-mix(in srgb, var(--id-priority-accent) 62%, transparent);
}

.id-service-priority > div:first-of-type > figure::after {
	position: absolute;
	inset: 0.55rem;
	z-index: 2;
	pointer-events: none;
	border: 1px solid rgba(255, 255, 255, 0.48);
	border-radius: inherit;
	content: "";
}

.id-service-priority > div:first-of-type > figure img {
	transition: transform 900ms cubic-bezier(.22, 1, .36, 1), filter 500ms ease;
}

.id-service-priority > div:first-of-type > figure:hover img {
	transform: scale(1.025);
}

body.irandesigner-wp .id-service-priority > div:first-of-type > div {
	background: rgba(255, 255, 255, 0.76);
	backdrop-filter: blur(14px);
}

/* Web design priority: blueprint workstation. */
body.irandesigner-wp .id-service-priority--web-design {
	--id-priority-accent: #2767c8;
	--id-priority-soft: rgba(39, 103, 200, 0.08);
	background-color: #f8fbff;
	background-image:
		linear-gradient(rgba(39, 103, 200, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(39, 103, 200, 0.04) 1px, transparent 1px);
	background-size: 2rem 2rem;
}

body.irandesigner-wp .id-service-priority--web-design > div:first-of-type > figure,
body.irandesigner-wp .id-service-priority--web-design > div:first-of-type > div {
	border-radius: var(--ir-radius-card);
}

body.irandesigner-wp .id-service-priority--web-design > div:first-of-type > figure {
	background: #eef5ff;
	box-shadow: inset 4px 0 0 rgba(39, 103, 200, 0.44), 0 30px 70px -52px rgba(39, 103, 200, 0.62);
}

body.irandesigner-wp .id-service-priority--web-design > div:first-of-type > div {
	box-shadow: inset -4px 0 0 rgba(65, 135, 146, 0.44), 0 30px 70px -52px rgba(39, 103, 200, 0.62);
}

/* Branding priority: editorial spread with alternating signature corners. */
body.irandesigner-wp .id-service-priority--branding {
	--id-priority-accent: #8b5fbf;
	--id-priority-soft: rgba(139, 95, 191, 0.09);
	background: radial-gradient(circle at 12% 14%, rgba(209, 154, 88, 0.13), transparent 27%), linear-gradient(145deg, #fffdfc, #f8f0fb 54%, #fff8ef);
}

body.irandesigner-wp .id-service-priority--branding > div:first-of-type > figure {
	border-radius: var(--ir-radius-hero);
	transform: rotate(-0.8deg);
}

body.irandesigner-wp .id-service-priority--branding > div:first-of-type > div {
	border-radius: var(--ir-radius-hero);
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(248, 238, 250, 0.82));
	box-shadow: inset 0 -4px 0 rgba(209, 154, 88, 0.5), 0 30px 70px -52px rgba(92, 54, 117, 0.62);
}

/* Marketing priority: offset campaign panels. */
body.irandesigner-wp .id-service-priority--marketing {
	--id-priority-accent: #d97735;
	--id-priority-soft: rgba(217, 119, 53, 0.09);
	background: repeating-linear-gradient(135deg, rgba(217, 119, 53, 0.025) 0 1rem, transparent 1rem 2rem), linear-gradient(135deg, #fffdf8, #fff1e6 52%, #fbedef);
}

body.irandesigner-wp .id-service-priority--marketing > div:first-of-type > figure {
	border-radius: var(--ir-radius-hero);
	transform: translateY(0.75rem);
}

body.irandesigner-wp .id-service-priority--marketing > div:first-of-type > div {
	border-radius: var(--ir-radius-hero);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(255, 239, 226, 0.84));
	box-shadow: inset -5px 0 0 rgba(217, 119, 53, 0.54), 0 30px 70px -52px rgba(166, 74, 27, 0.66);
}

/* SEO priority: indexable audit console. */
body.irandesigner-wp .id-service-priority--seo {
	--id-priority-accent: #14846f;
	--id-priority-soft: rgba(20, 132, 111, 0.08);
	background-color: #f7fcf9;
	background-image:
		linear-gradient(rgba(20, 132, 111, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(20, 132, 111, 0.04) 1px, transparent 1px);
	background-size: 1.35rem 1.35rem;
}

body.irandesigner-wp .id-service-priority--seo > div:first-of-type > figure,
body.irandesigner-wp .id-service-priority--seo > div:first-of-type > div {
	border-radius: 0.65rem;
}

body.irandesigner-wp .id-service-priority--seo > div:first-of-type > figure {
	border-style: solid;
	filter: saturate(0.92);
}

body.irandesigner-wp .id-service-priority--seo > div:first-of-type > div {
	border-inline-start-width: 5px;
	background: rgba(247, 253, 250, 0.91);
}

/* Ads priority: campaign control desk. */
body.irandesigner-wp .id-service-priority--ads {
	--id-priority-accent: #4f7cff;
	--id-priority-soft: rgba(79, 124, 255, 0.09);
	background: radial-gradient(circle at 88% 10%, rgba(99, 212, 199, 0.11), transparent 30%), linear-gradient(145deg, #f8faff, #eaf0fb);
}

body.irandesigner-wp .id-service-priority--ads > div:first-of-type > figure {
	border-radius: 1.1rem;
	background: #172744;
	box-shadow: inset 0 4px 0 #63d4c7, 0 30px 70px -48px rgba(23, 44, 84, 0.78);
}

body.irandesigner-wp .id-service-priority--ads > div:first-of-type > div {
	border-color: rgba(112, 151, 255, 0.3);
	border-radius: 1.1rem;
	background:
		linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px),
		linear-gradient(145deg, #182746, #213a68);
	background-size: 1.5rem 1.5rem, 1.5rem 1.5rem, auto;
	color: #f8fbff;
	box-shadow: inset 0 4px 0 #7da2ff, 0 30px 70px -48px rgba(23, 44, 84, 0.82);
}

body.irandesigner-wp .id-service-priority--ads > div:first-of-type > div :is(h2, h3) {
	color: #fff;
}

body.irandesigner-wp .id-service-priority--ads > div:first-of-type > div > p {
	color: rgba(235, 241, 255, 0.74);
}

body.irandesigner-wp .id-service-priority--ads > div:first-of-type > div > div:not(.id-service-signals) {
	border-color: rgba(125, 162, 255, 0.28);
	background: rgba(125, 162, 255, 0.1);
	color: #dce7ff;
}

/* Medical priority: clinical calm and soft capsule geometry. */
body.irandesigner-wp .id-service-priority--medical-website-design {
	--id-priority-accent: #278b91;
	--id-priority-soft: rgba(39, 139, 145, 0.08);
	background: radial-gradient(circle at 12% 20%, rgba(52, 125, 178, 0.09), transparent 27%), linear-gradient(145deg, #fbffff, #eaf8f5 58%, #f4f9ff);
}

body.irandesigner-wp .id-service-priority--medical-website-design > div:first-of-type > figure {
	border-radius: var(--ir-radius-hero);
	background: #e9f7f4;
}

body.irandesigner-wp .id-service-priority--medical-website-design > div:first-of-type > div {
	border-radius: var(--ir-radius-hero);
	background: rgba(250, 255, 254, 0.88);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.78), 0 30px 70px -52px rgba(32, 113, 118, 0.64);
}

/* Travel priority: destination arch + booking ticket. */
body.irandesigner-wp .id-service-priority--travel-website-design {
	--id-priority-accent: #2a78aa;
	--id-priority-soft: rgba(42, 120, 170, 0.08);
	background: radial-gradient(circle at 88% 16%, rgba(204, 144, 69, 0.11), transparent 28%), linear-gradient(145deg, #f9fdff, #eaf7fb 58%, #fbf6e9);
}

body.irandesigner-wp .id-service-priority--travel-website-design > div:first-of-type > figure {
	border-style: dashed;
	border-radius: var(--ir-radius-hero);
	background: #eff8f5;
}

body.irandesigner-wp .id-service-priority--travel-website-design > div:first-of-type > div {
	border-style: dashed;
	border-radius: 0.9rem;
	background:
		radial-gradient(circle at 100% 50%, #f4fbfb 0 0.52rem, transparent 0.54rem),
		radial-gradient(circle at 0 50%, #f4fbfb 0 0.52rem, transparent 0.54rem),
		rgba(249, 254, 254, 0.88);
}

/* Imported service sections include container/card/grid wrappers. Target the actual card layer. */
body.irandesigner-wp .id-service-priority > div:first-of-type > div:first-child {
	position: relative;
	border-color: color-mix(in srgb, var(--id-priority-accent) 22%, transparent);
	box-shadow: 0 34px 84px -60px color-mix(in srgb, var(--id-priority-accent) 72%, transparent);
}

body.irandesigner-wp .id-service-priority > div:first-of-type > div:first-child > div:first-child {
	position: relative;
	gap: clamp(1rem, 2.8vw, 2.5rem);
}

body.irandesigner-wp .id-service-priority > div:first-of-type > div:first-child > div:first-child > :is(figure, div) {
	position: relative;
	min-width: 0;
	border: 1px solid color-mix(in srgb, var(--id-priority-accent) 22%, transparent);
	box-shadow: 0 30px 70px -52px color-mix(in srgb, var(--id-priority-accent) 62%, transparent);
}

.id-service-priority > div:first-of-type > div:first-child > div:first-child > figure::after {
	position: absolute;
	inset: 0.55rem;
	z-index: 2;
	pointer-events: none;
	border: 1px solid rgba(255, 255, 255, 0.48);
	border-radius: inherit;
	content: "";
}

.id-service-priority > div:first-of-type > div:first-child > div:first-child > figure img {
	transition: transform 900ms cubic-bezier(.22, 1, .36, 1), filter 500ms ease;
}

.id-service-priority > div:first-of-type > div:first-child > div:first-child > figure:hover img {
	transform: scale(1.025);
}

body.irandesigner-wp .id-service-priority > div:first-of-type > div:first-child > div:first-child > div {
	background: rgba(255, 255, 255, 0.76);
	backdrop-filter: blur(14px);
}

body.irandesigner-wp .service-detail-page--web-design .id-service-priority--web-design > div:first-of-type > div:first-child {
	border-radius: 1.15rem;
	background: rgba(247, 251, 255, 0.88);
}

body.irandesigner-wp .service-detail-page--web-design .id-service-priority--web-design > div:first-of-type > div:first-child > div:first-child > :is(figure, div) {
	border-radius: 0.8rem;
}

body.irandesigner-wp .service-detail-page--web-design .id-service-priority--web-design > div:first-of-type > div:first-child > div:first-child > figure {
	background: #eef5ff;
	box-shadow: inset 4px 0 0 rgba(39, 103, 200, 0.44), 0 30px 70px -52px rgba(39, 103, 200, 0.62);
}

body.irandesigner-wp .service-detail-page--web-design .id-service-priority--web-design > div:first-of-type > div:first-child > div:first-child > div {
	box-shadow: inset -4px 0 0 rgba(65, 135, 146, 0.44), 0 30px 70px -52px rgba(39, 103, 200, 0.62);
}

body.irandesigner-wp .service-detail-page--branding .id-service-priority--branding > div:first-of-type > div:first-child {
	border-radius: var(--ir-radius-hero);
	background: rgba(255, 250, 247, 0.84);
}

body.irandesigner-wp .service-detail-page--branding .id-service-priority--branding > div:first-of-type > div:first-child > div:first-child > figure {
	border-radius: var(--ir-radius-hero);
	transform: rotate(-0.8deg);
}

body.irandesigner-wp .service-detail-page--branding .id-service-priority--branding > div:first-of-type > div:first-child > div:first-child > div {
	border-radius: var(--ir-radius-hero);
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(248, 238, 250, 0.82));
	box-shadow: inset 0 -4px 0 rgba(209, 154, 88, 0.5), 0 30px 70px -52px rgba(92, 54, 117, 0.62);
}

body.irandesigner-wp .service-detail-page--marketing .id-service-priority--marketing > div:first-of-type > div:first-child {
	border-radius: var(--ir-radius-hero);
	background: rgba(255, 248, 239, 0.82);
}

body.irandesigner-wp .service-detail-page--marketing .id-service-priority--marketing > div:first-of-type > div:first-child > div:first-child > figure {
	border-radius: var(--ir-radius-hero);
	transform: translateY(0.75rem);
}

body.irandesigner-wp .service-detail-page--marketing .id-service-priority--marketing > div:first-of-type > div:first-child > div:first-child > div {
	border-radius: var(--ir-radius-hero);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(255, 239, 226, 0.84));
	box-shadow: inset -5px 0 0 rgba(217, 119, 53, 0.54), 0 30px 70px -52px rgba(166, 74, 27, 0.66);
}

body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child {
	border-radius: 0.72rem;
	background: rgba(245, 252, 249, 0.9);
}

body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > :is(figure, div) {
	border-radius: 0.55rem;
}

body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > div {
	border-inline-start-width: 5px;
	background: rgba(247, 253, 250, 0.91);
}

/* SEO priority: a complete search-audit workspace instead of two detached rows. */
body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo {
	padding-block: clamp(3.75rem, 6vw, 5.75rem);
	background:
		radial-gradient(circle at 12% 18%, rgba(54, 133, 119, 0.12), transparent 28%),
		radial-gradient(circle at 88% 82%, rgba(54, 101, 144, 0.1), transparent 30%),
		linear-gradient(145deg, #f7fcfa, #e9f4ef 56%, #f6fafc);
}

body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child {
	overflow: hidden;
	padding: clamp(0.65rem, 1.5vw, 1rem);
	border: 1px solid rgba(20, 132, 111, 0.2);
	border-radius: var(--ir-radius-hero);
	background:
		linear-gradient(rgba(20, 132, 111, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(20, 132, 111, 0.035) 1px, transparent 1px),
		rgba(250, 254, 252, 0.92);
	background-size: 1.5rem 1.5rem, 1.5rem 1.5rem, auto;
	box-shadow: 0 34px 88px -58px rgba(13, 78, 67, 0.54);
}

.service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child::before {
	position: absolute;
	inset: 0 auto auto 0;
	z-index: 3;
	width: min(36%, 18rem);
	height: 4px;
	background: linear-gradient(90deg, #14846f, #36a38d, #3e739a);
	content: "";
}

body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child {
	direction: rtl;
	align-items: stretch;
	gap: clamp(0.85rem, 2vw, 1.5rem);
}

body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > figure {
	overflow: hidden;
	border: 1px solid rgba(20, 132, 111, 0.2);
	border-radius: 1.05rem;
	background: #f7eee5;
	box-shadow: 0 28px 58px -42px rgba(12, 69, 60, 0.55);
}

.service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > figure::after {
	inset: 0.7rem;
	border-color: rgba(255, 255, 255, 0.62);
	border-radius: 0.72rem;
}

body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > figure > div {
	height: 100%;
	min-height: 100%;
	aspect-ratio: auto;
	border-radius: 0.75rem;
}

body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > figure img {
	object-fit: cover;
	filter: saturate(0.88) contrast(1.03);
}

body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > div {
	isolation: isolate;
	overflow: hidden;
	padding: clamp(1.4rem, 2.6vw, 2.35rem);
	border: 1px solid rgba(69, 160, 142, 0.24);
	border-inline-start-width: 1px;
	border-radius: 1.05rem;
	background:
		radial-gradient(circle at 92% 8%, rgba(74, 174, 154, 0.2), transparent 34%),
		linear-gradient(145deg, #0d2d27, #173e37 56%, #16334a);
	color: #f5fffc;
	box-shadow: 0 30px 64px -44px rgba(8, 48, 42, 0.86);
}

.service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > div::after {
	position: absolute;
	inset: auto -3rem -4.5rem auto;
	z-index: -1;
	width: 13rem;
	height: 13rem;
	border: 1px solid rgba(109, 211, 190, 0.16);
	border-radius: 50%;
	box-shadow: 0 0 0 2.25rem rgba(109, 211, 190, 0.045), 0 0 0 4.5rem rgba(109, 211, 190, 0.025);
	content: "";
}

body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > div > div:first-child {
	border-color: rgba(120, 220, 200, 0.22);
	background: rgba(120, 220, 200, 0.1);
	color: #a9eadb;
	box-shadow: var(--ir-shadow-none);
}

body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > div :is(h2, h3) {
	color: #fff;
}

body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > div > p {
	color: rgba(226, 245, 239, 0.76);
	-webkit-text-fill-color: rgba(226, 245, 239, 0.76);
}

.service-detail-page--seo .id-service-priority--seo .id-service-signals[data-service-signals="seo"] {
	gap: 0.55rem;
	margin-top: clamp(1.15rem, 2vw, 1.75rem);
}

body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo .id-service-signals[data-service-signals="seo"] .id-service-signal {
	min-height: 3.65rem;
	padding: 0.65rem 0.75rem;
	border: 1px solid rgba(124, 219, 199, 0.18);
	border-inline-start-width: 1px;
	border-radius: 0.72rem;
	background: rgba(255, 255, 255, 0.06);
	color: #ebfbf6;
	box-shadow: var(--ir-shadow-none);
}

.service-detail-page--seo .id-service-priority--seo .id-service-signal__index {
	border-color: rgba(124, 219, 199, 0.24);
	background: rgba(124, 219, 199, 0.13);
	color: #9be4d4;
}

@media (min-width: 1024px) {
	body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > figure,
	body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > div {
		grid-row: 1;
	}

	body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > figure {
		grid-column: 2;
	}

	body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > div {
		grid-column: 1;
	}
}

@media (max-width: 639px) {
	body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.flex,
	body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.flex,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-2,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-2,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-3,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-3,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-m,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-m,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-o,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-o,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-u,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-u,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-w,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-w,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-1j,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1j,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-1p,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1p,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-1r,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1r,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-1u,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1u,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-1z,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1z,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-20,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-20,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-24,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-24,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-26,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-26,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-27,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-27,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-28,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-28,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-2x,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-2x,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-30,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-30,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-31,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-31,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-3t,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-3t,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-43,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-43,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-48,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-48,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-4f,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4f,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-4r,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-4r,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-4s,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4s,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-overlay-53,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-overlay-53,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-54,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-54,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-58,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-58,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-5h,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-5h,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-5k,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-5k,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-5l,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-5l,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-6d,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-6d,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-6f,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6f,body.irandesigner-wp.single-ir_service .id-service-final-action div.ui-spacing-6k.flex,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.ui-spacing-6k.flex,body.irandesigner-wp.single-ir_service .id-service-final-action div.ui-spacing-6m.flex,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.ui-spacing-6m.flex,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-6p,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-6p,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-6q,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6q,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-decoration-6s,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-decoration-6s,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-6y,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6y,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-73,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-73,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-7c,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-7c,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-7n,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-7n,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-7w,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-7w,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-4,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-8,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-8,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-9,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-9,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-j,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-j,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-m-2,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-m-2,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-q,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-q,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-w-2,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-w-2,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-x,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-x,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-10,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-10,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-12,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-12,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-overlay-13,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-overlay-13,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-15,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-15,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-16,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-16,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-19,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-19,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-1c,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-1c,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-1e,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-1e,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-1f,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1f,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-1g,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-1g,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-1t,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1t,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-26,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-26,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-28,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-28,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-overlay-2b-2,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-overlay-2b-2,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-2i,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-2i,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-2l,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-2l,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-2o,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-2o,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-2r,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-2r,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-2s,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-2s,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-2u,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-2u,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-2v,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-2v,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-media-7x,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-media-7x,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-3b,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-3b,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-42,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-42,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-media-43,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-media-43,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-4f-2,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4f-2,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-4m,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4m,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-4q,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4q,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-59,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-59,body.irandesigner-wp.single-ir_service .id-service-final-action div.ui-row-5d.ui-row-5d,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.ui-row-5d.ui-row-5d,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-5x,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-5x,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-60,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-60,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-62,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-62,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-65,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-65,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-6e,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6e,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-6g,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6g,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-6l,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-6l,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-6o,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-6o,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-media-6p,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-media-6p,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-6v,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6v,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-6y-2,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6y-2,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-72,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-72,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-80,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-80,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.services-page-service-card__layout,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.services-page-service-card__layout,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.services-page-service-card__link,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.services-page-service-card__link,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.services-page-service-card__head,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.services-page-service-card__head,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-style-35,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-style-35{
		flex-direction: row;
		align-items: stretch;
		gap: 0.5rem;
	}

	.single-ir_service .id-service-final-action div.mt-6.flex > a,
	.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.flex > a,.single-ir_service .id-service-final-action div.mt-6.ui-stack-2 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-2 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-3 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-3 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-m > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-m > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-o > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-o > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-u > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-u > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-w > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-w > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-1j > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1j > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-1p > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1p > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-1r > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1r > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-1u > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1u > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-1z > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1z > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-20 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-20 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-24 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-24 > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-26 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-26 > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-27 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-27 > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-28 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-28 > a,.single-ir_service .id-service-final-action div.mt-6.ui-stack-2x > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-2x > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-30 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-30 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-31 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-31 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-3t > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-3t > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-43 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-43 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-48 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-48 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-4f > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4f > a,.single-ir_service .id-service-final-action div.mt-6.ui-stack-4r > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-4r > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-4s > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4s > a,.single-ir_service .id-service-final-action div.mt-6.ui-overlay-53 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-overlay-53 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-54 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-54 > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-58 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-58 > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-5h > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-5h > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-5k > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-5k > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-5l > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-5l > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-6d > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-6d > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-6f > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6f > a,.single-ir_service .id-service-final-action div.ui-spacing-6k.flex > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.ui-spacing-6k.flex > a,.single-ir_service .id-service-final-action div.ui-spacing-6m.flex > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.ui-spacing-6m.flex > a,.single-ir_service .id-service-final-action div.mt-6.ui-stack-6p > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-6p > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-6q > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6q > a,.single-ir_service .id-service-final-action div.mt-6.ui-decoration-6s > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-decoration-6s > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-6y > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6y > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-73 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-73 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-7c > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-7c > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-7n > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-7n > a,.single-ir_service .id-service-final-action div.mt-6.ui-stack-7w > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-7w > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-4 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-8 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-8 > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-9 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-9 > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-j > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-j > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-m-2 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-m-2 > a,.single-ir_service .id-service-final-action div.mt-6.ui-stack-q > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-q > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-w-2 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-w-2 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-x > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-x > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-10 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-10 > a,.single-ir_service .id-service-final-action div.mt-6.ui-stack-12 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-12 > a,.single-ir_service .id-service-final-action div.mt-6.ui-overlay-13 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-overlay-13 > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-15 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-15 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-16 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-16 > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-19 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-19 > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-1c > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-1c > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-1e > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-1e > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-1f > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1f > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-1g > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-1g > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-1t > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1t > a,.single-ir_service .id-service-final-action div.mt-6.ui-stack-26 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-26 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-28 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-28 > a,.single-ir_service .id-service-final-action div.mt-6.ui-overlay-2b-2 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-overlay-2b-2 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-2i > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-2i > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-2l > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-2l > a,.single-ir_service .id-service-final-action div.mt-6.ui-action-2o > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-2o > a,.single-ir_service .id-service-final-action div.mt-6.ui-stack-2r > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-2r > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-2s > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-2s > a,.single-ir_service .id-service-final-action div.mt-6.ui-stack-2u > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-2u > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-2v > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-2v > a,.single-ir_service .id-service-final-action div.mt-6.ui-media-7x > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-media-7x > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-3b > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-3b > a,.single-ir_service .id-service-final-action div.mt-6.ui-stack-42 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-42 > a,.single-ir_service .id-service-final-action div.mt-6.ui-media-43 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-media-43 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-4f-2 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4f-2 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-4m > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4m > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-4q > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4q > a,.single-ir_service .id-service-final-action div.mt-6.ui-stack-59 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-59 > a,.single-ir_service .id-service-final-action div.ui-row-5d.ui-row-5d > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.ui-row-5d.ui-row-5d > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-5x > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-5x > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-60 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-60 > a,.single-ir_service .id-service-final-action div.mt-6.ui-stack-62 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-62 > a,.single-ir_service .id-service-final-action div.mt-6.ui-stack-65 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-65 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-6e > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6e > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-6g > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6g > a,.single-ir_service .id-service-final-action div.mt-6.ui-stack-6l > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-6l > a,.single-ir_service .id-service-final-action div.mt-6.ui-stack-6o > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-6o > a,.single-ir_service .id-service-final-action div.mt-6.ui-media-6p > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-media-6p > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-6v > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6v > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-6y-2 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6y-2 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-72 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-72 > a,.single-ir_service .id-service-final-action div.mt-6.ui-row-80 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-80 > a,.single-ir_service .id-service-final-action div.mt-6.services-page-service-card__layout > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.services-page-service-card__layout > a,.single-ir_service .id-service-final-action div.mt-6.services-page-service-card__link > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.services-page-service-card__link > a,.single-ir_service .id-service-final-action div.mt-6.services-page-service-card__head > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.services-page-service-card__head > a,.single-ir_service .id-service-final-action div.mt-6.ui-style-35 > a,.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-style-35 > a{
		display: flex;
		min-width: 0;
		flex: 1 1 0;
	}

	body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.flex > a > button,
	body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.flex > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-2 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-2 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-3 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-3 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-m > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-m > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-o > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-o > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-u > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-u > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-w > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-w > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-1j > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1j > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-1p > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1p > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-1r > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1r > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-1u > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1u > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-1z > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1z > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-20 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-20 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-24 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-24 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-26 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-26 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-27 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-27 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-28 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-28 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-2x > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-2x > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-30 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-30 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-31 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-31 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-3t > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-3t > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-43 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-43 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-48 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-48 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-4f > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4f > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-4r > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-4r > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-4s > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4s > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-overlay-53 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-overlay-53 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-54 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-54 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-58 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-58 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-5h > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-5h > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-5k > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-5k > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-5l > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-5l > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-6d > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-6d > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-6f > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6f > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.ui-spacing-6k.flex > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.ui-spacing-6k.flex > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.ui-spacing-6m.flex > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.ui-spacing-6m.flex > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-6p > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-6p > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-6q > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6q > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-decoration-6s > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-decoration-6s > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-6y > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6y > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-73 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-73 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-7c > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-7c > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-7n > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-7n > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-7w > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-7w > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-4 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-8 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-8 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-9 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-9 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-j > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-j > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-m-2 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-m-2 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-q > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-q > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-w-2 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-w-2 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-x > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-x > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-10 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-10 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-12 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-12 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-overlay-13 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-overlay-13 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-15 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-15 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-16 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-16 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-19 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-19 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-1c > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-1c > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-1e > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-1e > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-1f > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1f > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-1g > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-1g > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-1t > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-1t > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-26 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-26 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-28 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-28 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-overlay-2b-2 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-overlay-2b-2 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-2i > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-2i > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-2l > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-2l > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-action-2o > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-action-2o > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-2r > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-2r > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-2s > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-2s > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-2u > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-2u > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-2v > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-2v > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-media-7x > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-media-7x > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-3b > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-3b > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-42 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-42 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-media-43 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-media-43 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-4f-2 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4f-2 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-4m > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4m > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-4q > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-4q > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-59 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-59 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.ui-row-5d.ui-row-5d > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.ui-row-5d.ui-row-5d > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-5x > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-5x > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-60 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-60 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-62 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-62 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-65 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-65 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-6e > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6e > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-6g > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6g > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-6l > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-6l > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-stack-6o > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-stack-6o > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-media-6p > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-media-6p > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-6v > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6v > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-6y-2 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-6y-2 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-72 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-72 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-row-80 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-row-80 > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.services-page-service-card__layout > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.services-page-service-card__layout > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.services-page-service-card__link > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.services-page-service-card__link > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.services-page-service-card__head > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.services-page-service-card__head > a > button,body.irandesigner-wp.single-ir_service .id-service-final-action div.mt-6.ui-style-35 > a > button,body.irandesigner-wp.single-ir_service section:has(a[title="ارسال درخواست پروژه"]) div.mt-6.ui-style-35 > a > button{
		width: 100%;
		height: auto;
		min-height: 3.25rem;
		padding: 0.55rem 0.6rem;
		font-size: 0.76rem;
		line-height: 1.55;
		white-space: normal;
		text-align: center;
	}

	body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child {
		border-radius: 1.1rem;
	}

	body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > :is(figure, div) {
		border-radius: 0.85rem;
	}

	body.irandesigner-wp .service-detail-page--seo .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > figure > div {
		min-height: 15rem;
	}
}

body.irandesigner-wp .service-detail-page--ads .id-service-priority--ads > div:first-of-type > div:first-child {
	border-color: rgba(112, 151, 255, 0.26);
	border-radius: 1.2rem;
	background: #111d34;
	box-shadow: 0 36px 86px -54px rgba(23, 44, 84, 0.9);
}

body.irandesigner-wp .service-detail-page--ads .id-service-priority--ads > div:first-of-type > div:first-child > div:first-child > figure {
	border-radius: var(--ir-radius-card);
	background: #172744;
	box-shadow: inset 0 4px 0 #63d4c7, 0 30px 70px -48px rgba(23, 44, 84, 0.78);
}

body.irandesigner-wp .service-detail-page--ads .id-service-priority--ads > div:first-of-type > div:first-child > div:first-child > div {
	border-color: rgba(112, 151, 255, 0.3);
	border-radius: var(--ir-radius-card);
	background:
		linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px),
		linear-gradient(145deg, #182746, #213a68);
	background-size: 1.5rem 1.5rem, 1.5rem 1.5rem, auto;
	color: #f8fbff;
	box-shadow: inset 0 4px 0 #7da2ff, 0 30px 70px -48px rgba(23, 44, 84, 0.82);
}

body.irandesigner-wp .service-detail-page--ads .id-service-priority--ads > div:first-of-type > div:first-child > div:first-child > div :is(h2, h3) {
	color: #fff;
}

body.irandesigner-wp .service-detail-page--ads .id-service-priority--ads > div:first-of-type > div:first-child > div:first-child > div p {
	color: rgba(235, 241, 255, 0.78);
}

body.irandesigner-wp.single-ir_service .service-detail-page--ads .id-service-priority--ads > div:first-of-type > div:first-child > div:first-child > div p {
	color: rgba(235, 241, 255, 0.78);
	-webkit-text-fill-color: rgba(235, 241, 255, 0.78);
}

body.irandesigner-wp .service-detail-page--medical-website-design .id-service-priority--medical-website-design > div:first-of-type > div:first-child {
	border-radius: var(--ir-radius-hero);
	background: rgba(241, 252, 250, 0.9);
}

body.irandesigner-wp .service-detail-page--medical-website-design .id-service-priority--medical-website-design > div:first-of-type > div:first-child > div:first-child > figure {
	border-radius: var(--ir-radius-hero);
	background: #e9f7f4;
}

body.irandesigner-wp .service-detail-page--medical-website-design .id-service-priority--medical-website-design > div:first-of-type > div:first-child > div:first-child > div {
	border-radius: var(--ir-radius-hero);
	background: rgba(250, 255, 254, 0.88);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.78), 0 30px 70px -52px rgba(32, 113, 118, 0.64);
}

body.irandesigner-wp .service-detail-page--travel-website-design .id-service-priority--travel-website-design > div:first-of-type > div:first-child {
	border-style: dashed;
	border-radius: var(--ir-radius-hero);
	background: rgba(246, 252, 252, 0.9);
}

body.irandesigner-wp .service-detail-page--travel-website-design .id-service-priority--travel-website-design > div:first-of-type > div:first-child > div:first-child > figure {
	border-style: dashed;
	border-radius: var(--ir-radius-hero);
	background: #eff8f5;
}

body.irandesigner-wp .service-detail-page--travel-website-design .id-service-priority--travel-website-design > div:first-of-type > div:first-child > div:first-child > div {
	border-style: dashed;
	border-radius: 0.9rem;
	background:
		radial-gradient(circle at 100% 50%, #f4fbfb 0 0.52rem, transparent 0.54rem),
		radial-gradient(circle at 0 50%, #f4fbfb 0 0.52rem, transparent 0.54rem),
		rgba(249, 254, 254, 0.88);
}

@media (min-width: 1024px) {
	body.irandesigner-wp .id-service-priority > div:first-of-type > div:first-child > div:first-child > * {
		order: initial;
	}

	body.irandesigner-wp .id-service-priority--web-design > div:first-of-type > div:first-child > div:first-child,
	body.irandesigner-wp .id-service-priority--marketing > div:first-of-type > div:first-child > div:first-child,
	body.irandesigner-wp .id-service-priority--ads > div:first-of-type > div:first-child > div:first-child {
		grid-template-columns: minmax(0, 1.08fr) minmax(19rem, 0.92fr);
	}

	.id-service-priority--web-design > div:first-of-type > div:first-child > div:first-child > figure,
	.id-service-priority--marketing > div:first-of-type > div:first-child > div:first-child > figure,
	.id-service-priority--ads > div:first-of-type > div:first-child > div:first-child > figure {
		grid-column: 1;
	}

	.id-service-priority--web-design > div:first-of-type > div:first-child > div:first-child > div,
	.id-service-priority--marketing > div:first-of-type > div:first-child > div:first-child > div,
	.id-service-priority--ads > div:first-of-type > div:first-child > div:first-child > div {
		grid-column: 2;
	}

	body.irandesigner-wp .id-service-priority--branding > div:first-of-type > div:first-child > div:first-child,
	body.irandesigner-wp .id-service-priority--seo > div:first-of-type > div:first-child > div:first-child,
	body.irandesigner-wp .id-service-priority--medical-website-design > div:first-of-type > div:first-child > div:first-child,
	body.irandesigner-wp .id-service-priority--travel-website-design > div:first-of-type > div:first-child > div:first-child {
		grid-template-columns: minmax(19rem, 0.9fr) minmax(0, 1.1fr);
	}

	.id-service-priority--branding > div:first-of-type > div:first-child > div:first-child > figure,
	.id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > figure,
	.id-service-priority--medical-website-design > div:first-of-type > div:first-child > div:first-child > figure,
	.id-service-priority--travel-website-design > div:first-of-type > div:first-child > div:first-child > figure {
		grid-column: 2;
	}

	.id-service-priority--branding > div:first-of-type > div:first-child > div:first-child > div,
	.id-service-priority--seo > div:first-of-type > div:first-child > div:first-child > div,
	.id-service-priority--medical-website-design > div:first-of-type > div:first-child > div:first-child > div,
	.id-service-priority--travel-website-design > div:first-of-type > div:first-child > div:first-child > div {
		grid-column: 1;
	}

	body.irandesigner-wp .id-service-priority > div:first-of-type > * {
		order: initial;
	}

	body.irandesigner-wp .id-service-priority--web-design > div:first-of-type,
	body.irandesigner-wp .id-service-priority--marketing > div:first-of-type,
	body.irandesigner-wp .id-service-priority--ads > div:first-of-type {
		grid-template-columns: minmax(0, 1.08fr) minmax(19rem, 0.92fr);
	}

	body.irandesigner-wp .id-service-priority--web-design > div:first-of-type > figure,
	body.irandesigner-wp .id-service-priority--marketing > div:first-of-type > figure,
	body.irandesigner-wp .id-service-priority--ads > div:first-of-type > figure {
		grid-column: 1;
	}

	body.irandesigner-wp .id-service-priority--web-design > div:first-of-type > div,
	body.irandesigner-wp .id-service-priority--marketing > div:first-of-type > div,
	body.irandesigner-wp .id-service-priority--ads > div:first-of-type > div {
		grid-column: 2;
	}

	body.irandesigner-wp .id-service-priority--branding > div:first-of-type,
	body.irandesigner-wp .id-service-priority--seo > div:first-of-type,
	body.irandesigner-wp .id-service-priority--medical-website-design > div:first-of-type,
	body.irandesigner-wp .id-service-priority--travel-website-design > div:first-of-type {
		grid-template-columns: minmax(19rem, 0.92fr) minmax(0, 1.08fr);
	}

	body.irandesigner-wp .id-service-priority--branding > div:first-of-type > figure,
	body.irandesigner-wp .id-service-priority--seo > div:first-of-type > figure,
	body.irandesigner-wp .id-service-priority--medical-website-design > div:first-of-type > figure,
	body.irandesigner-wp .id-service-priority--travel-website-design > div:first-of-type > figure {
		grid-column: 2;
		grid-row: 1;
	}

	body.irandesigner-wp .id-service-priority--branding > div:first-of-type > div,
	body.irandesigner-wp .id-service-priority--seo > div:first-of-type > div,
	body.irandesigner-wp .id-service-priority--medical-website-design > div:first-of-type > div,
	body.irandesigner-wp .id-service-priority--travel-website-design > div:first-of-type > div {
		grid-column: 1;
		grid-row: 1;
	}
}

@media (max-width: 767px) {
	body.irandesigner-wp .id-service-hero {
		min-height: 18rem;
		border-radius: var(--ir-radius-hero);
	}

	body.irandesigner-wp .id-service-hero .public-inner-hero-visual {
		top: -6.5rem;
		left: -8rem;
		width: 18rem;
		height: 18rem;
		opacity: 0.48;
	}

	.id-service-hero--ads .public-inner-hero-visual {
		top: -4.5rem;
		left: -6.5rem;
		width: 16rem;
		height: 13rem;
	}

	body.irandesigner-wp .id-service-priority > div:first-of-type > figure,
	body.irandesigner-wp .id-service-priority > div:first-of-type > div {
		grid-column: auto;
		grid-row: auto;
		max-width: 100%;
		transform: none;
	}

	body.irandesigner-wp .id-service-priority--branding > div:first-of-type > figure,
	body.irandesigner-wp .id-service-priority--medical-website-design > div:first-of-type > figure,
	body.irandesigner-wp .id-service-priority--travel-website-design > div:first-of-type > figure {
		border-radius: var(--ir-radius-hero);
	}

	body.irandesigner-wp .id-service-priority > div:first-of-type > div:first-child > div:first-child {
		grid-template-columns: minmax(0, 1fr);
	}

	body.irandesigner-wp .id-service-priority > div:first-of-type > div:first-child > div:first-child > :is(figure, div) {
		grid-column: auto;
		grid-row: auto;
		max-width: 100%;
		transform: none;
	}

	body.irandesigner-wp .service-detail-page--branding .id-service-priority--branding > div:first-of-type > div:first-child,
	body.irandesigner-wp .service-detail-page--medical-website-design .id-service-priority--medical-website-design > div:first-of-type > div:first-child,
	body.irandesigner-wp .service-detail-page--travel-website-design .id-service-priority--travel-website-design > div:first-of-type > div:first-child {
		border-radius: var(--ir-radius-hero);
	}

	body.irandesigner-wp .service-detail-page--branding .id-service-priority--branding > div:first-of-type > div:first-child > div:first-child > figure,
	body.irandesigner-wp .service-detail-page--medical-website-design .id-service-priority--medical-website-design > div:first-of-type > div:first-child > div:first-child > figure,
	body.irandesigner-wp .service-detail-page--travel-website-design .id-service-priority--travel-website-design > div:first-of-type > div:first-child > div:first-child > figure {
		border-radius: var(--ir-radius-hero);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.irandesigner-wp .id-service-hero .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero .public-inner-hero-visual::before,
	body.irandesigner-wp .id-service-hero .public-inner-hero-visual::after,
	body.irandesigner-wp .id-service-hero .public-inner-hero-visual__geometry {
		animation: none;
	}
}

@keyframes id-service-browser-breathe {
	0%, 100% { transform: translateY(0); box-shadow: 0 1.2rem 3rem rgba(29, 62, 114, 0.16); }
	50% { transform: translateY(-0.45rem); box-shadow: 0 1.7rem 3.4rem rgba(29, 62, 114, 0.22); }
}

@keyframes id-service-browser-focus {
	0% { transform: scale(0.82); box-shadow: 0 0 0 0 rgba(39, 103, 200, 0.34); opacity: 0.65; }
	62% { transform: scale(1); box-shadow: 0 0 0 0.85rem rgba(39, 103, 200, 0); opacity: 1; }
	100% { transform: scale(0.82); box-shadow: 0 0 0 0 rgba(39, 103, 200, 0); opacity: 0.65; }
}

@keyframes id-service-brand-blob {
	0%, 100% { border-radius: 48% 52% 38% 62%; transform: rotate(0deg) scale(1); }
	50% { border-radius: 60% 40% 58% 42%; transform: rotate(18deg) scale(1.08); }
}

@keyframes id-service-brand-orbit {
	to { transform: rotate(360deg); }
}

@keyframes id-service-campaign-push {
	0%, 100% { transform: translateX(0); opacity: 0.7; }
	50% { transform: translateX(-1.1rem); opacity: 1; }
}

@keyframes id-service-search-pulse {
	0%, 100% { transform: scale(0.94); opacity: 0.62; }
	50% { transform: scale(1.04); opacity: 1; }
}

@keyframes id-service-ads-scan {
	0%, 100% { transform: translateY(0); opacity: 0.4; }
	50% { transform: translateY(8.5rem); opacity: 1; }
}

@keyframes id-service-medical-breathe {
	0%, 100% { opacity: 0.55; }
	50% { opacity: 1; }
}

@keyframes id-service-compass-pulse {
	0%, 100% { transform: rotate(0deg) scale(0.94); }
	50% { transform: rotate(12deg) scale(1.04); }
}

@keyframes id-service-route-dot {
	0%, 100% { transform: translate3d(0, 0, 0); }
	50% { transform: translate3d(-2rem, 1.3rem, 0); }
}

/* Signature image-free service sections: one bespoke editorial card per service. */
body.irandesigner-wp .id-service-feature:not(.id-service-feature--ads) {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding-block: clamp(4.5rem, 8vw, 7.5rem);
}

.id-service-feature:not(.id-service-feature--ads)::before {
	position: absolute;
	inset: 0 auto auto 50%;
	width: min(74rem, calc(100% - 3rem));
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--id-feature-accent, #2767c8), transparent);
	content: "";
	transform: translateX(-50%);
	opacity: 0.55;
}

.id-service-feature:not(.id-service-feature--ads) > div:first-of-type {
	position: relative;
	z-index: 1;
}

/* Web design: responsive browser-workbench composition. */
body.irandesigner-wp .id-service-feature--web-design {
	--id-feature-accent: #2f70d1;
	background:
		radial-gradient(circle at 88% 8%, rgba(47, 112, 209, 0.13), transparent 28%),
		linear-gradient(145deg, #f8fbff, #edf4ff 58%, #f9fcff);
}

body.irandesigner-wp .id-service-feature--web-design .service-value-stat-panel {
	position: relative;
	padding-top: 3.2rem;
	border: 1px solid rgba(47, 112, 209, 0.2);
	border-radius: 1.2rem;
	background: #fff;
	box-shadow: 0 30px 80px -60px rgba(24, 67, 132, 0.7);
}

.id-service-feature--web-design .service-value-stat-panel::before {
	position: absolute;
	inset: 0 0 auto;
	height: 2.25rem;
	border-bottom: 1px solid rgba(47, 112, 209, 0.13);
	background:
		radial-gradient(circle at 1.1rem 1.1rem, #ed7166 0 0.2rem, transparent 0.22rem),
		radial-gradient(circle at 1.85rem 1.1rem, #e9b94f 0 0.2rem, transparent 0.22rem),
		radial-gradient(circle at 2.6rem 1.1rem, #58b987 0 0.2rem, transparent 0.22rem),
		#f2f6fc;
	content: "";
}

body.irandesigner-wp .id-service-feature--web-design article.service-value-feature-card {
	border-color: rgba(47, 112, 209, 0.18);
	border-radius: var(--ir-radius-card);
	background: rgba(255, 255, 255, 0.9);
	box-shadow: inset 0 3px 0 rgba(47, 112, 209, 0.5), 0 24px 50px -44px rgba(31, 72, 134, 0.7);
}

/* Branding: an art-directed identity board with offset swatches. */
body.irandesigner-wp .id-service-feature--branding {
	--id-feature-accent: #8c5ab7;
	background:
		radial-gradient(circle at 10% 15%, rgba(218, 154, 83, 0.18), transparent 25%),
		linear-gradient(135deg, #fffdf9, #f6edfb 56%, #fff4e5);
}

body.irandesigner-wp .id-service-feature--branding > div:first-of-type > div:first-child {
	padding: clamp(1.25rem, 3vw, 2.5rem);
	border: 1px solid rgba(132, 82, 167, 0.18);
	border-radius: var(--ir-radius-hero);
	background: rgba(255, 255, 255, 0.62);
	box-shadow: 0 40px 90px -68px rgba(88, 47, 112, 0.75);
}

body.irandesigner-wp .id-service-feature--branding article {
	border-radius: var(--ir-radius-hero);
	background: rgba(255, 255, 255, 0.88);
	box-shadow: 0 24px 52px -46px rgba(92, 54, 117, 0.7);
}

body.irandesigner-wp .id-service-feature--branding article:nth-child(2n) {
	border-radius: var(--ir-radius-hero);
	transform: translateY(1rem);
}

body.irandesigner-wp .id-service-feature--branding article:nth-child(1) { border-top: 4px solid #9a64bf; }
body.irandesigner-wp .id-service-feature--branding article:nth-child(2) { border-top: 4px solid #d19a58; }
body.irandesigner-wp .id-service-feature--branding article:nth-child(3) { border-top: 4px solid #c6654b; }
body.irandesigner-wp .id-service-feature--branding article:nth-child(4) { border-top: 4px solid #4c8e94; }

/* Marketing: directional campaign flow, not a repeated equal-card grid. */
body.irandesigner-wp .id-service-feature--marketing {
	--id-feature-accent: #dc7837;
	background:
		repeating-linear-gradient(135deg, rgba(220, 120, 55, 0.025) 0 1rem, transparent 1rem 2rem),
		linear-gradient(140deg, #fffdf9, #fff0e2 55%, #f9e9ef);
}

body.irandesigner-wp .id-service-feature--marketing > div:first-of-type {
	padding: clamp(1rem, 2.4vw, 2rem);
	border: 1px solid rgba(220, 120, 55, 0.17);
	border-radius: var(--ir-radius-hero);
	background: rgba(255, 255, 255, 0.55);
}

body.irandesigner-wp .id-service-feature--marketing article {
	border: 0;
	border-radius: var(--ir-radius-hero);
	background: rgba(255, 255, 255, 0.9);
	box-shadow: inset 5px 0 0 rgba(220, 120, 55, 0.62), 0 28px 54px -48px rgba(135, 59, 25, 0.8);
}

body.irandesigner-wp .id-service-feature--marketing article:nth-child(2n) {
	transform: translateY(1.25rem);
	box-shadow: inset 5px 0 0 rgba(190, 83, 93, 0.58), 0 28px 54px -48px rgba(135, 59, 25, 0.8);
}

/* SEO: a technical audit console with readable light modules. */
body.irandesigner-wp .id-service-feature--seo {
	--id-feature-accent: #3bd0aa;
	background: linear-gradient(145deg, #0d2926, #123a34 58%, #0b2524);
}

body.irandesigner-wp .id-service-feature--seo > div:first-of-type > div:first-child {
	border-color: rgba(79, 213, 177, 0.25);
	border-radius: 0.75rem;
	background:
		linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
		#102e2b;
	background-size: 1.4rem 1.4rem;
	box-shadow: inset 0 4px 0 #3bd0aa, 0 35px 80px -58px #020d0c;
}

body.irandesigner-wp .id-service-feature--seo :is(h2, h3, strong) {
	color: #f5fffc;
}

body.irandesigner-wp .id-service-feature--seo p {
	color: rgba(226, 247, 241, 0.75);
}

body.irandesigner-wp .id-service-feature--seo article,
body.irandesigner-wp .id-service-feature--seo li,
body.irandesigner-wp .id-service-feature--seo [class*="rounded-3xl"] {
	border-color: rgba(79, 213, 177, 0.22);
	border-radius: 0.65rem;
	background: rgba(19, 62, 56, 0.9);
	box-shadow: inset 3px 0 0 rgba(59, 208, 170, 0.55);
}

/* Medical: clinical dossier with calm, asymmetric care cards. */
body.irandesigner-wp .id-service-feature--medical-website-design {
	--id-feature-accent: #2a9192;
	background:
		radial-gradient(circle at 9% 18%, rgba(43, 145, 146, 0.13), transparent 26%),
		linear-gradient(145deg, #fbffff, #e9f7f4 58%, #f2f8ff);
}

.id-service-feature--medical-website-design > div:first-of-type {
	padding-block: clamp(1.25rem, 3vw, 2.5rem);
	border-block: 1px solid rgba(42, 145, 146, 0.16);
}

.id-service-feature--medical-website-design > div:first-of-type > div:first-child {
	padding: clamp(1rem, 2.5vw, 2rem);
	border-radius: var(--ir-radius-hero);
	background: rgba(255, 255, 255, 0.62);
}

body.irandesigner-wp .id-service-feature--medical-website-design article {
	border-color: rgba(42, 145, 146, 0.2);
	border-radius: var(--ir-radius-hero);
	background: rgba(252, 255, 255, 0.94);
	box-shadow: 0 28px 60px -50px rgba(24, 105, 107, 0.72);
}

body.irandesigner-wp .id-service-feature--medical-website-design article:nth-child(2n) {
	border-radius: var(--ir-radius-hero);
	box-shadow: inset 0 -4px 0 rgba(60, 135, 191, 0.45), 0 28px 60px -50px rgba(24, 105, 107, 0.72);
}

/* Travel: booking-path cards styled like connected boarding passes. */
body.irandesigner-wp .id-service-feature--travel-website-design {
	--id-feature-accent: #2a7dab;
	background:
		radial-gradient(circle at 90% 12%, rgba(208, 151, 72, 0.15), transparent 27%),
		linear-gradient(145deg, #fbfeff, #e9f7fb 56%, #fcf7e9);
}

body.irandesigner-wp .id-service-feature--travel-website-design > div:first-of-type {
	padding: clamp(1.2rem, 3vw, 2.6rem);
	border: 1px dashed rgba(42, 125, 171, 0.3);
	border-radius: var(--ir-radius-hero);
	background: rgba(255, 255, 255, 0.66);
}

body.irandesigner-wp .id-service-feature--travel-website-design > div:first-of-type > div:nth-child(2) > div {
	border-style: dashed;
	border-color: rgba(42, 125, 171, 0.3);
	border-radius: var(--ir-radius-hero);
	background: rgba(251, 255, 255, 0.94);
	box-shadow: 0 25px 55px -48px rgba(35, 104, 143, 0.76);
}

body.irandesigner-wp .id-service-feature--travel-website-design > div:first-of-type > div:nth-child(2) > div:nth-child(2n) {
	border-radius: var(--ir-radius-hero);
	transform: translateY(1rem);
}

/* Practical, service-specific hero objects for brand, healthcare and travel. */
.id-service-hero--branding .public-inner-hero-visual__geometry,
body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual__geometry,
body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual__geometry {
	display: none;
}

.id-service-hero--branding .public-inner-hero-visual {
	border-radius: var(--ir-radius-hero);
	background: rgba(255, 255, 255, 0.54);
}

.id-service-hero--branding .public-inner-hero-visual::before {
	inset: 15% 12%;
	border: 1px solid rgba(139, 95, 191, 0.22);
	border-radius: var(--ir-radius-hero);
	background:
		linear-gradient(90deg, #8b5fbf 0 34%, #d19a58 34% 61%, #c6654b 61% 78%, #4c8e94 78%) 1rem calc(100% - 1rem) / calc(100% - 2rem) 0.75rem no-repeat,
		linear-gradient(135deg, rgba(139, 95, 191, 0.18), transparent 45%),
		#fff;
	box-shadow: 0 1.4rem 3rem rgba(82, 48, 110, 0.18);
	animation: id-brand-board-float 6.5s ease-in-out infinite;
}

.id-service-hero--branding .public-inner-hero-visual::after {
	inset: 30% 28% 38% 24%;
	border: 0;
	border-radius: 50% 50% 12% 50%;
	background: linear-gradient(145deg, #8b5fbf, #c6654b);
	animation: id-brand-mark-breathe 4.6s ease-in-out infinite;
}

body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual {
	border: 0;
	border-radius: var(--ir-radius-hero);
	background: rgba(255, 255, 255, 0.5);
}

body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::before {
	inset: 14% 11%;
	border: 1px solid rgba(39, 139, 145, 0.22);
	border-radius: var(--ir-radius-hero);
	background:
		linear-gradient(90deg, #dcefeb 0 62%, transparent 62%) 1.2rem 3.3rem / 70% 0.65rem no-repeat,
		linear-gradient(90deg, #edf6f4 0 100%) 1.2rem 4.65rem / calc(100% - 2.4rem) 2.8rem no-repeat,
		linear-gradient(#278b91 0 100%) calc(100% - 2.65rem) 0.95rem / 0.6rem 1.8rem no-repeat,
		linear-gradient(90deg, #278b91 0 100%) calc(100% - 3.25rem) 1.55rem / 1.8rem 0.6rem no-repeat,
		#fff;
	box-shadow: 0 1.4rem 3rem rgba(27, 107, 112, 0.18);
	animation: id-medical-card-float 6.2s ease-in-out infinite;
}

body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::after {
	top: auto;
	right: 21%;
	bottom: 23%;
	left: 21%;
	width: auto;
	height: 0.55rem;
	border: 0;
	border-radius: var(--ir-radius-pill);
	background: linear-gradient(90deg, #278b91 0 32%, #dcefeb 32%);
	animation: id-medical-progress 5s ease-in-out infinite;
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual {
	border: 0;
	border-radius: var(--ir-radius-hero);
	background: rgba(255, 255, 255, 0.52);
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::before {
	inset: 18% 10%;
	clip-path: none;
	border: 1px dashed rgba(42, 120, 170, 0.34);
	border-radius: var(--ir-radius-hero);
	background:
		radial-gradient(circle at 77% 28%, #cc9045 0 0.42rem, #fff 0.45rem 0.62rem, transparent 0.65rem),
		linear-gradient(90deg, #dceff5 0 60%, transparent 60%) 1.2rem 1.4rem / 62% 0.65rem no-repeat,
		linear-gradient(90deg, #eef7fa 0 100%) 1.2rem 2.75rem / calc(100% - 2.4rem) 2.9rem no-repeat,
		#fff;
	box-shadow: 0 1.4rem 3rem rgba(31, 102, 139, 0.18);
	animation: id-travel-pass-float 6.8s ease-in-out infinite;
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::after {
	top: auto;
	right: 18%;
	bottom: 25%;
	left: auto;
	width: 0.75rem;
	height: 0.75rem;
	border: 3px solid #fff;
	border-radius: 50%;
	background: #2a78aa;
	box-shadow: 0 0 0 0 rgba(42, 120, 170, 0.3);
	animation: id-travel-booking-pulse 3.8s ease-out infinite;
}

/* Distinct hero motion identities for the principal inner-page archives. */
body.irandesigner-wp .id-inner-hero {
	--id-inner-accent: #3f7ab8;
	isolation: isolate;
	border-color: color-mix(in srgb, var(--id-inner-accent) 24%, transparent);
}

.id-inner-hero .public-inner-hero-visual__geometry {
	display: none;
}

body.irandesigner-wp .id-inner-hero .public-inner-hero-visual {
	top: -5.8rem;
	right: auto;
	left: -5.2rem;
	width: clamp(17rem, 24vw, 21rem);
	height: clamp(17rem, 24vw, 21rem);
	overflow: visible;
	border: 0;
	background: radial-gradient(circle at 62% 64%, color-mix(in srgb, var(--id-inner-accent) 12%, transparent), transparent 68%);
	filter: drop-shadow(0 22px 30px color-mix(in srgb, var(--id-inner-accent) 18%, transparent));
	opacity: 0.68;
	transform: none;
}

body.irandesigner-wp .id-inner-hero .public-inner-hero-visual::before,
body.irandesigner-wp .id-inner-hero .public-inner-hero-visual::after,
body.irandesigner-wp.blog .public-inner-hero-visual::before,
body.irandesigner-wp.blog .public-inner-hero-visual::after,
body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual::before,
body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual::after {
	position: absolute;
	box-sizing: border-box;
	content: "";
}

body.irandesigner-wp .id-inner-hero--about {
	--id-inner-accent: #94633e;
	background: linear-gradient(138deg, #fffdf9, #f6eee3 58%, #f8f4ef);
}

body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual::before {
	inset: 15% 18%;
	border: 1px solid rgba(148, 99, 62, 0.24);
	border-radius: 50% 50% 1.2rem 1.2rem;
	background: radial-gradient(circle at 50% 30%, #d9bda7 0 16%, transparent 17%), linear-gradient(#f3e6da 0 100%) 50% 72% / 54% 37% no-repeat, #fff;
	animation: id-about-profile-float 6.8s ease-in-out infinite;
}

body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual::after {
	top: 24%;
	right: 13%;
	width: 0.65rem;
	height: 55%;
	border-radius: var(--ir-radius-pill);
	background: linear-gradient(#c6654b 0 28%, #d19a58 28% 62%, #4c8e94 62%);
}

body.irandesigner-wp .id-inner-hero--contact {
	--id-inner-accent: #278b91;
	background: linear-gradient(138deg, #fbffff, #eaf7f5 58%, #f5fbff);
}

body.irandesigner-wp .id-inner-hero--contact .public-inner-hero-visual::before {
	inset: 15% 9% 22% 16%;
	display: flex;
	align-items: flex-start;
	padding: 1.05rem 1.15rem;
	border: 1px solid rgba(39, 139, 145, 0.25);
	border-radius: var(--ir-radius-hero);
	content: "پیام تازه";
	background:
		radial-gradient(circle at calc(100% - 1.2rem) 1.3rem, #45aa94 0 0.3rem, rgba(69, 170, 148, 0.12) 0.33rem 0.62rem, transparent 0.65rem),
		linear-gradient(90deg, #d7ebe7 0 66%, transparent 66%) 1.15rem 3.15rem / 58% 0.55rem no-repeat,
		linear-gradient(90deg, #edf7f5 0 100%) 1.15rem 4.35rem / calc(100% - 2.3rem) 0.48rem no-repeat,
		linear-gradient(90deg, #edf7f5 0 82%, transparent 82%) 1.15rem 5.45rem / calc(100% - 2.3rem) 0.48rem no-repeat,
		#fff;
	color: #2b615a;
	font-size: 0.72rem;
	font-weight: 900;
	box-shadow: 0 1.2rem 2.8rem rgba(30, 103, 108, 0.17);
	animation: id-contact-message-float 6s ease-in-out infinite;
}

body.irandesigner-wp .id-inner-hero--contact .public-inner-hero-visual::after {
	right: 11%;
	bottom: 13%;
	width: 2.7rem;
	height: 2.7rem;
	clip-path: polygon(8% 45%, 92% 8%, 62% 92%, 48% 61%);
	border: 0;
	border-radius: 0;
	background: linear-gradient(145deg, #278b91, #3aa895);
	filter: drop-shadow(0 0.85rem 1rem rgba(28, 106, 107, 0.24));
	animation: id-contact-send-float 4.2s ease-in-out infinite;
}

body.irandesigner-wp .id-inner-hero--blog {
	--id-inner-accent: #6d5aa8;
	background: linear-gradient(138deg, #fffdfb, #f3effb 58%, #f8fbff);
}

body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual::before {
	inset: 12% 20% 18% 14%;
	border: 1px solid rgba(109, 90, 168, 0.22);
	border-radius: var(--ir-radius-hero);
	background: linear-gradient(90deg, #b7a9de 0 44%, transparent 44%) 1.2rem 1.25rem / 70% 0.75rem no-repeat, repeating-linear-gradient(180deg, #e7e1f3 0 0.18rem, transparent 0.18rem 1.1rem) 1.2rem 3rem / calc(100% - 2.4rem) 55% no-repeat, #fff;
	box-shadow: 1.2rem 1.2rem 0 rgba(109, 90, 168, 0.08);
	animation: id-blog-page-turn 7s ease-in-out infinite;
}

body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual::after {
	top: 22%;
	right: 12%;
	width: 23%;
	height: 34%;
	border-radius: 0.65rem;
	background: linear-gradient(145deg, #6d5aa8, #4c8e94);
	opacity: 0.85;
}

body.irandesigner-wp .id-inner-hero--services {
	--id-inner-accent: #2767c8;
	background: linear-gradient(138deg, #fbfdff, #eaf3ff 58%, #f7fbff);
}

body.irandesigner-wp .id-inner-hero--services .public-inner-hero-visual::before {
	inset: 16%;
	border: 1px solid rgba(39, 103, 200, 0.22);
	border-radius: 1.4rem;
	background: linear-gradient(135deg, #dfeafd, #f6f9ff) 1rem 1rem / 44% 40% no-repeat, linear-gradient(135deg, #e2f2ef, #f7fcfb) calc(100% - 1rem) 1rem / 44% 40% no-repeat, linear-gradient(135deg, #f4e9dc, #fffaf3) 1rem calc(100% - 1rem) / calc(100% - 2rem) 36% no-repeat, #fff;
	box-shadow: 0 1.3rem 3rem rgba(31, 72, 133, 0.16);
	animation: id-services-panel-float 6.4s ease-in-out infinite;
}

body.irandesigner-wp .id-inner-hero--services .public-inner-hero-visual::after {
	top: 22%;
	right: 21%;
	width: 0.65rem;
	height: 0.65rem;
	border-radius: 50%;
	background: #2767c8;
	box-shadow: -3rem 3.7rem 0 #4c8e94, 2.2rem 4.2rem 0 #d19a58;
	animation: id-services-status 4.8s ease-in-out infinite;
}

body.irandesigner-wp .id-inner-hero--portfolio {
	--id-inner-accent: #c6654b;
	background: linear-gradient(138deg, #fffdf9, #f8eee9 58%, #f6f4ff);
}

body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual::before {
	inset: 14% 12% 27% 23%;
	border: 1px solid rgba(198, 101, 75, 0.22);
	border-radius: var(--ir-radius-card);
	background: linear-gradient(#f1ddd5 0 2rem, transparent 2rem), linear-gradient(135deg, #f8eee9 0 48%, #e9edf8 48%) 1rem 3rem / calc(100% - 2rem) calc(100% - 4rem) no-repeat, #fff;
	box-shadow: -1.2rem 1.3rem 0 rgba(76, 142, 148, 0.12), 0 1.6rem 3rem rgba(102, 54, 44, 0.15);
	animation: id-portfolio-window-float 6.6s ease-in-out infinite;
}

body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual::after {
	right: 13%;
	bottom: 18%;
	width: 32%;
	height: 24%;
	border: 1px solid rgba(76, 142, 148, 0.25);
	border-radius: 0.7rem;
	background: linear-gradient(145deg, #e2f1ef, #fff);
	animation: id-portfolio-card-shift 5.2s ease-in-out infinite;
}

/* Blog and service archives are rendered outside the editable-page filter. */
body.irandesigner-wp.blog section:has(.public-inner-hero-visual) {
	border-color: rgba(109, 90, 168, 0.24);
	background: linear-gradient(138deg, #fffdfb, #f3effb 58%, #f8fbff);
}

body.irandesigner-wp.blog .public-inner-hero-visual,
body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual {
	top: -5.8rem;
	right: auto;
	left: -5.2rem;
	width: clamp(17rem, 24vw, 21rem);
	height: clamp(17rem, 24vw, 21rem);
	overflow: visible;
	border: 0;
	background: radial-gradient(circle at 62% 64%, rgba(109, 90, 168, 0.12), transparent 68%);
	filter: drop-shadow(0 22px 30px rgba(80, 70, 130, 0.16));
	opacity: 0.68;
	transform: none;
}

body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual {
	background: radial-gradient(circle at 62% 64%, rgba(39, 103, 200, 0.12), transparent 68%);
	filter: drop-shadow(0 22px 30px rgba(39, 103, 200, 0.16));
}

body.irandesigner-wp.blog .public-inner-hero-visual__geometry,
body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual__geometry {
	display: none;
}

body.irandesigner-wp.blog .public-inner-hero-visual::before {
	inset: 12% 20% 18% 14%;
	border: 1px solid rgba(109, 90, 168, 0.22);
	border-radius: var(--ir-radius-hero);
	background: linear-gradient(90deg, #b7a9de 0 44%, transparent 44%) 1.2rem 1.25rem / 70% 0.75rem no-repeat, repeating-linear-gradient(180deg, #e7e1f3 0 0.18rem, transparent 0.18rem 1.1rem) 1.2rem 3rem / calc(100% - 2.4rem) 55% no-repeat, #fff;
	box-shadow: 1.2rem 1.2rem 0 rgba(109, 90, 168, 0.08);
	animation: id-blog-page-turn 7s ease-in-out infinite;
}

body.irandesigner-wp.blog .public-inner-hero-visual::after {
	top: 22%;
	right: 12%;
	width: 23%;
	height: 34%;
	border-radius: 0.65rem;
	background: linear-gradient(145deg, #6d5aa8, #4c8e94);
	opacity: 0.85;
}

body.irandesigner-wp.post-type-archive-ir_service section:has(.public-inner-hero-visual) {
	border-color: rgba(39, 103, 200, 0.24);
	background: linear-gradient(138deg, #fbfdff, #eaf3ff 58%, #f7fbff);
}

body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual::before {
	inset: 16%;
	border: 1px solid rgba(39, 103, 200, 0.22);
	border-radius: 1.4rem;
	background: linear-gradient(135deg, #dfeafd, #f6f9ff) 1rem 1rem / 44% 40% no-repeat, linear-gradient(135deg, #e2f2ef, #f7fcfb) calc(100% - 1rem) 1rem / 44% 40% no-repeat, linear-gradient(135deg, #f4e9dc, #fffaf3) 1rem calc(100% - 1rem) / calc(100% - 2rem) 36% no-repeat, #fff;
	box-shadow: 0 1.3rem 3rem rgba(31, 72, 133, 0.16);
	animation: id-services-panel-float 6.4s ease-in-out infinite;
}

body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual::after {
	top: 22%;
	right: 21%;
	width: 0.65rem;
	height: 0.65rem;
	border-radius: 50%;
	background: #2767c8;
	box-shadow: -3rem 3.7rem 0 #4c8e94, 2.2rem 4.2rem 0 #d19a58;
	animation: id-services-status 4.8s ease-in-out infinite;
}

@media (min-width: 1024px) {
	body.irandesigner-wp .id-service-feature--branding article:nth-child(2n),
	body.irandesigner-wp .id-service-feature--marketing article:nth-child(2n),
	body.irandesigner-wp .id-service-feature--travel-website-design > div:first-of-type > div:nth-child(2) > div:nth-child(2n) {
		transform: translateY(1rem);
	}
}

@media (max-width: 767px) {
	body.irandesigner-wp .id-service-feature:not(.id-service-feature--ads) {
		padding-block: 4rem;
	}

	body.irandesigner-wp .id-service-feature--branding article:nth-child(2n),
	body.irandesigner-wp .id-service-feature--marketing article:nth-child(2n),
	body.irandesigner-wp .id-service-feature--travel-website-design > div:first-of-type > div:nth-child(2) > div:nth-child(2n) {
		transform: none;
	}

	body.irandesigner-wp .id-service-feature--branding > div:first-of-type > div:first-child,
	.id-service-feature--medical-website-design > div:first-of-type > div:first-child,
	body.irandesigner-wp .id-service-feature--travel-website-design > div:first-of-type {
		border-radius: var(--ir-radius-hero);
	}

	body.irandesigner-wp .id-inner-hero .public-inner-hero-visual,
	body.irandesigner-wp.blog .public-inner-hero-visual,
	body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual {
		top: -6.5rem;
		left: -8rem;
		width: 18rem;
		height: 18rem;
		opacity: 0.46;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.irandesigner-wp .id-inner-hero .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero .public-inner-hero-visual::before,
	body.irandesigner-wp .id-inner-hero .public-inner-hero-visual::after,
	body.irandesigner-wp.blog .public-inner-hero-visual,
	body.irandesigner-wp.blog .public-inner-hero-visual::before,
	body.irandesigner-wp.blog .public-inner-hero-visual::after,
	body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual,
	body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual::before,
	body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual::after {
		animation: none;
	}
}

@keyframes id-brand-board-float { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-0.45rem) rotate(1deg); } }
@keyframes id-brand-mark-breathe { 0%, 100% { transform: scale(0.92); opacity: 0.75; } 50% { transform: scale(1.05); opacity: 1; } }
@keyframes id-medical-card-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-0.45rem); } }
@keyframes id-medical-progress { 0%, 100% { background-size: 32% 100%, 100% 100%; } 50% { background-size: 74% 100%, 100% 100%; } }
@keyframes id-travel-pass-float { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-0.5rem) rotate(1deg); } }
@keyframes id-travel-booking-pulse { 0% { box-shadow: 0 0 0 0 rgba(42, 120, 170, 0.35); } 70% { box-shadow: 0 0 0 0.9rem rgba(42, 120, 170, 0); } 100% { box-shadow: 0 0 0 0 rgba(42, 120, 170, 0); } }
@keyframes id-about-profile-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-0.4rem); } }
@keyframes id-contact-message-float { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-0.45rem) rotate(1deg); } }
@keyframes id-contact-status { 0% { box-shadow: 0 0 0 0 rgba(39, 139, 145, 0.35); } 70% { box-shadow: 0 0 0 0.8rem rgba(39, 139, 145, 0); } 100% { box-shadow: 0 0 0 0 rgba(39, 139, 145, 0); } }
@keyframes id-contact-send-float { 0%, 100% { transform: translate(0, 0) rotate(-4deg); } 50% { transform: translate(0.35rem, -0.45rem) rotate(2deg); } }
@keyframes id-web-responsive-preview { 0%, 100% { transform: translateY(0) rotate(1deg); } 50% { transform: translateY(-0.5rem) rotate(-1deg); } }
@keyframes id-blog-page-turn { 0%, 100% { transform: perspective(30rem) rotateY(0deg); } 50% { transform: perspective(30rem) rotateY(-4deg) translateY(-0.35rem); } }
@keyframes id-services-panel-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-0.42rem); } }
@keyframes id-services-status { 0%, 100% { opacity: 0.58; transform: scale(0.9); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes id-portfolio-window-float { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-0.45rem) rotate(1deg); } }
@keyframes id-portfolio-card-shift { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(-0.75rem); } }

/* Branding hero: typography specimen + palette + explicit identity label. */
.id-service-hero--branding .public-inner-hero-visual::before {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 1.15rem 1.3rem;
	content: "Aa";
	color: #674184;
	font-family: Georgia, serif;
	font-size: clamp(2.7rem, 5vw, 4.4rem);
	font-weight: 700;
	line-height: 1;
	background:
		linear-gradient(90deg, #8b5fbf 0 34%, #d19a58 34% 61%, #c6654b 61% 78%, #4c8e94 78%) 1rem calc(100% - 1rem) / calc(100% - 2rem) 0.75rem no-repeat,
		linear-gradient(135deg, rgba(139, 95, 191, 0.12), transparent 48%),
		#fff;
}

.id-service-hero--branding .public-inner-hero-visual::after {
	inset: auto 14% 24% auto;
	width: auto;
	height: auto;
	padding: 0.55rem 0.85rem;
	border: 1px solid rgba(139, 95, 191, 0.2);
	border-radius: var(--ir-radius-pill);
	content: "سیستم هویت";
	background: #f6eefb;
	color: #674184;
	font-size: 0.72rem;
	font-weight: 900;
	white-space: nowrap;
	animation: id-brand-label-focus 4.6s ease-in-out infinite;
}

/* Marketing hero: campaign status board from reach to action. */
body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual__geometry {
	display: none;
}

body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual {
	border: 0;
	border-radius: var(--ir-radius-hero);
	background: rgba(255, 255, 255, 0.5);
}

body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual::before {
	inset: 15% 11%;
	display: flex;
	align-items: flex-start;
	padding: 1rem 1.15rem;
	clip-path: none;
	border: 1px solid rgba(217, 119, 53, 0.23);
	border-radius: 1.4rem 0.55rem;
	content: "کمپین فعال";
	background:
		linear-gradient(90deg, #d97735 0 78%, #f1ded1 78%) 1.15rem 3.3rem / calc(100% - 2.3rem) 0.65rem no-repeat,
		linear-gradient(90deg, #be535d 0 54%, #f3e0e3 54%) 1.15rem 4.75rem / calc(100% - 2.3rem) 0.65rem no-repeat,
		linear-gradient(90deg, #d19a58 0 66%, #f1e8da 66%) 1.15rem 6.2rem / calc(100% - 2.3rem) 0.65rem no-repeat,
		#fff;
	color: #7a4426;
	font-size: 0.78rem;
	font-weight: 900;
	box-shadow: 0 1.4rem 3rem rgba(145, 66, 29, 0.16);
	animation: id-campaign-board-float 6s ease-in-out infinite;
}

body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual::after {
	inset: auto 17% 18% auto;
	width: auto;
	height: auto;
	padding: 0.5rem 0.8rem;
	border: 1px solid rgba(190, 83, 93, 0.2);
	border-radius: var(--ir-radius-pill);
	content: "آگاهی ← اقدام";
	background: #fff3f1;
	color: #914650;
	font-size: 0.7rem;
	font-weight: 900;
	white-space: nowrap;
	animation: id-campaign-action-focus 4s ease-in-out infinite;
}

/* Medical hero: an unmistakable appointment calendar and booking action. */
body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::before {
	display: flex;
	align-items: flex-start;
	padding: 1.05rem 1.2rem;
	content: "تقویم نوبت‌ها";
	background:
		linear-gradient(90deg, #278b91 0 72%, #e0efed 72%) 1.2rem 3.4rem / calc(100% - 2.4rem) 0.58rem no-repeat,
		repeating-linear-gradient(90deg, #e8f4f2 0 1.35rem, transparent 1.35rem 1.7rem) 1.2rem 4.7rem / calc(100% - 2.4rem) 2.6rem no-repeat,
		linear-gradient(#278b91 0 100%) calc(100% - 2.65rem) 0.9rem / 0.55rem 1.65rem no-repeat,
		linear-gradient(90deg, #278b91 0 100%) calc(100% - 3.2rem) 1.45rem / 1.65rem 0.55rem no-repeat,
		#fff;
	color: #216d70;
	font-size: 0.76rem;
	font-weight: 900;
}

body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::after {
	inset: auto 17% 19% auto;
	width: auto;
	height: auto;
	padding: 0.52rem 0.9rem;
	border: 0;
	border-radius: var(--ir-radius-pill);
	content: "رزرو نوبت";
	background: #278b91;
	color: #fff;
	font-size: 0.72rem;
	font-weight: 900;
	white-space: nowrap;
	box-shadow: 0 0.7rem 1.6rem rgba(39, 139, 145, 0.24);
	animation: id-medical-booking-focus 3.8s ease-in-out infinite;
}

/* Travel hero: a clear tour-search ticket with destination action. */
body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::before {
	display: flex;
	align-items: flex-start;
	padding: 1.05rem 1.2rem;
	content: "جست‌وجوی تور";
	background:
		radial-gradient(circle at 78% 27%, #cc9045 0 0.42rem, #fff 0.45rem 0.62rem, transparent 0.65rem),
		linear-gradient(90deg, #dceff5 0 68%, transparent 68%) 1.2rem 3.25rem / calc(100% - 2.4rem) 0.62rem no-repeat,
		linear-gradient(90deg, #eef7fa 0 100%) 1.2rem 4.65rem / calc(100% - 2.4rem) 2.65rem no-repeat,
		#fff;
	color: #236d94;
	font-size: 0.76rem;
	font-weight: 900;
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::after {
	inset: auto 16% 20% auto;
	width: auto;
	height: auto;
	padding: 0.52rem 0.9rem;
	border: 0;
	border-radius: var(--ir-radius-pill);
	content: "انتخاب مقصد ←";
	background: #2a78aa;
	color: #fff;
	font-size: 0.7rem;
	font-weight: 900;
	white-space: nowrap;
	box-shadow: 0 0.7rem 1.6rem rgba(42, 120, 170, 0.24);
	animation: id-travel-destination-focus 4.2s ease-in-out infinite;
}

@keyframes id-brand-label-focus { 0%, 100% { transform: translateY(0); opacity: 0.74; } 50% { transform: translateY(-0.35rem); opacity: 1; } }
@keyframes id-campaign-board-float { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-0.45rem) rotate(1deg); } }
@keyframes id-campaign-action-focus { 0%, 100% { transform: translateX(0); opacity: 0.72; } 50% { transform: translateX(-0.55rem); opacity: 1; } }
@keyframes id-medical-booking-focus { 0%, 100% { transform: translateY(0) scale(0.96); } 50% { transform: translateY(-0.3rem) scale(1); } }
@keyframes id-travel-destination-focus { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(-0.55rem); } }

/* Senior UI refresh: semantic, product-led hero objects with useful detail in
 * the visible corner instead of a mostly clipped white surface. */
body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual,
body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual,
body.irandesigner-wp.blog .public-inner-hero-visual,
body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual,
body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual,
body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual {
	top: -3.4rem;
	left: -3.25rem;
	width: clamp(17rem, 22vw, 19rem);
	height: clamp(14rem, 18vw, 16rem);
	border: 0;
	opacity: 0.84;
	transform: none;
}

/* Portfolio: a case-study review board with a selected outcome card. */
body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual {
	background: radial-gradient(circle at 62% 62%, rgba(198, 101, 75, 0.13), transparent 67%);
}

body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual::before {
	inset: 9% 7% 10% 8%;
	display: flex;
	align-items: flex-end;
	padding: 1rem 1.1rem;
	border: 1px solid rgba(198, 101, 75, 0.24);
	border-radius: 1.15rem;
	content: "مطالعه موردی";
	background:
		linear-gradient(90deg, #c6654b 0 36%, #e7b69f 36% 58%, transparent 58%) 1rem 1rem / 48% 0.34rem no-repeat,
		linear-gradient(145deg, #f1ddd5, #f8eee9 55%, #e3edf0) 1rem 2rem / 54% 46% no-repeat,
		linear-gradient(90deg, #d9e5e7 0 76%, transparent 76%) calc(100% - 1rem) 2.2rem / 31% 0.52rem no-repeat,
		linear-gradient(90deg, #eee1dc 0 100%) calc(100% - 1rem) 3.3rem / 31% 2.15rem no-repeat,
		linear-gradient(90deg, #c6654b 0 68%, #f0ded8 68%) 1rem calc(100% - 2.6rem) / calc(100% - 2rem) 0.42rem no-repeat,
		#fff;
	color: #804335;
	font-size: 0.72rem;
	font-weight: 900;
	box-shadow: 0 1.5rem 3rem rgba(101, 55, 45, 0.2);
	animation: id-portfolio-board-float 6.4s ease-in-out infinite;
}

body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual::after {
	inset: auto 3% 5% auto;
	display: inline-flex;
	width: auto;
	height: auto;
	align-items: center;
	padding: 0.5rem 0.75rem;
	border: 1px solid rgba(76, 142, 148, 0.24);
	border-radius: 0.65rem;
	content: "کیس‌استادی";
	background: linear-gradient(145deg, #e4f2f0, #fff);
	color: #326d72;
	font-size: 0.66rem;
	font-weight: 900;
	box-shadow: 0 0.8rem 1.6rem rgba(55, 104, 109, 0.17);
	animation: id-portfolio-evidence-focus 4.6s ease-in-out infinite;
}

/* Blog: an unmistakable editorial desk with an article cover and metadata. */
body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual,
body.irandesigner-wp.blog .public-inner-hero-visual {
	background: radial-gradient(circle at 62% 62%, rgba(109, 90, 168, 0.14), transparent 67%);
}

body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual::before,
body.irandesigner-wp.blog .public-inner-hero-visual::before {
	inset: 8% 8% 11% 7%;
	display: flex;
	align-items: flex-end;
	padding: 1rem 1.1rem;
	border: 1px solid rgba(109, 90, 168, 0.24);
	border-radius: var(--ir-radius-hero);
	content: "مجله ایران دیزاینر";
	background:
		linear-gradient(90deg, #6d5aa8 0 42%, #c6bce3 42% 61%, transparent 61%) 1rem 1rem / 54% 0.34rem no-repeat,
		linear-gradient(145deg, #6d5aa8, #4c8e94) 1rem 2rem / 34% 42% no-repeat,
		linear-gradient(90deg, #d9d1eb 0 74%, transparent 74%) calc(100% - 1rem) 2.1rem / 51% 0.58rem no-repeat,
		repeating-linear-gradient(180deg, #e8e3f2 0 0.18rem, transparent 0.18rem 0.95rem) calc(100% - 1rem) 3.3rem / 51% 31% no-repeat,
		linear-gradient(90deg, #6d5aa8 0 22%, #e9e3f4 22%) 1rem calc(100% - 2.55rem) / calc(100% - 2rem) 0.4rem no-repeat,
		#fff;
	color: #514181;
	font-size: 0.7rem;
	font-weight: 900;
	box-shadow: 0 1.5rem 3rem rgba(75, 59, 126, 0.2);
	animation: id-blog-editorial-float 6.8s ease-in-out infinite;
}

body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual::after,
body.irandesigner-wp.blog .public-inner-hero-visual::after {
	inset: auto 4% 6% auto;
	width: auto;
	height: auto;
	padding: 0.48rem 0.72rem;
	border: 1px solid rgba(109, 90, 168, 0.2);
	border-radius: var(--ir-radius-pill);
	content: "مقاله تازه";
	background: #f2eefb;
	color: #5a488e;
	font-size: 0.65rem;
	font-weight: 900;
	box-shadow: 0 0.75rem 1.5rem rgba(82, 65, 133, 0.16);
	opacity: 1;
	animation: id-blog-story-focus 4.4s ease-in-out infinite;
}

/* Digital marketing: a channel-to-conversion control board. */
body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual {
	border-radius: 1.4rem 0.7rem;
	background: radial-gradient(circle at 62% 62%, rgba(217, 119, 53, 0.17), transparent 67%);
}

body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual::before {
	inset: 8% 7% 10% 8%;
	display: flex;
	align-items: flex-end;
	padding: 1rem 1.1rem;
	clip-path: none;
	border: 1px solid rgba(234, 166, 105, 0.28);
	border-radius: 1.2rem 0.55rem;
	content: "مرکز کنترل کمپین";
	background:
		radial-gradient(circle at 1.5rem 1.45rem, #64c5ae 0 0.3rem, rgba(100, 197, 174, 0.16) 0.33rem 0.66rem, transparent 0.69rem),
		linear-gradient(90deg, #efaa63 0 82%, rgba(255,255,255,0.12) 82%) 1.15rem 2.45rem / calc(100% - 2.3rem) 0.62rem no-repeat,
		linear-gradient(90deg, #d66d53 0 61%, rgba(255,255,255,0.1) 61%) 1.15rem 3.75rem / calc(100% - 2.3rem) 0.62rem no-repeat,
		linear-gradient(90deg, #64c5ae 0 44%, rgba(255,255,255,0.09) 44%) 1.15rem 5.05rem / calc(100% - 2.3rem) 0.62rem no-repeat,
		linear-gradient(rgba(255,255,255,0.055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,0.055) 1px, transparent 1px),
		linear-gradient(145deg, #35263a, #512f36 58%, #253f43);
	background-size: auto, auto, auto, auto, 1.25rem 1.25rem, 1.25rem 1.25rem, auto;
	color: #fff4e8;
	font-size: 0.7rem;
	font-weight: 900;
	box-shadow: 0 1.6rem 3.2rem rgba(74, 35, 42, 0.3);
	animation: id-marketing-control-float 6.2s ease-in-out infinite;
}

body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual::after {
	inset: auto 4% 6% auto;
	width: auto;
	height: auto;
	padding: 0.5rem 0.78rem;
	border: 1px solid rgba(239, 170, 99, 0.26);
	border-radius: var(--ir-radius-pill);
	content: "جذب · تعامل · تبدیل";
	background: #fff1e4;
	color: #8b4630;
	font-size: 0.64rem;
	font-weight: 900;
	white-space: nowrap;
	box-shadow: 0 0.8rem 1.6rem rgba(113, 51, 33, 0.18);
	animation: id-marketing-path-focus 4.4s ease-in-out infinite;
}

/* Travel: a booking console with route, date and destination controls. */
body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual {
	border-radius: var(--ir-radius-hero);
	background: radial-gradient(circle at 62% 62%, rgba(42, 120, 170, 0.16), transparent 67%);
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::before {
	inset: 8% 7% 10% 8%;
	display: flex;
	align-items: flex-end;
	padding: 1rem 1.1rem;
	clip-path: none;
	border: 1px solid rgba(42, 120, 170, 0.25);
	border-radius: 1.35rem;
	content: "برنامه‌ریزی و رزرو سفر";
	background:
		radial-gradient(circle at 20% 25%, #2a78aa 0 0.3rem, #fff 0.33rem 0.48rem, transparent 0.51rem),
		radial-gradient(circle at 78% 25%, #cc9045 0 0.3rem, #fff 0.33rem 0.48rem, transparent 0.51rem),
		linear-gradient(90deg, #8fc1d6 0 100%) 22% 25% / 54% 2px no-repeat,
		linear-gradient(90deg, #dceff5 0 46%, transparent 46% 52%, #e9dfc8 52%) 1.1rem 3.25rem / calc(100% - 2.2rem) 2.15rem no-repeat,
		linear-gradient(90deg, #2a78aa 0 58%, #e7f2f6 58%) 1.1rem calc(100% - 2.6rem) / calc(100% - 2.2rem) 0.42rem no-repeat,
		#fff;
	color: #246b91;
	font-size: 0.68rem;
	font-weight: 900;
	box-shadow: 0 1.55rem 3rem rgba(27, 91, 125, 0.22);
	animation: id-travel-console-float 6.6s ease-in-out infinite;
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::after {
	inset: auto 4% 6% auto;
	width: auto;
	height: auto;
	padding: 0.5rem 0.78rem;
	border: 0;
	border-radius: var(--ir-radius-pill);
	content: "مقصد · تاریخ · مسافر";
	background: linear-gradient(135deg, #2a78aa, #3c8cad);
	color: #fff;
	font-size: 0.64rem;
	font-weight: 900;
	white-space: nowrap;
	box-shadow: 0 0.8rem 1.6rem rgba(42, 120, 170, 0.24);
	animation: id-travel-route-focus 4.2s ease-in-out infinite;
}

/* Medical: a clinical operations board, not a generic calendar card. */
body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual {
	border-radius: var(--ir-radius-hero);
	background: radial-gradient(circle at 62% 62%, rgba(39, 139, 145, 0.16), transparent 67%);
}

body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::before {
	inset: 8% 7% 10% 8%;
	display: flex;
	align-items: flex-end;
	padding: 1rem 1.1rem;
	border: 1px solid rgba(39, 139, 145, 0.25);
	border-radius: 1.35rem;
	content: "داشبورد نوبت و بیمار";
	background:
		linear-gradient(#278b91 0 100%) calc(100% - 2.55rem) 0.85rem / 0.48rem 1.45rem no-repeat,
		linear-gradient(90deg, #278b91 0 100%) calc(100% - 3.05rem) 1.34rem / 1.45rem 0.48rem no-repeat,
		radial-gradient(circle at 1.65rem 1.55rem, #93d2c8 0 0.72rem, transparent 0.75rem),
		linear-gradient(90deg, #d8ece8 0 74%, transparent 74%) 3rem 1.2rem / 42% 0.48rem no-repeat,
		linear-gradient(90deg, #edf7f5 0 100%) 1.1rem 3.15rem / 43% 2.3rem no-repeat,
		linear-gradient(90deg, #e5f2f0 0 100%) calc(100% - 1.1rem) 3.15rem / 43% 2.3rem no-repeat,
		linear-gradient(90deg, transparent 0 8%, #278b91 8% 17%, transparent 17% 24%, #278b91 24% 31%, transparent 31% 39%, #278b91 39% 54%, transparent 54%) 1.1rem calc(100% - 2.65rem) / calc(100% - 2.2rem) 0.52rem no-repeat,
		#fff;
	color: #216d70;
	font-size: 0.68rem;
	font-weight: 900;
	box-shadow: 0 1.55rem 3rem rgba(24, 98, 103, 0.22);
	animation: id-medical-dashboard-float 6.3s ease-in-out infinite;
}

body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::after {
	inset: auto 4% 6% auto;
	width: auto;
	height: auto;
	padding: 0.5rem 0.78rem;
	border: 1px solid rgba(39, 139, 145, 0.2);
	border-radius: var(--ir-radius-pill);
	content: "نوبت تأییدشده";
	background: #e8f6f3;
	color: #216d70;
	font-size: 0.64rem;
	font-weight: 900;
	white-space: nowrap;
	box-shadow: 0 0.8rem 1.6rem rgba(39, 139, 145, 0.18);
	animation: id-medical-status-focus 4s ease-in-out infinite;
}

@media (max-width: 767px) {
	body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual,
	body.irandesigner-wp.blog .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual {
		top: -4.5rem;
		left: -5.5rem;
		width: 16rem;
		height: 14rem;
		opacity: 0.52;
	}
}

@keyframes id-portfolio-board-float { 0%, 100% { transform: translateY(0) rotate(-0.7deg); } 50% { transform: translateY(-0.42rem) rotate(0.7deg); } }
@keyframes id-portfolio-evidence-focus { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-0.45rem, -0.35rem); } }
@keyframes id-blog-editorial-float { 0%, 100% { transform: perspective(34rem) rotateY(0deg); } 50% { transform: perspective(34rem) rotateY(-2.5deg) translateY(-0.38rem); } }
@keyframes id-blog-story-focus { 0%, 100% { transform: translateY(0); opacity: 0.78; } 50% { transform: translateY(-0.38rem); opacity: 1; } }
@keyframes id-marketing-control-float { 0%, 100% { transform: translateY(0) rotate(-0.6deg); } 50% { transform: translateY(-0.4rem) rotate(0.6deg); } }
@keyframes id-marketing-path-focus { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(-0.45rem); } }
@keyframes id-travel-console-float { 0%, 100% { transform: translateY(0) rotate(-0.5deg); } 50% { transform: translateY(-0.42rem) rotate(0.5deg); } }
@keyframes id-travel-route-focus { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(-0.5rem); } }
@keyframes id-medical-dashboard-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-0.42rem); } }
@keyframes id-medical-status-focus { 0%, 100% { transform: translateY(0) scale(0.97); } 50% { transform: translateY(-0.34rem) scale(1); } }

/* Final hero-object layer: bespoke vector interfaces replace the remaining
 * CSS primitives while preserving the lightweight, corner-anchored motion. */
body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual,
body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual,
body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual,
body.irandesigner-wp.blog .public-inner-hero-visual,
body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual,
body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual,
body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual {
	top: -3.35rem;
	left: -3.2rem;
	width: clamp(17rem, 22vw, 19rem);
	height: clamp(14rem, 18vw, 16rem);
	border: 0;
	border-radius: 0;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	filter: none;
	opacity: 0.94;
	translate: 0 0;
	animation: id-vector-hero-float 7.2s ease-in-out infinite;
}

body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual {
	background-image: url("../images/hero-objects/web-design-studio.svg?v=20260722-2");
}

body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual {
	background-image: url("../images/hero-objects/portfolio-case-study.svg?v=20260722-2");
	animation-delay: -1.2s;
}

body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual,
body.irandesigner-wp.blog .public-inner-hero-visual {
	background-image: url("../images/hero-objects/blog-editorial-desk.svg?v=20260722-2");
	animation-delay: -2.4s;
}

body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual {
	background-image: url("../images/hero-objects/marketing-command-center.svg?v=20260722-2");
	animation-delay: -3.4s;
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual {
	background-image: url("../images/hero-objects/travel-booking-console.svg?v=20260722-2");
	animation-delay: -4.3s;
}

body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual {
	background-image: url("../images/hero-objects/medical-care-dashboard.svg?v=20260722-2");
	animation-delay: -5.1s;
}

body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual::before,
body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual::after,
body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual::before,
body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual::after,
body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual::before,
body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual::after,
body.irandesigner-wp.blog .public-inner-hero-visual::before,
body.irandesigner-wp.blog .public-inner-hero-visual::after,
body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual::before,
body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual::after,
body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::before,
body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::after,
body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::before,
body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::after {
	display: none;
}

@media (max-width: 767px) {
	body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual,
	body.irandesigner-wp.blog .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual {
		top: -4.25rem;
		left: -5rem;
		width: 16rem;
		height: 14rem;
		opacity: 0.58;
	}
}

@keyframes id-vector-hero-float {
	0%, 100% { translate: 0 0; }
	50% { translate: 0 -0.38rem; }
}

/* AI-generated tutorial screenshots embedded in article content. */
.blog-article-content .irp-ai-inline-tutorial {
	position: relative;
	margin: clamp(2.2rem, 5vw, 4rem) 0;
	padding: clamp(0.45rem, 1vw, 0.7rem);
	border: 1px solid rgba(39, 103, 200, 0.16);
	border-radius: var(--ir-radius-hero);
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(240, 246, 255, 0.9));
	box-shadow: 0 32px 74px -58px rgba(29, 62, 114, 0.68);
}

.blog-article-content .irp-ai-inline-tutorial::before {
	position: absolute;
	inset: 0.25rem 1.8rem auto;
	height: 3px;
	border-radius: var(--ir-radius-pill);
	background: linear-gradient(90deg, #2767c8, #4c8e94 58%, #d19a58);
	content: "";
	opacity: 0.78;
}

.blog-article-content .irp-ai-inline-tutorial img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--ir-radius-hero);
	object-fit: cover;
}

.blog-article-content .irp-ai-inline-tutorial figcaption {
	margin: 0;
	padding: 0.85rem 0.85rem 0.35rem;
	color: color-mix(in srgb, var(--foreground) 68%, transparent);
	font-size: clamp(0.78rem, 1.4vw, 0.88rem);
	font-weight: 600;
	line-height: 1.9;
	text-align: right;
}

@media (max-width: 640px) {
	.blog-article-content .irp-ai-inline-tutorial {
		margin-block: 2rem;
		border-radius: 1.15rem;
	}

	.blog-article-content .irp-ai-inline-tutorial img {
		border-radius: 0.8rem;
	}
}

/* Home atmosphere fields: carry the internal-hero colour language into two
   key sections without creating hard section boundaries or adding a pattern. */
body.is-irandesigner-home section[style="order:2"],
body.is-irandesigner-home section[style="order:7"] {
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

body.is-irandesigner-home section[style="order:2"] {
	background-image:
		linear-gradient(180deg, rgba(255, 253, 249, 0.96) 0%, transparent 19%, transparent 81%, rgba(255, 253, 249, 0.96) 100%),
		radial-gradient(ellipse 58% 74% at 8% 48%, rgba(57, 148, 151, 0.22) 0%, rgba(57, 148, 151, 0.1) 38%, transparent 74%),
		radial-gradient(ellipse 50% 70% at 91% 44%, rgba(58, 105, 190, 0.19) 0%, rgba(58, 105, 190, 0.08) 41%, transparent 76%),
		radial-gradient(ellipse 44% 48% at 52% 60%, rgba(214, 157, 88, 0.16) 0%, transparent 72%),
		linear-gradient(180deg, transparent 0%, rgba(244, 248, 246, 0.42) 20%, rgba(247, 242, 235, 0.38) 76%, transparent 100%);
}

body.is-irandesigner-home section[style="order:7"] {
	background-image:
		linear-gradient(180deg, rgba(255, 253, 249, 0.96) 0%, transparent 19%, transparent 81%, rgba(255, 253, 249, 0.96) 100%),
		radial-gradient(ellipse 54% 72% at 10% 42%, rgba(112, 98, 192, 0.18) 0%, rgba(112, 98, 192, 0.075) 42%, transparent 76%),
		radial-gradient(ellipse 52% 72% at 90% 54%, rgba(39, 103, 200, 0.19) 0%, rgba(39, 103, 200, 0.072) 42%, transparent 77%),
		radial-gradient(ellipse 42% 48% at 50% 66%, rgba(206, 111, 83, 0.15) 0%, transparent 72%),
		linear-gradient(180deg, transparent 0%, rgba(246, 244, 250, 0.42) 21%, rgba(250, 244, 238, 0.36) 78%, transparent 100%);
}

/* Numbered, palette-based comment threads. Colours are deterministic per
   comment, while nested replies keep a quieter, connected visual hierarchy. */
body.irandesigner-wp [data-blog-comments] .id-comment-list {
	gap: clamp(1rem, 2.2vw, 1.45rem);
	margin-block-end: clamp(3rem, 6vw, 5rem);
}

[data-blog-comments] .id-comment-thread {
	position: relative;
}

[data-blog-comments] .id-comment-thread--reply {
	margin-inline-start: clamp(1rem, 4.5vw, 3.5rem);
	padding-inline-start: clamp(0.2rem, 0.8vw, 0.55rem);
}

[data-blog-comments] .id-comment-thread--reply::before {
	content: none;
}

[data-blog-comments] .id-comment-card {
	--comment-accent: #2767c8;
	--comment-surface: linear-gradient(135deg, rgba(241, 246, 255, 0.98), rgba(255, 255, 255, 0.96));
	--comment-reply-surface: linear-gradient(135deg, rgba(247, 250, 255, 0.98), rgba(255, 255, 255, 0.94));
	--comment-card-surface: var(--comment-surface);
	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-width: 0;
	border: 2px solid transparent;
	border-radius: var(--ir-radius-hero);
	padding: clamp(1rem, 2.4vw, 1.55rem);
	background:
		var(--comment-card-surface) padding-box,
		linear-gradient(
			118deg,
			color-mix(in srgb, var(--comment-accent) 78%, #3e5f48) 0%,
			color-mix(in srgb, var(--comment-accent) 58%, #72ad89) 31%,
			#d19a58 67%,
			color-mix(in srgb, var(--comment-accent) 46%, #be644c) 100%
		) border-box;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72),
		0 24px 58px -45px color-mix(in srgb, var(--comment-accent) 42%, rgba(45, 39, 51, 0.36)),
		0 0 26px -23px color-mix(in srgb, var(--comment-accent) 54%, transparent);
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

[data-blog-comments] .id-comment-card::before {
	content: none;
}

[data-blog-comments] .id-comment-card:hover {
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.82),
		0 30px 68px -48px color-mix(in srgb, var(--comment-accent) 52%, rgba(45, 39, 51, 0.4)),
		0 0 30px -22px color-mix(in srgb, var(--comment-accent) 60%, transparent);
	transform: translateY(-2px);
}

[data-blog-comments] .id-comment-card--reply {
	--comment-card-surface: var(--comment-reply-surface);
	border-style: solid;
	border-radius: var(--ir-radius-hero);
	box-shadow: 0 18px 42px -38px color-mix(in srgb, var(--comment-accent) 34%, rgba(45, 39, 51, 0.3));
}

[data-blog-comments] .id-comment-card--reply::before {
	content: none;
}

[data-blog-comments] .id-comment-card--tone-1 {
	--comment-accent: #2767c8;
	--comment-surface: linear-gradient(135deg, rgba(238, 245, 255, 0.98), rgba(255, 255, 255, 0.96));
	--comment-reply-surface: linear-gradient(135deg, rgba(247, 250, 255, 0.98), rgba(240, 246, 255, 0.88));
}

[data-blog-comments] .id-comment-card--tone-2 {
	--comment-accent: #368d83;
	--comment-surface: linear-gradient(135deg, rgba(238, 250, 246, 0.98), rgba(255, 255, 255, 0.96));
	--comment-reply-surface: linear-gradient(135deg, rgba(248, 253, 251, 0.98), rgba(238, 249, 246, 0.9));
}

[data-blog-comments] .id-comment-card--tone-3 {
	--comment-accent: #a7653f;
	--comment-surface: linear-gradient(135deg, rgba(255, 246, 239, 0.98), rgba(255, 255, 255, 0.96));
	--comment-reply-surface: linear-gradient(135deg, rgba(255, 251, 247, 0.98), rgba(255, 244, 237, 0.9));
}

[data-blog-comments] .id-comment-card--tone-4 {
	--comment-accent: #7462ad;
	--comment-surface: linear-gradient(135deg, rgba(247, 242, 253, 0.98), rgba(255, 255, 255, 0.96));
	--comment-reply-surface: linear-gradient(135deg, rgba(252, 249, 255, 0.98), rgba(246, 240, 252, 0.9));
}

[data-blog-comments] .id-comment-card--tone-5 {
	--comment-accent: #bd735f;
	--comment-surface: linear-gradient(135deg, rgba(255, 243, 239, 0.98), rgba(255, 255, 255, 0.96));
	--comment-reply-surface: linear-gradient(135deg, rgba(255, 250, 248, 0.98), rgba(255, 241, 237, 0.9));
}

[data-blog-comments] .id-comment-card__header {
	display: flex;
	min-width: 0;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.55rem 0.75rem;
	margin-bottom: 0.9rem;
}

[data-blog-comments] .id-comment-number {
	display: inline-flex;
	min-height: 1.8rem;
	align-items: center;
	justify-content: center;
	border: 1px solid color-mix(in srgb, var(--comment-accent) 21%, white);
	border-radius: var(--ir-radius-pill);
	padding: 0.22rem 0.65rem;
	background: rgba(255, 255, 255, 0.78);
	color: var(--comment-accent);
	font-size: 0.7rem;
	font-weight: 900;
	line-height: 1.4;
	box-shadow: 0 10px 22px -18px var(--comment-accent);
}

[data-blog-comments] .id-comment-number--reply {
	background: color-mix(in srgb, var(--comment-accent) 8%, white);
}

[data-blog-comments] .id-comment-card__author {
	min-width: 0;
	overflow-wrap: anywhere;
	color: var(--foreground);
	font-size: clamp(0.9rem, 1.5vw, 1rem);
	font-weight: 900;
}

[data-blog-comments] .id-comment-card__date {
	margin-inline-start: auto;
	color: var(--muted-foreground);
	font-size: 0.72rem;
	font-weight: 650;
}

[data-blog-comments] .id-comment-card__content {
	margin: 0;
	color: color-mix(in srgb, var(--foreground) 76%, var(--muted-foreground));
	font-size: clamp(0.86rem, 1.4vw, 0.96rem);
	font-weight: 520;
	line-height: 2;
}

@media (max-width: 640px) {
	body.irandesigner-wp [data-blog-comments] .id-comment-list {
		margin-block-end: 2.5rem;
	}

	[data-blog-comments] .id-comment-thread--reply {
		margin-inline-start: 0.55rem;
		padding-inline-start: 0.2rem;
	}

	[data-blog-comments] .id-comment-card {
		padding: 1rem;
	}

	[data-blog-comments] .id-comment-card__date {
		width: 100%;
		margin-inline-start: 0;
		padding-inline-start: 2.05rem;
	}
}

@media (max-width: 767px) {
	body.is-irandesigner-home section[style="order:2"] {
		background-image:
			linear-gradient(180deg, rgba(255, 253, 249, 0.96) 0%, transparent 16%, transparent 84%, rgba(255, 253, 249, 0.96) 100%),
			radial-gradient(ellipse 92% 52% at 4% 34%, rgba(57, 148, 151, 0.18) 0%, transparent 74%),
			radial-gradient(ellipse 92% 54% at 96% 68%, rgba(58, 105, 190, 0.16) 0%, transparent 76%),
			linear-gradient(180deg, transparent 0%, rgba(247, 243, 237, 0.4) 48%, transparent 100%);
	}

	body.is-irandesigner-home section[style="order:7"] {
		background-image:
			linear-gradient(180deg, rgba(255, 253, 249, 0.96) 0%, transparent 16%, transparent 84%, rgba(255, 253, 249, 0.96) 100%),
			radial-gradient(ellipse 94% 54% at 5% 30%, rgba(112, 98, 192, 0.16) 0%, transparent 75%),
			radial-gradient(ellipse 90% 56% at 96% 72%, rgba(39, 103, 200, 0.16) 0%, transparent 76%),
			linear-gradient(180deg, transparent 0%, rgba(250, 244, 238, 0.36) 50%, transparent 100%);
	}
}

/* Distinct hero silhouettes: each illustration now owns a different visual
   footprint instead of repeating one dashboard-sized box six times. */
body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual {
	top: -3.1rem;
	left: -3.35rem;
	width: clamp(18rem, 23vw, 20rem);
	height: clamp(14rem, 18vw, 16rem);
}

body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual {
	top: -3.55rem;
	left: -3rem;
	width: clamp(17.5rem, 22vw, 19.5rem);
	height: clamp(14.5rem, 19vw, 16.5rem);
}

body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual,
body.irandesigner-wp.blog .public-inner-hero-visual {
	top: -3.45rem;
	left: -2.75rem;
	width: clamp(17rem, 21vw, 18.5rem);
	height: clamp(14.5rem, 19vw, 16.5rem);
}

body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual {
	top: -2.8rem;
	left: -1.8rem;
	width: clamp(15rem, 19vw, 17rem);
	height: clamp(15rem, 19vw, 17rem);
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual {
	top: -3.15rem;
	left: -3.6rem;
	width: clamp(18.5rem, 24vw, 20.5rem);
	height: clamp(13.5rem, 17vw, 15rem);
}

body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual {
	top: -3rem;
	left: -2.1rem;
	width: clamp(15.5rem, 20vw, 17.5rem);
	height: clamp(15.5rem, 20vw, 17.5rem);
}

/* Blog masthead follows the RTL alignment of the other inner pages. */
body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-3.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-a.ui-grid-a,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-m.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-q.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-z.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-17.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-1e.ui-style-1e,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-1f.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-1j.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-action-1l.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-1w.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-1x.ui-media-1x,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-1z.ui-row-1z,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-23-2.ui-text-23-2,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-24.ui-row-24,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-29.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-2n.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-2s.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-34.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-3n.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-3r.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-3t.ui-row-3t,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-3x.ui-grid-3x,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-48.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4e.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-4f.ui-row-4f,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4k.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4m.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-4q.ui-grid-4q,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-4s.ui-row-4s,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-4u.ui-text-4u,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-4y.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-4z.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-51.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.ui-overlay-53,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-5i.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-65.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-6r.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.ui-decoration-6s,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-size-6w.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7s.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-a.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-e.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-1l.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-1p.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-stack-26.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-27.ui-text-27,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-28.ui-row-28,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-2e.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-75.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7v.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-34.ui-text-34,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-5u.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-3o.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-3z.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-action-57.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-5h.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-5p.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-63.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-68.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6i.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6p.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6r.ui-media-6r,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6w.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-6y-2.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-7m.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7r.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-7t.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-85.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.home-blog-row__media.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.services-page-service-card__layout.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.services-page-service-card__link.services-page-service-card__link,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-2x.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-32-2.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-3h.z-10{
	max-width: 58rem;
	margin-inline-end: 0;
	margin-inline-start: auto;
	text-align: right;
}

body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > nav,
body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-3.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-3.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-a.ui-grid-a > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-a.ui-grid-a > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-m.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-m.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-q.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-q.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-z.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-z.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-17.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-17.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-1e.ui-style-1e > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-1e.ui-style-1e > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-1f.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-1f.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-row-1h,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-1j.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-1j.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-action-1l.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-action-1l.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-text-1m,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-1w.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-1w.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-1x.ui-media-1x > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-1x.ui-media-1x > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-1z.ui-row-1z > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-1z.ui-row-1z > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-23-2.ui-text-23-2 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-23-2.ui-text-23-2 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-24.ui-row-24 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-24.ui-row-24 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-29.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-29.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-2n.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-2n.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-2s.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-2s.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-34.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-34.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-3n.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-3n.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-3r.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-3r.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-3t.ui-row-3t > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-3t.ui-row-3t > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-3x.ui-grid-3x > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-3x.ui-grid-3x > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-48.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-48.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4e.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4e.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-4f.ui-row-4f > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-4f.ui-row-4f > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4k.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4k.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4m.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4m.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-4q.ui-grid-4q > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-4q.ui-grid-4q > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-4s.ui-row-4s > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-4s.ui-row-4s > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-4u.ui-text-4u > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-4u.ui-text-4u > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-4y.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-4y.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-4z.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-4z.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-51.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-51.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.ui-overlay-53 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.ui-overlay-53 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-5i.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-5i.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-media-5r,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-65.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-65.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-media-67,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-6r.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-6r.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.ui-decoration-6s > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.ui-decoration-6s > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-size-6w.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-size-6w.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7s.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7s.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-a.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-a.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-e.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-e.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-1l.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-1l.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-1p.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-1p.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-stack-26.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-stack-26.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-27.ui-text-27 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-27.ui-text-27 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-28.ui-row-28 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-28.ui-row-28 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-2e.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-2e.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-75.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-75.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7v.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7v.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-34.ui-text-34 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-34.ui-text-34 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-row-3b,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-5u.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-5u.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-3o.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-3o.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-media-3s,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-heading-3t,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-3z.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-3z.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-stack-42,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-action-57.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-action-57.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-5h.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-5h.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-5p.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-5p.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-media-5t,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-63.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-63.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-68.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-68.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-text-6d,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6i.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6i.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6p.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6p.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6r.ui-media-6r > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6r.ui-media-6r > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6w.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6w.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-6y-2.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-6y-2.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-7m.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-7m.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7r.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7r.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-7t.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-7t.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-row-80,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-85.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-85.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.home-blog-row__media.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.home-blog-row__media.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.services-page-service-card__layout.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.services-page-service-card__layout.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.services-page-service-card__link.services-page-service-card__link > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.services-page-service-card__link.services-page-service-card__link > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-2x.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-2x.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-32-2.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-32-2.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-3h.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-3h.z-10 > div.mb-5{
	justify-content: flex-start;
}

body.irandesigner-wp.blog section:has(.public-inner-hero-visual) .public-inner-hero-title {
	text-align: right;
}

body.irandesigner-wp.blog section:has(.public-inner-hero-visual) .public-hero-gradient-line {
	margin-inline-start: 0;
	margin-inline-end: auto;
}

body.irandesigner-wp.blog section:has(.public-inner-hero-visual) .public-inner-hero-description {
	margin-inline-start: 0;
	margin-inline-end: auto;
	text-align: right;
}

/* Author/date metadata uses the same icon language in archives, blog cards and
   the article header; the previous decorative separator is no longer needed. */
.id-content-card__meta time,
body.blog article a[href*="/author/"],
body.blog article a[href*="/author/"] + span:last-child,
body.blog article a[href*="/author/"] + span + span:last-child {
	display: inline-flex;
	align-items: center;
	gap: 0.38rem;
}

.id-content-card__meta time .id-icon {
	width: 0.9rem;
	height: 0.9rem;
	flex: 0 0 auto;
	color: var(--id-primary);
}

body.irandesigner-wp.blog article a[href*="/author/"]::before,
body.blog article a[href*="/author/"] + span:last-child::before,
body.blog article a[href*="/author/"] + span + span:last-child::before {
	display: inline-block;
	width: 0.95rem;
	height: 0.95rem;
	flex: 0 0 auto;
	background: currentColor;
	content: "";
}

body.irandesigner-wp.blog article a[href*="/author/"]::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Ccircle cx=%2712%27 cy=%278%27 r=%274%27 fill=%27black%27/%3E%3Cpath d=%27M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Ccircle cx=%2712%27 cy=%278%27 r=%274%27 fill=%27black%27/%3E%3Cpath d=%27M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3C/svg%3E") center / contain no-repeat;
}

body.blog article a[href*="/author/"] + span:last-child::before,
body.blog article a[href*="/author/"] + span + span:last-child::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Crect x=%273%27 y=%275%27 width=%2718%27 height=%2716%27 rx=%272%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27/%3E%3Cpath d=%27M8 3v4M16 3v4M3 10h18%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Crect x=%273%27 y=%275%27 width=%2718%27 height=%2716%27 rx=%272%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27/%3E%3Cpath d=%27M8 3v4M16 3v4M3 10h18%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E") center / contain no-repeat;
}

body.blog article a[href*="/author/"] + span:not(:last-child) {
	display: none;
}

/* Re-enable the site's existing square grid on service archives and detail
   pages. It stays quiet enough to support the layout rather than compete. */
.services-page,
body.irandesigner-wp .service-detail-page {
	isolation: isolate;
}

body.irandesigner-wp .services-page > .home-pattern-grid,
body.irandesigner-wp .service-detail-page > .home-pattern-grid {
	display: block;
	z-index: -1;
	opacity: 0.8;
	-webkit-mask-image: linear-gradient(180deg, #000 0%, #000 74%, transparent 100%);
	mask-image: linear-gradient(180deg, #000 0%, #000 74%, transparent 100%);
}

@media (max-width: 767px) {
	body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual,
	body.irandesigner-wp.blog .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual {
		top: -4rem;
		left: -4.6rem;
		width: 15rem;
		height: 13rem;
		opacity: 0.56;
	}

	body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-3.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-a.ui-grid-a,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-m.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-q.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-z.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-17.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-1e.ui-style-1e,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-1f.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-1j.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-action-1l.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-1w.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-1x.ui-media-1x,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-1z.ui-row-1z,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-23-2.ui-text-23-2,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-24.ui-row-24,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-29.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-2n.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-2s.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-34.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-3n.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-3r.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-3t.ui-row-3t,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-3x.ui-grid-3x,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-48.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4e.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-4f.ui-row-4f,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4k.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4m.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-4q.ui-grid-4q,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-4s.ui-row-4s,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-4u.ui-text-4u,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-4y.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-4z.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-51.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.ui-overlay-53,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-5i.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-65.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-6r.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.ui-decoration-6s,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-size-6w.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7s.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-a.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-e.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-1l.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-1p.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-stack-26.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-27.ui-text-27,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-28.ui-row-28,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-2e.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-75.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7v.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-34.ui-text-34,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-5u.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-3o.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-3z.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-action-57.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-5h.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-5p.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-63.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-68.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6i.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6p.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6r.ui-media-6r,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6w.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-6y-2.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-7m.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7r.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-7t.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-85.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.home-blog-row__media.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.services-page-service-card__layout.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.services-page-service-card__link.services-page-service-card__link,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-2x.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-32-2.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-3h.z-10{
		max-width: none;
	}

	body.irandesigner-wp .services-page > .home-pattern-grid,
	body.irandesigner-wp .service-detail-page > .home-pattern-grid {
		opacity: 0.8;
	}
}

/* Internal-page header atmosphere. The source artwork is deliberately kept
   outside the document content: it is decorative, lightweight and fades into
   the existing page canvas before the first content section. */
body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) #site-top {
	background-image:
		linear-gradient(
			180deg,
			rgba(255, 253, 249, 0.04) 0%,
			rgba(255, 253, 249, 0.18) 28%,
			rgba(255, 253, 249, 0.72) 68%,
			#fffdf9 100%
		),
		url("../images/inner-header-glass-1440.webp");
	background-repeat: no-repeat;
	background-position: center top, center top;
	background-size: 100% clamp(22rem, 31vw, 29rem), max(100vw, 90rem) auto;
}

body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) nav[data-hero-nav-state] {
	background-image:
		linear-gradient(180deg, rgba(255, 253, 249, 0.08), rgba(255, 253, 249, 0.3)),
		url("../images/inner-header-glass-1440.webp");
	background-repeat: no-repeat;
	background-position: center top, center top;
	background-size: 100% 100%, max(100vw, 90rem) auto;
}

body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) .public-nav-glass {
	border-color: transparent;
	background: transparent;
	box-shadow: var(--ir-shadow-none);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

@media (max-width: 767px) {
	body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) #site-top {
		background-image:
			linear-gradient(
				180deg,
				rgba(255, 253, 249, 0.06) 0%,
				rgba(255, 253, 249, 0.22) 34%,
				rgba(255, 253, 249, 0.78) 72%,
				#fffdf9 100%
			),
			url("../images/inner-header-glass-720.webp");
		background-position: center top, 52% top;
		background-size: 100% 22rem, auto 22rem;
	}

	body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) nav[data-hero-nav-state] {
		background-image:
			linear-gradient(180deg, rgba(255, 253, 249, 0.12), rgba(255, 253, 249, 0.34)),
			url("../images/inner-header-glass-720.webp");
		background-position: center top, 52% top;
		background-size: 100% 100%, auto 22rem;
	}

	body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) .public-nav-glass {
		background: transparent;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}
}

@media (prefers-reduced-transparency: reduce) {
	body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) .public-nav-glass {
		background: transparent;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}
}

/* The blog masthead shares the same right-hand content line as other inner
   pages. Its imported wrapper previously used logical margins in reverse. */
body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-3.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-a.ui-grid-a,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-m.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-q.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-z.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-17.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-1e.ui-style-1e,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-1f.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-1j.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-action-1l.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-1w.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-1x.ui-media-1x,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-1z.ui-row-1z,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-23-2.ui-text-23-2,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-24.ui-row-24,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-29.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-2n.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-2s.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-34.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-3n.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-3r.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-3t.ui-row-3t,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-3x.ui-grid-3x,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-48.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4e.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-4f.ui-row-4f,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4k.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4m.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-4q.ui-grid-4q,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-4s.ui-row-4s,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-4u.ui-text-4u,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-4y.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-4z.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-51.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.ui-overlay-53,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-5i.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-65.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-6r.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.ui-decoration-6s,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-size-6w.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7s.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-a.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-e.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-1l.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-1p.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-stack-26.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-27.ui-text-27,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-28.ui-row-28,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-2e.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-75.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7v.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-34.ui-text-34,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-5u.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-3o.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-3z.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-action-57.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-5h.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-5p.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-63.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-68.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6i.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6p.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6r.ui-media-6r,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6w.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-6y-2.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-7m.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7r.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-7t.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-85.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.home-blog-row__media.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.services-page-service-card__layout.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.services-page-service-card__link.services-page-service-card__link,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-2x.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-32-2.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-3h.z-10{
	width: 100%;
	max-width: 58rem;
	margin-right: 0;
	margin-left: auto;
	text-align: right;
}

body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > nav,
body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-3.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-3.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-a.ui-grid-a > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-a.ui-grid-a > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-m.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-m.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-q.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-q.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-z.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-z.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-17.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-17.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-1e.ui-style-1e > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-1e.ui-style-1e > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-1f.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-1f.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-row-1h,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-1j.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-1j.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-action-1l.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-action-1l.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-text-1m,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-1w.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-1w.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-1x.ui-media-1x > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-1x.ui-media-1x > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-1z.ui-row-1z > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-1z.ui-row-1z > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-23-2.ui-text-23-2 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-23-2.ui-text-23-2 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-24.ui-row-24 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-24.ui-row-24 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-29.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-29.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-2n.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-2n.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-2s.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-2s.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-34.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-34.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-3n.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-3n.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-3r.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-3r.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-3t.ui-row-3t > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-3t.ui-row-3t > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-3x.ui-grid-3x > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-3x.ui-grid-3x > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-48.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-48.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4e.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4e.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-4f.ui-row-4f > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-4f.ui-row-4f > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4k.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4k.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4m.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4m.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-4q.ui-grid-4q > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-4q.ui-grid-4q > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-4s.ui-row-4s > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-4s.ui-row-4s > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-4u.ui-text-4u > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-4u.ui-text-4u > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-4y.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-4y.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-4z.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-4z.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-51.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-51.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.ui-overlay-53 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.ui-overlay-53 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-5i.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-5i.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-media-5r,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-65.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-65.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-media-67,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-6r.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-6r.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.ui-decoration-6s > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.ui-decoration-6s > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-size-6w.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-size-6w.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7s.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7s.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-a.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-a.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-e.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-e.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-1l.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-1l.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-1p.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-1p.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-stack-26.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-stack-26.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-27.ui-text-27 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-27.ui-text-27 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-28.ui-row-28 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-28.ui-row-28 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-2e.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-2e.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-75.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-75.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7v.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7v.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-34.ui-text-34 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-34.ui-text-34 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-row-3b,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-5u.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-5u.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-3o.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-3o.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-media-3s,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-heading-3t,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-3z.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-3z.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-stack-42,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-action-57.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-action-57.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-5h.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-5h.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-5p.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-5p.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-media-5t,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-63.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-63.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-68.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-68.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-text-6d,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6i.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6i.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6p.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6p.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6r.ui-media-6r > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6r.ui-media-6r > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6w.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6w.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-6y-2.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-6y-2.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-7m.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-7m.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7r.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7r.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-7t.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-7t.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10 > div.ui-row-80,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-85.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-85.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.home-blog-row__media.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.home-blog-row__media.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.services-page-service-card__layout.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.services-page-service-card__layout.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.services-page-service-card__link.services-page-service-card__link > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.services-page-service-card__link.services-page-service-card__link > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-2x.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-2x.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-32-2.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-32-2.z-10 > div.mb-5,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-3h.z-10 > nav,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-3h.z-10 > div.mb-5{
	justify-content: flex-start;
}

body.irandesigner-wp.blog section:has(.public-inner-hero-visual) .public-inner-hero-title,
body.irandesigner-wp.blog section:has(.public-inner-hero-visual) .public-inner-hero-description {
	text-align: right;
}

/* Approved hero-object language: quiet, semantic and native to each page.
   SEO, Ads, Branding and Contact are intentionally excluded because those
   four directions have already been approved. */
body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual,
body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual,
body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual,
body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual,
body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual,
body.irandesigner-wp .id-inner-hero--services .public-inner-hero-visual,
body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual,
body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual,
body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual,
body.irandesigner-wp.blog .public-inner-hero-visual {
	top: -3.4rem;
	left: -3.2rem;
	width: clamp(16.5rem, 22vw, 19rem);
	height: clamp(14rem, 18vw, 16rem);
	border: 0;
	border-radius: 0;
	background-color: transparent;
	background-image: none;
	filter: none;
	opacity: 0.76;
	transform: none;
	animation: id-approved-object-drift 8s ease-in-out infinite;
}

body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual::before,
body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual::after,
body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual::before,
body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual::after,
body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::before,
body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::after,
body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::before,
body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::after,
body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual::before,
body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual::after,
body.irandesigner-wp .id-inner-hero--services .public-inner-hero-visual::before,
body.irandesigner-wp .id-inner-hero--services .public-inner-hero-visual::after,
body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual::before,
body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual::after,
body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual::before,
body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual::after,
body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual::before,
body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual::after,
body.irandesigner-wp.blog .public-inner-hero-visual::before,
body.irandesigner-wp.blog .public-inner-hero-visual::after {
	position: absolute;
	display: block;
	box-sizing: border-box;
	content: "";
}

/* Web design: responsive composition canvas, not a generic dashboard. */
body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual::before {
	inset: 1.35rem 1.25rem 1.4rem;
	border: 1px solid rgba(55, 105, 174, 0.28);
	border-radius: 0.85rem;
	background:
		radial-gradient(circle at 1rem 0.9rem, #6f9edb 0 0.14rem, transparent 0.16rem),
		radial-gradient(circle at 1.55rem 0.9rem, #a7c0e2 0 0.14rem, transparent 0.16rem),
		linear-gradient(90deg, #d4e3f6 0 58%, transparent 58%) 1rem 2.2rem / calc(100% - 2rem) 0.42rem no-repeat,
		linear-gradient(135deg, #dceafb, #edf4fd) 1rem 3.25rem / 57% calc(100% - 4.25rem) no-repeat,
		linear-gradient(135deg, #e2f0ed, #f4f9f8) calc(100% - 1rem) 3.25rem / 31% calc(100% - 4.25rem) no-repeat,
		#fff;
	box-shadow: var(--ir-shadow-none);
	transform: none;
}

body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual::after {
	top: auto;
	right: 0.85rem;
	bottom: 0.72rem;
	left: auto;
	width: 3.25rem;
	height: 5.7rem;
	border: 1px solid rgba(55, 105, 174, 0.28);
	border-radius: 0.78rem;
	background:
		linear-gradient(90deg, #c8d9ef, transparent) 0.65rem 1rem / calc(100% - 1.3rem) 0.32rem no-repeat,
		linear-gradient(145deg, #e2edf9, #edf5f2) 0.65rem 1.85rem / calc(100% - 1.3rem) 52% no-repeat,
		#fff;
	box-shadow: 0 0.65rem 1.35rem rgba(39, 78, 137, 0.14);
	clip-path: none;
	transform: none;
}

/* Marketing: a literal growth chart. */
body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual::before {
	inset: 2rem 2.1rem 1.75rem;
	border: 0;
	border-bottom: 1px solid rgba(114, 91, 83, 0.24);
	border-left: 1px solid rgba(114, 91, 83, 0.24);
	border-radius: 0;
	background:
		linear-gradient(to top, #d9a06a, #edc7a4) 16% 100% / 1.45rem 38% no-repeat,
		linear-gradient(to top, #c96c61, #e6a19a) 45% 100% / 1.45rem 58% no-repeat,
		linear-gradient(to top, #779e95, #a8c5be) 74% 100% / 1.45rem 78% no-repeat;
	-webkit-mask: none;
	mask: none;
	clip-path: none;
	transform: none;
}

body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual::after {
	top: 1.5rem;
	right: 1.45rem;
	bottom: auto;
	left: auto;
	width: 7.2rem;
	height: 4.7rem;
	border: 0;
	border-radius: 0;
	clip-path: polygon(2% 78%, 68% 36%, 68% 13%, 100% 24%, 77% 55%, 77% 40%, 7% 84%);
	background: linear-gradient(90deg, #d19a58, #be535d);
	filter: none;
	opacity: 0.72;
	transform: none;
}

/* Travel: a direct route and plane marker. */
body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::before {
	inset: 2.15rem 2rem;
	border: 0;
	border-radius: 0;
	background:
		radial-gradient(circle at 12% 72%, #2a78aa 0 0.32rem, #fff 0.35rem 0.52rem, transparent 0.55rem),
		radial-gradient(circle at 86% 24%, #c98f4c 0 0.32rem, #fff 0.35rem 0.52rem, transparent 0.55rem),
		linear-gradient(145deg, transparent 47%, rgba(42, 120, 170, 0.5) 48% 49%, transparent 50%);
	box-shadow: var(--ir-shadow-none);
	clip-path: none;
	transform: none;
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::after {
	top: 2.35rem;
	right: 1.5rem;
	bottom: auto;
	left: auto;
	width: 3.15rem;
	height: 3.15rem;
	border: 0;
	border-radius: 0;
	clip-path: polygon(7% 47%, 94% 8%, 62% 92%, 47% 62%);
	background: linear-gradient(145deg, #2a78aa, #c98f4c);
	filter: none;
	transform: rotate(-7deg);
	opacity: 0.82;
}

/* Medical: a compact appointment calendar and medical badge. */
body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::before {
	inset: 3rem 1.6rem 1.35rem;
	border: 1px solid rgba(39, 139, 145, 0.25);
	border-radius: 0.9rem;
	background:
		linear-gradient(90deg, #cfe5e1, transparent) 1rem 1.05rem / 46% 0.4rem no-repeat,
		repeating-linear-gradient(90deg, rgba(39, 139, 145, 0.13) 0 1px, transparent 1px 2.45rem),
		repeating-linear-gradient(0deg, rgba(39, 139, 145, 0.13) 0 1px, transparent 1px 2.1rem),
		#fff;
	box-shadow: var(--ir-shadow-none);
	clip-path: none;
	transform: none;
}

body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual {
	opacity: 0.9;
}

body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual::after {
	top: 2.4rem;
	right: 0.95rem;
	bottom: auto;
	left: auto;
	width: 3.15rem;
	height: 3.15rem;
	border: 1px solid rgba(39, 139, 145, 0.22);
	border-radius: 50%;
	background:
		linear-gradient(#278b91 0 100%) center / 0.42rem 1.65rem no-repeat,
		linear-gradient(90deg, #278b91 0 100%) center / 1.65rem 0.42rem no-repeat,
		#eef9f6;
	box-shadow: 0 0.65rem 1.3rem rgba(28, 103, 108, 0.13);
	clip-path: none;
	transform: none;
}

/* Portfolio: layered case-study sheets with one selected outcome. */
body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual::before {
	inset: 13% 10% 17% 14%;
	border: 1px solid rgba(198, 101, 75, 0.24);
	border-radius: 1.2rem;
	background:
		linear-gradient(135deg, #ecd2c7, #f8ebe5) 1rem 1rem / 45% 52% no-repeat,
		linear-gradient(135deg, #dbe9e8, #eff7f6) calc(100% - 1rem) 1rem / 39% 52% no-repeat,
		linear-gradient(90deg, #c6654b 0 62%, #efddd6 62%) 1rem calc(100% - 1.15rem) / calc(100% - 2rem) 0.45rem no-repeat,
		#fff;
	box-shadow: -1rem 1rem 0 rgba(76, 142, 148, 0.1), 0 1.45rem 3rem rgba(101, 55, 45, 0.16);
	transform: rotate(-1.5deg);
}

body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual::after {
	right: 4%;
	bottom: 4%;
	width: 31%;
	height: 31%;
	border: 1px solid rgba(76, 142, 148, 0.28);
	border-radius: 0.8rem;
	background: linear-gradient(145deg, #dff0ee, #fff);
	box-shadow: 0 0.8rem 1.5rem rgba(54, 103, 108, 0.16);
}

/* Blog: an open editorial spread with a quiet bookmark. */
body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual::before,
body.irandesigner-wp.blog .public-inner-hero-visual::before {
	inset: 14% 8% 15% 10%;
	border: 1px solid rgba(109, 90, 168, 0.24);
	border-radius: 1.2rem 1.2rem 0.65rem 0.65rem;
	background:
		repeating-linear-gradient(180deg, #ddd6ec 0 0.16rem, transparent 0.16rem 1rem) 1.15rem 2rem / calc(50% - 1.7rem) 55% no-repeat,
		repeating-linear-gradient(180deg, #e5dff0 0 0.16rem, transparent 0.16rem 1rem) calc(100% - 1.15rem) 2rem / calc(50% - 1.7rem) 55% no-repeat,
		linear-gradient(90deg, #f9f7fd 0 49.5%, #c9bee2 49.5% 50.5%, #fff 50.5%);
	box-shadow: 0 1.45rem 3rem rgba(74, 59, 123, 0.16);
	transform: perspective(30rem) rotateX(2deg);
}

body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual::after,
body.irandesigner-wp.blog .public-inner-hero-visual::after {
	top: 15%;
	right: 23%;
	width: 1.15rem;
	height: 42%;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 78%, 0 100%);
	background: linear-gradient(180deg, #6d5aa8, #4c8e94);
	opacity: 0.82;
}

/* Services: one orchestrated system with several connected disciplines. */
body.irandesigner-wp .id-inner-hero--services .public-inner-hero-visual::before,
body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual::before {
	inset: 14%;
	border: 1px solid rgba(39, 103, 200, 0.2);
	border-radius: 50%;
	background:
		radial-gradient(circle at 50% 50%, #2767c8 0 0.48rem, #fff 0.51rem 0.72rem, transparent 0.75rem),
		radial-gradient(circle at 50% 13%, #4c8e94 0 0.42rem, #fff 0.45rem 0.62rem, transparent 0.65rem),
		radial-gradient(circle at 18% 70%, #d19a58 0 0.42rem, #fff 0.45rem 0.62rem, transparent 0.65rem),
		radial-gradient(circle at 82% 70%, #c6654b 0 0.42rem, #fff 0.45rem 0.62rem, transparent 0.65rem),
		conic-gradient(from 0deg, rgba(39,103,200,0.08), rgba(76,142,148,0.12), rgba(209,154,88,0.12), rgba(198,101,75,0.1), rgba(39,103,200,0.08));
	box-shadow: inset 0 0 0 1rem rgba(255, 255, 255, 0.42);
}

body.irandesigner-wp .id-inner-hero--services .public-inner-hero-visual::after,
body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual::after {
	inset: 31%;
	border: 1px dashed rgba(39, 103, 200, 0.28);
	border-radius: 50%;
}

/* About: a concise professional timeline rather than a generic avatar. */
body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual::before {
	inset: 13% 12% 14% 16%;
	border: 1px solid rgba(148, 99, 62, 0.22);
	border-radius: 1.3rem;
	background:
		radial-gradient(circle at 22% 24%, #c6654b 0 0.35rem, #fff 0.38rem 0.56rem, transparent 0.59rem),
		radial-gradient(circle at 22% 50%, #d19a58 0 0.35rem, #fff 0.38rem 0.56rem, transparent 0.59rem),
		radial-gradient(circle at 22% 76%, #4c8e94 0 0.35rem, #fff 0.38rem 0.56rem, transparent 0.59rem),
		linear-gradient(#d9bda7 0 100%) 22% 50% / 2px 52% no-repeat,
		linear-gradient(90deg, #ead9cc 0 72%, transparent 72%) 52% 24% / 45% 0.45rem no-repeat,
		linear-gradient(90deg, #eee2d8 0 88%, transparent 88%) 52% 50% / 45% 0.45rem no-repeat,
		linear-gradient(90deg, #dfe9e7 0 66%, transparent 66%) 52% 76% / 45% 0.45rem no-repeat,
		#fff;
	box-shadow: 0 1.4rem 3rem rgba(105, 69, 43, 0.14);
}

body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual::after {
	right: 4%;
	bottom: 7%;
	width: 3.1rem;
	height: 3.1rem;
	border: 1px solid rgba(148, 99, 62, 0.25);
	border-radius: 50%;
	background: radial-gradient(circle at 50% 35%, #d9bda7 0 20%, transparent 21%), linear-gradient(#efe1d5 0 100%) 50% 83% / 58% 38% no-repeat, #fff;
	box-shadow: 0 0.8rem 1.5rem rgba(108, 72, 45, 0.14);
}

@keyframes id-approved-object-drift {
	0%, 100% { translate: 0 0; }
	50% { translate: 0 -0.36rem; }
}

@media (max-width: 767px) {
	body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-3.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-a.ui-grid-a,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-m.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-q.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-z.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-17.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-1e.ui-style-1e,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-1f.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-1j.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-action-1l.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-1w.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-1x.ui-media-1x,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-1z.ui-row-1z,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-23-2.ui-text-23-2,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-24.ui-row-24,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-29.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-2n.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-2s.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-34.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-3n.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-3r.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-3t.ui-row-3t,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-3x.ui-grid-3x,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-48.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4e.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-4f.ui-row-4f,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4k.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-4m.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-4q.ui-grid-4q,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-4s.ui-row-4s,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-4u.ui-text-4u,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-4y.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-4z.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-51.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.ui-overlay-53,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-5i.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-65.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-6r.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.relative.ui-decoration-6s,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-size-6w.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7s.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-a.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-e.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-1l.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-grid-1p.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-stack-26.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-27.ui-text-27,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-28.ui-row-28,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-2e.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-75.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7v.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-34.ui-text-34,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-5u.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-text-3o.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-3z.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-action-57.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-5h.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-5p.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-63.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-68.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6i.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6p.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6r.ui-media-6r,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-media-6w.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-6y-2.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-7m.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-panel-7r.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-row-7t.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-spacing-85.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.home-blog-row__media.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.services-page-service-card__layout.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.services-page-service-card__link.services-page-service-card__link,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-2x.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-32-2.z-10,body.irandesigner-wp.blog section:has(.public-inner-hero-visual) > div.ui-style-3h.z-10{
		max-width: none;
	}

	body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--services .public-inner-hero-visual,
	body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual,
	body.irandesigner-wp.blog .public-inner-hero-visual {
		top: -4.4rem;
		left: -5.1rem;
		width: 15.5rem;
		height: 13.5rem;
		opacity: 0.5;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--services .public-inner-hero-visual,
	body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual,
	body.irandesigner-wp.blog .public-inner-hero-visual {
		animation: none;
	}
}

/* Final hero polish: the services archive keeps the same header artwork as
   other inner pages, but lets it travel farther into the hero before fading.
   This removes the apparent horizontal cut where its denser grid begins. */
body.irandesigner-wp.post-type-archive-ir_service.irandesigner-exact-ui #site-top {
	background-image:
		linear-gradient(
			180deg,
			rgba(255, 253, 249, 0.06) 0%,
			rgba(255, 253, 249, 0.18) 24%,
			rgba(255, 253, 249, 0.55) 55%,
			rgba(255, 253, 249, 0.88) 80%,
			#fffdf9 100%
		),
		url("../images/inner-header-glass-1440.webp");
	background-position: center top, center top;
	background-size: 100% clamp(32rem, 42vw, 38rem), auto clamp(32rem, 42vw, 38rem);
}

/* Web-design needs a composed surface, not loose UI fragments. The outer
   tilted canvas gives the browser/phone pair the same visual depth that made
   the Google Ads chart successful, while retaining a page-specific style. */
body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual {
	top: -2.25rem;
	left: -2.5rem;
	width: 16.5rem;
	height: 12.5rem;
	overflow: hidden;
	border: 1px solid rgba(55, 105, 174, 0.24);
	border-radius: 1.4rem;
	background: linear-gradient(145deg, rgba(249, 252, 255, 0.98), rgba(226, 238, 251, 0.92));
	box-shadow: 0 1.2rem 2.7rem rgba(39, 78, 137, 0.16);
	filter: none;
	opacity: 0.84;
	transform: none;
	animation: id-simple-service-float 9s ease-in-out infinite;
}

/* 2026-07-22 final rollback for non-service inner pages.
   Service detail heroes intentionally keep their seven semantic objects. */
body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) #site-top,
body.irandesigner-wp.post-type-archive-ir_service.irandesigner-exact-ui #site-top {
	background-image: none;
}

body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) nav[data-hero-nav-state] {
	background:
		radial-gradient(circle at 20% -28%, rgba(209, 154, 88, 0.1), transparent 448px),
		linear-gradient(180deg, rgba(255, 253, 249, 0.76) 0%, rgba(255, 253, 249, 0.46) 58%, transparent 100%);
}

body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) nav[data-hero-nav-state="solid"] {
	background:
		radial-gradient(circle at 12% 0, rgba(209, 154, 88, 0.12), transparent 544px),
		radial-gradient(circle at 82% -18%, rgba(16, 37, 75, 0.08), transparent 480px),
		linear-gradient(180deg, rgba(255, 253, 249, 0.94) 0%, rgba(250, 244, 234, 0.9) 100%);
}

/* Keep both semantic hero symbols completely inside their cropped cards. */
body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual::after {
	top: 3.15rem;
	right: 1.35rem;
	width: 8.5rem;
	height: 4.6rem;
	background: linear-gradient(90deg, #d19a58 0%, #c86c61 55%, #ad4f5a 100%);
	clip-path: polygon(0 76%, 67% 34%, 60% 18%, 100% 0, 92% 44%, 78% 31%, 6% 83%);
	opacity: 0.82;
	transform: none;
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::before {
	inset: 3.3rem 2rem 1.8rem;
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual::after {
	display: grid;
	place-items: center;
	top: 3.05rem;
	right: 1.55rem;
	width: 3.35rem;
	height: 3.35rem;
	content: "✈";
	border: 1px solid rgba(42, 120, 170, 0.24);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.86);
	color: #2a78aa;
	font-family: Arial, sans-serif;
	font-size: 1.85rem;
	font-weight: 700;
	line-height: 1;
	clip-path: none;
	box-shadow: 0 0.7rem 1.4rem rgba(31, 101, 137, 0.14);
	opacity: 0.94;
	transform: rotate(-18deg);
}

body.irandesigner-wp .id-inner-hero--about,
body.irandesigner-wp .id-inner-hero--contact,
body.irandesigner-wp .id-inner-hero--portfolio,
body.irandesigner-wp .id-inner-hero--blog,
body.irandesigner-wp .id-inner-hero--services,
body.irandesigner-wp.blog section:has(.public-inner-hero-visual),
body.irandesigner-wp.post-type-archive-ir_service section:has(.public-inner-hero-visual) {
	border-color: rgba(221, 209, 188, 0.78);
	background: linear-gradient(135deg, rgba(255, 252, 248, 0.94) 0%, rgba(248, 239, 226, 0.84) 55%, rgba(255, 255, 255, 0.9) 100%);
}

body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual,
body.irandesigner-wp .id-inner-hero--contact .public-inner-hero-visual,
body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual,
body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual,
body.irandesigner-wp .id-inner-hero--services .public-inner-hero-visual,
body.irandesigner-wp.blog .public-inner-hero-visual,
body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual {
	top: -10.45rem;
	right: auto;
	left: -12.15rem;
	width: 19.75rem;
	height: 19.75rem;
	overflow: visible;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: var(--ir-shadow-none);
	filter: none;
	opacity: 0.37;
	transform: none;
	translate: none;
	animation: none;
}

body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual::before,
body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual::after,
body.irandesigner-wp .id-inner-hero--contact .public-inner-hero-visual::before,
body.irandesigner-wp .id-inner-hero--contact .public-inner-hero-visual::after,
body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual::before,
body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual::after,
body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual::before,
body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual::after,
body.irandesigner-wp .id-inner-hero--services .public-inner-hero-visual::before,
body.irandesigner-wp .id-inner-hero--services .public-inner-hero-visual::after,
body.irandesigner-wp.blog .public-inner-hero-visual::before,
body.irandesigner-wp.blog .public-inner-hero-visual::after,
body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual::before,
body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual::after {
	display: none;
}

body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual__geometry,
body.irandesigner-wp .id-inner-hero--contact .public-inner-hero-visual__geometry,
body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual__geometry,
body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual__geometry,
body.irandesigner-wp .id-inner-hero--services .public-inner-hero-visual__geometry,
body.irandesigner-wp.blog .public-inner-hero-visual__geometry,
body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual__geometry {
	display: block;
	width: 100%;
	height: 100%;
	opacity: 1;
	animation: inner-hero-visual-spin 54s linear infinite;
}

/* The three retained service objects receive their own visual surfaces. */
body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual {
	top: -2.25rem;
	left: -2.5rem;
	width: 16.5rem;
	height: 12.5rem;
	overflow: hidden;
	border: 1px solid rgba(190, 83, 93, 0.22);
	border-radius: 1.4rem;
	background: linear-gradient(145deg, rgba(255, 251, 248, 0.98), rgba(248, 232, 224, 0.92));
	box-shadow: 0 1.2rem 2.7rem rgba(151, 67, 49, 0.14);
	opacity: 0.84;
	transform: none;
	animation: id-simple-service-float 9s ease-in-out infinite;
}

body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual {
	top: -2.25rem;
	left: -2.5rem;
	width: 16.5rem;
	height: 12.5rem;
	overflow: hidden;
	border: 1px solid rgba(42, 120, 170, 0.22);
	border-radius: 1.4rem;
	background: linear-gradient(145deg, rgba(248, 253, 255, 0.98), rgba(224, 241, 247, 0.92));
	box-shadow: 0 1.2rem 2.7rem rgba(31, 101, 137, 0.14);
	opacity: 0.84;
	transform: none;
	animation: id-simple-service-float 9s ease-in-out infinite;
}

body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual {
	top: -2.25rem;
	left: -2.5rem;
	width: 16.5rem;
	height: 12.5rem;
	overflow: hidden;
	border: 1px solid rgba(39, 139, 145, 0.22);
	border-radius: 1.4rem;
	background: linear-gradient(145deg, rgba(249, 254, 253, 0.98), rgba(225, 243, 239, 0.92));
	background-size: auto;
	box-shadow: 0 1.2rem 2.7rem rgba(28, 103, 108, 0.14);
	opacity: 0.84;
	transform: none;
	animation: id-simple-service-float 9s ease-in-out infinite;
}

@media (max-width: 767px) {
	body.irandesigner-wp .id-service-hero--web-design .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--marketing .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--travel-website-design .public-inner-hero-visual,
	body.irandesigner-wp .id-service-hero--medical-website-design .public-inner-hero-visual {
		top: -2.1rem;
		left: -3.9rem;
		width: 13.5rem;
		height: 10.25rem;
		opacity: 0.68;
	}

	body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--contact .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual,
	body.irandesigner-wp .id-inner-hero--services .public-inner-hero-visual,
	body.irandesigner-wp.blog .public-inner-hero-visual,
	body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual {
		top: -8.8rem;
		left: -10.5rem;
		width: 17rem;
		height: 17rem;
		opacity: 0.34;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.irandesigner-wp .id-inner-hero--about .public-inner-hero-visual__geometry,
	body.irandesigner-wp .id-inner-hero--contact .public-inner-hero-visual__geometry,
	body.irandesigner-wp .id-inner-hero--portfolio .public-inner-hero-visual__geometry,
	body.irandesigner-wp .id-inner-hero--blog .public-inner-hero-visual__geometry,
	body.irandesigner-wp .id-inner-hero--services .public-inner-hero-visual__geometry,
	body.irandesigner-wp.blog .public-inner-hero-visual__geometry,
	body.irandesigner-wp.post-type-archive-ir_service .public-inner-hero-visual__geometry {
		animation: none;
	}
}


/* Start-project brief form: product-led hierarchy and compact controls. */
body.irandesigner-wp .id-project-brief-form {
  overflow: hidden;
  border: 1px solid rgba(35, 74, 145, 0.14);
  background:
    radial-gradient(circle at 92% 2%, rgba(61, 196, 180, 0.09), transparent 26rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(248, 250, 255, 0.94));
  box-shadow: 0 28px 70px -48px rgba(24, 44, 83, 0.5);
}

.id-project-form-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

body.irandesigner-wp .id-project-form-stack > * {
  margin-top: 0;
}

.id-project-form-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem;
  width: fit-content;
  max-width: 100%;
  margin-top: 0.85rem;
  padding: 0.55rem 0.8rem;
  border: 1px solid rgba(35, 74, 145, 0.12);
  border-radius: var(--ir-radius-pill);
  background: rgba(255, 255, 255, 0.76);
  color: var(--muted-foreground);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.45;
}

.id-project-form-meta i {
  width: 0.28rem;
  height: 0.28rem;
  border-radius: var(--ir-radius-pill);
  background: var(--accent);
}

body.irandesigner-wp .id-project-brief-form section[data-form-step] {
  position: relative;
  padding: clamp(1rem, 2vw, 1.4rem);
  border: 1px solid rgba(35, 74, 145, 0.11);
  border-radius: 1.35rem;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 16px 36px -32px rgba(25, 44, 78, 0.55);
  backdrop-filter: blur(14px);
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

body.irandesigner-wp .id-project-brief-form section[data-form-step]:hover {
  border-color: rgba(35, 74, 145, 0.2);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 20px 44px -34px rgba(25, 44, 78, 0.62);
}

body.irandesigner-wp .id-project-brief-form section[hidden] {
  display: none;
}

body.irandesigner-wp .id-project-service-section > div:last-child {
  gap: 0.65rem;
}

body.irandesigner-wp .id-project-service-section [data-set-field="serviceType"] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.8rem;
  min-height: 4.35rem;
  padding: 0.78rem 0.9rem;
  border: 1px solid rgba(35, 74, 145, 0.14);
  border-radius: var(--ir-radius-card);
  background: rgba(255, 255, 255, 0.86);
  color: var(--foreground);
  text-align: right;
  box-shadow: var(--ir-shadow-none);
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

body.irandesigner-wp .id-project-service-section [data-set-field="serviceType"]:hover {
  transform: translateY(-1px);
  border-color: rgba(35, 74, 145, 0.3);
  background: #fff;
  box-shadow: 0 13px 28px -24px rgba(35, 74, 145, 0.68);
}

body.irandesigner-wp .id-project-service-section [data-set-field="serviceType"][aria-pressed="true"] {
  border-color: rgba(35, 74, 145, 0.58);
  background: linear-gradient(135deg, rgba(35, 74, 145, 0.1), rgba(61, 196, 180, 0.08));
  box-shadow: inset 0 0 0 1px rgba(35, 74, 145, 0.13), 0 14px 30px -25px rgba(35, 74, 145, 0.72);
}

.id-project-option-copy {
  display: grid;
  min-width: 0;
  gap: 0.22rem;
}

.id-project-option-copy strong {
  overflow: hidden;
  color: var(--foreground);
  font-size: 0.86rem;
  font-weight: 900;
  line-height: 1.55;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.id-project-option-copy small {
  overflow: hidden;
  color: var(--muted-foreground);
  font-size: 0.69rem;
  font-weight: 650;
  line-height: 1.55;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.id-project-option-check {
  display: inline-flex;
  width: 1.45rem;
  height: 1.45rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(35, 74, 145, 0.2);
  border-radius: var(--ir-radius-pill);
  background: rgba(255, 255, 255, 0.72);
  color: transparent;
  font-size: 0.72rem;
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

[aria-pressed="true"] > .id-project-option-check {
  border-color: var(--primary);
  background: var(--primary);
  color: var(--primary-foreground);
  transform: scale(1.04);
}

body.irandesigner-wp .id-project-details-section [data-set-field="websiteTopic"],
body.irandesigner-wp .id-project-details-section [data-set-field="projectMode"] {
  min-height: 2.65rem;
  border-color: rgba(35, 74, 145, 0.14);
  background: rgba(255, 255, 255, 0.84);
  box-shadow: var(--ir-shadow-none);
}

body.irandesigner-wp .id-project-details-section [data-set-field][aria-pressed="true"] {
  border-color: rgba(35, 74, 145, 0.5);
  background: rgba(35, 74, 145, 0.09);
  color: var(--primary);
  box-shadow: inset 0 0 0 1px rgba(35, 74, 145, 0.1);
}

body.irandesigner-wp .id-project-brief-form input:not([type="hidden"]),
body.irandesigner-wp .id-project-brief-form textarea {
  border-color: rgba(35, 74, 145, 0.16);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 18px -18px rgba(25, 44, 78, 0.55);
}

body.irandesigner-wp .id-project-brief-form input:not([type="hidden"]):focus-visible,
body.irandesigner-wp .id-project-brief-form textarea:focus-visible {
  border-color: rgba(35, 74, 145, 0.62);
  box-shadow: 0 0 0 4px rgba(35, 74, 145, 0.09);
}

.id-project-field {
  display: grid;
  min-width: 0;
  gap: 0.42rem;
}

.id-project-field-label,
.id-project-message-head label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  padding-inline: 0.15rem;
  color: var(--foreground);
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1.5;
}

.id-project-field-label span,
.id-project-message-head label span {
  border-radius: var(--ir-radius-pill);
  background: rgba(35, 74, 145, 0.06);
  padding: 0.16rem 0.48rem;
  color: var(--muted-foreground);
  font-size: 0.62rem;
  font-weight: 750;
}

.id-project-field-label span.is-required,
.id-project-message-head label span {
  background: rgba(177, 77, 62, 0.07);
  color: #a74c3d;
}

.id-project-message-section {
  display: grid;
  gap: 0.75rem;
}

.id-project-message-head {
  display: grid;
  gap: 0.3rem;
}

.id-project-message-head p {
  color: var(--muted-foreground);
  font-size: 0.72rem;
  font-weight: 650;
  line-height: 1.75;
}

body.irandesigner-wp .id-project-message-section textarea {
  min-height: 9rem;
  resize: vertical;
}

body.irandesigner-wp .id-project-palette-options {
  gap: 0.65rem;
}

body.irandesigner-wp .id-project-palette-options [data-palette-name] {
  border-color: rgba(35, 74, 145, 0.13);
  background: rgba(255, 255, 255, 0.84);
  box-shadow: var(--ir-shadow-none);
}

body.irandesigner-wp .id-project-palette-options [data-palette-name][aria-pressed="true"] {
  border-color: rgba(35, 74, 145, 0.48);
  background: rgba(35, 74, 145, 0.07);
  box-shadow: inset 0 0 0 1px rgba(35, 74, 145, 0.09);
}

body.irandesigner-wp .id-project-captcha {
  border: 1px solid rgba(35, 74, 145, 0.12);
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.72);
}

body.irandesigner-wp .id-project-submit-row {
  align-items: center;
  border-top: 1px solid rgba(35, 74, 145, 0.1);
  padding-top: 1rem;
}

.id-project-submit-row button[type="submit"] {
  min-width: 14.5rem;
}

@media (max-width: 767px) {
  body.irandesigner-wp .id-project-brief-form {
    padding: 0.9rem;
    border-radius: 1.45rem;
  }

  .id-project-form-stack {
    gap: 0.8rem;
  }

  .id-project-form-meta {
    width: 100%;
    border-radius: 0.9rem;
  }

  .id-project-form-meta i {
    display: none;
  }

  .id-project-form-meta span {
    width: 100%;
  }

  body.irandesigner-wp .id-project-service-section [data-set-field="serviceType"] {
    min-height: 4rem;
  }

  .id-project-option-copy strong,
  .id-project-option-copy small {
    white-space: normal;
  }

  body.irandesigner-wp .id-project-palette-options {
    display: flex;
    overflow-x: auto;
    margin-inline: -0.15rem;
    padding: 0.15rem 0.15rem 0.6rem;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }

  body.irandesigner-wp .id-project-palette-options [data-palette-name] {
    min-width: min(82vw, 19rem);
    flex: 0 0 min(82vw, 19rem);
    scroll-snap-align: start;
  }

  .id-project-submit-row button[type="submit"] {
    width: 100%;
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.irandesigner-wp .id-project-brief-form *,
  body.irandesigner-wp .id-project-brief-form *::before,
  body.irandesigner-wp .id-project-brief-form *::after {
    scroll-behavior: auto;
    transition-duration: 0.01ms;
  }
}

/* Service-detail mastheads have enough horizontal room on desktop. The
   imported max-w-5xl/max-w-4xl utilities made the summary wrap early while a
   visible part of the hero stayed unused. Let the copy use the full inner
   width and keep the short service summary on one deliberate line. */
@media (min-width: 1024px) {
  body.irandesigner-wp.single-ir_service .id-service-hero > div.relative.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-row-3.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-grid-a.ui-grid-a,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-row-m.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-style-q.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-style-z.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-spacing-17.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-style-1e.ui-style-1e,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-spacing-1f.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-row-1j.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-action-1l.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-panel-1w.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-media-1x.ui-media-1x,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-row-1z.ui-row-1z,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-text-23-2.ui-text-23-2,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-row-24.ui-row-24,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-text-29.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-panel-2n.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-style-2s.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-media-34.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-panel-3n.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-panel-3r.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-row-3t.ui-row-3t,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-grid-3x.ui-grid-3x,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-row-48.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-panel-4e.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-row-4f.ui-row-4f,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-panel-4k.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-panel-4m.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-grid-4q.ui-grid-4q,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-row-4s.ui-row-4s,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-text-4u.ui-text-4u,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-style-4y.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-media-4z.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-media-51.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.relative.ui-overlay-53,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-text-5i.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-text-65.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-panel-6r.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.relative.ui-decoration-6s,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-size-6w.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-panel-7s.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-row-a.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-row-e.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-text-1l.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-grid-1p.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-stack-26.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-text-27.ui-text-27,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-row-28.ui-row-28,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-media-2e.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-spacing-75.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-panel-7v.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-text-34.ui-text-34,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-style-5u.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-text-3o.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-spacing-3z.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-action-57.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-media-5h.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-media-5p.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-media-63.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-media-68.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-media-6i.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-media-6p.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-media-6r.ui-media-6r,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-media-6w.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-row-6y-2.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-spacing-7m.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-panel-7r.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-row-7t.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-spacing-85.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.home-blog-row__media.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.services-page-service-card__layout.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.services-page-service-card__link.services-page-service-card__link,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-style-2x.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-style-32-2.z-10,body.irandesigner-wp.single-ir_service .id-service-hero > div.ui-style-3h.z-10{
    max-width: none;
  }

  body.irandesigner-wp.single-ir_service .id-service-hero .public-inner-hero-description {
    width: 100%;
    max-width: none;
  }
}

@media (min-width: 1280px) {
  body.irandesigner-wp.single-ir_service .id-service-hero .public-inner-hero-description {
    white-space: nowrap;
    text-wrap: nowrap;
  }
}

/* Final cascade guard: author names already include the canonical SVG icon. */
body.irandesigner-wp.blog article a[href*="/author/"]::before {
  display: none;
  content: none;
}

/* Final live header cascade.
   Keep the mobile/tablet internal header visually identical to the homepage,
   remove the sticky drop shadow at every breakpoint, and share the internal
   decorative divider with the homepage. */
body.irandesigner-wp nav[data-public-nav-scrolled="true"],
body.irandesigner-wp nav[data-hero-nav-state="solid"] {
  box-shadow: var(--ir-shadow-none);
}

body.irandesigner-wp nav[data-hero-nav-state]::after {
  display: none;
  height: 0;
  content: none;
  background: none;
  box-shadow: var(--ir-shadow-none);
  opacity: 0;
}

body.is-irandesigner-home nav[data-hero-nav-state]::before {
  position: absolute;
  right: max(1rem, calc((100% - 77rem) / 2));
  bottom: 0;
  left: max(1rem, calc((100% - 77rem) / 2));
  z-index: 1;
  height: 1px;
  content: "";
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(19, 91, 37, 0.22) 28%,
    rgba(209, 154, 88, 0.58) 50%,
    rgba(183, 49, 51, 0.22) 72%,
    transparent 100%
  );
  box-shadow: 0 0 9px rgba(209, 154, 88, 0.12);
  opacity: 0.72;
}

/* Keep the homepage divider below the desktop dropdown layer. The glass shell
   creates its own stacking context, so raising only the popover is not enough:
   its full ancestor chain must sit above the decorative nav hairline. */
@media (min-width: 1280px) {
  body.is-irandesigner-home nav[data-hero-nav-state] {
    isolation: isolate;
  }

  body.is-irandesigner-home nav[data-hero-nav-state]::before {
    z-index: 0;
  }

  body.irandesigner-wp.is-irandesigner-home nav[data-hero-nav-state] .public-shell-container,
  body.irandesigner-wp.is-irandesigner-home nav[data-hero-nav-state] .public-nav-glass--desktop {
    position: relative;
    z-index: 20;
    overflow: visible;
  }

  body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] {
    position: relative;
    z-index: 30;
  }

  body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .relative.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-row-3.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-grid-a.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-row-m.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-style-q.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-style-z.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-spacing-17.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-style-1e.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-spacing-1f.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-row-1j.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-action-1l.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-panel-1w.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-media-1x.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-row-1z.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-text-23-2.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-row-24.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-text-29.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-panel-2n.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-style-2s.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-media-34.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-panel-3n.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-panel-3r.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-row-3t.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-grid-3x.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-row-48.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-panel-4e.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-row-4f.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-panel-4k.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-panel-4m.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-grid-4q.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-row-4s.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-text-4u.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-style-4y.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-media-4z.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-media-51.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-text-5i.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-text-65.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-panel-6r.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-size-6w.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-panel-7s.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-row-a.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-row-e.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-text-1l.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-grid-1p.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-stack-26.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-text-27.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-row-28.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-media-2e.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-spacing-75.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-panel-7v.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-text-34.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-style-5u.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-text-3o.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-spacing-3z.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-action-57.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-media-5h.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-media-5p.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-media-63.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-media-68.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-media-6i.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-media-6p.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-media-6r.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-media-6w.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-row-6y-2.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-spacing-7m.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-panel-7r.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-row-7t.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-spacing-85.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .home-blog-row__media.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .services-page-service-card__layout.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .services-page-service-card__link.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-style-2x.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-style-32-2.group,body.is-irandesigner-home nav[data-hero-nav-state] [data-public-nav-link-list] > .ui-style-3h.group{
    z-index: 40;
  }

  body.irandesigner-wp.is-irandesigner-home nav[data-hero-nav-state] .public-nav-popover {
    z-index: 60;
  }
}

@media (max-width: 1279px) {
  body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) nav[data-hero-nav-state="top"] {
    border-bottom-color: transparent;
    background:
      radial-gradient(circle at 20% -28%, rgba(209, 154, 88, 0.1), transparent 28rem),
      linear-gradient(180deg, rgba(255, 253, 249, 0.76) 0%, rgba(255, 253, 249, 0.46) 58%, transparent 100%);
    box-shadow: var(--ir-shadow-none);
    -webkit-backdrop-filter: saturate(132%) blur(12px);
    backdrop-filter: saturate(132%) blur(12px);
  }

  body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) nav[data-hero-nav-state="solid"],
  body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) nav[data-public-nav-scrolled="true"] {
    border-bottom: 1px solid rgba(209, 154, 88, 0.16);
    background:
      radial-gradient(circle at 12% 0, rgba(209, 154, 88, 0.12), transparent 34rem),
      radial-gradient(circle at 82% -18%, rgba(16, 37, 75, 0.08), transparent 30rem),
      linear-gradient(180deg, rgba(255, 253, 249, 0.94) 0%, rgba(250, 244, 234, 0.9) 100%);
    box-shadow: var(--ir-shadow-none);
    -webkit-backdrop-filter: saturate(155%) blur(18px);
    backdrop-filter: saturate(155%) blur(18px);
  }

  body.irandesigner-wp.irandesigner-exact-ui:not(.is-irandesigner-home):not(.error404) nav[data-hero-nav-state] .public-nav-glass {
    border-color: transparent;
    background: transparent;
    box-shadow: var(--ir-shadow-none);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

/* Give the trust-strip label a touch more breathing room from the stars. The
   award column keeps its previous rhythm. */
body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof > div:nth-child(2) {
  gap: 0.55rem;
}

@media (max-width: 360px) {
  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof > div:nth-child(2) {
    gap: 0.45rem;
  }
}

/* Mobile/tablet section rhythm.
   With the three hero artworks hidden, the imported 690/720px minimum height
   reserved a large empty canvas below the trust strip. Let the visible copy
   define the hero height, keep a compact hand-off to the process ribbon, and
   give every home section the same restrained brand divider. */
@media (max-width: 1279px) {
  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] {
    min-height: 0;
    height: auto;
    padding-bottom: 1.5rem;
  }

  body.irandesigner-wp.is-irandesigner-home #home-hero-strip {
    margin-top: -0.5rem;
  }

  body.irandesigner-wp.is-irandesigner-home [data-home-page-scroll="true"] > section:not(:last-of-type) {
    border-bottom: 1px solid transparent;
    border-image-source: linear-gradient(
      90deg,
      transparent 0%,
      rgba(16, 37, 75, 0.24) 18%,
      rgba(209, 154, 88, 0.52) 54%,
      rgba(183, 49, 51, 0.24) 82%,
      transparent 100%
    );
    border-image-slice: 1;
  }

  /* The two desktop glow orbs duplicate the section atmosphere at narrower
     widths and their blurred boxes can read as a hard-edged rectangle. */
  body.irandesigner-wp.is-irandesigner-home .home-decision-tabs-section > [aria-hidden="true"],
  body.irandesigner-wp.is-irandesigner-home .home-decision-tabs-section::before {
    display: none;
  }
}

/* Trust strip: three explicit visual columns.
   The previous two-column layout grouped the text with the stars, which made
   their spacing drift at different widths. `display: contents` promotes the
   label and star row into the outer grid without changing the HTML. */
body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof {
  grid-template-columns: auto minmax(0, 1fr) auto;
  column-gap: 0.55rem;
}

body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof > div:nth-child(2) {
  display: contents;
}

body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof-award {
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
}

body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof > div:nth-child(2) p {
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  text-align: center;
  /* The crown card is visually scaled while its grid track keeps the original
     width. Compensate for half of that one-sided visual inset so the label is
     centered between the visible inner edges of the stars and crown. */
  transform: translateX(0.14rem);
}

body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof-stars {
  grid-column: 3;
  grid-row: 1;
  justify-self: center;
}

@media (max-width: 1279px) {
  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof > div:nth-child(2) p {
    transform: translateX(0.135rem);
  }

}

@media (max-width: 480px) {
  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof > div:nth-child(2) p {
    transform: translateX(0.15rem);
  }
}

@media (max-width: 360px) {
  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof > div:nth-child(2) p {
    transform: translateX(0.17rem);
  }
}

/* Action controls use a restrained corner system instead of full pills.
   Status chips, badges and icon-only controls intentionally keep their
   circular/pill geometry so interaction types remain visually distinct. */
body.irandesigner-wp .brand-button-motion--primary,
body.irandesigner-wp .brand-button-motion--outline,
body.irandesigner-wp .brand-button-motion--ghost {
  border-radius: var(--ir-action-radius-default);
}

body.irandesigner-wp .public-nav-glass .brand-button-motion--primary,
body.irandesigner-wp [data-public-mobile-menu] .brand-button-motion--primary,
body.irandesigner-wp [data-public-mobile-menu] a.brand-button-motion:not(.public-header-social-link) {
  border-radius: var(--ir-action-radius-compact);
}

body.irandesigner-wp .brand-button-motion--primary.h-14,
body.irandesigner-wp .brand-button-motion--outline.h-14,
body.irandesigner-wp .brand-button-motion--primary.h-16,
body.irandesigner-wp .brand-button-motion--outline.h-16,
body.irandesigner-wp .footer-newsletter-submit,body.irandesigner-wp .brand-button-motion--primary.ui-action-i,body.irandesigner-wp .brand-button-motion--outline.ui-action-i,body.irandesigner-wp .brand-button-motion--primary.ui-action-k,body.irandesigner-wp .brand-button-motion--outline.ui-action-k,body.irandesigner-wp .brand-button-motion--primary.ui-action-4g,body.irandesigner-wp .brand-button-motion--outline.ui-action-4g,body.irandesigner-wp .brand-button-motion--primary.ui-action-4j,body.irandesigner-wp .brand-button-motion--outline.ui-action-4j,body.irandesigner-wp .brand-button-motion--primary.ui-action-4l,body.irandesigner-wp .brand-button-motion--outline.ui-action-4l,body.irandesigner-wp .brand-button-motion--primary.ui-action-7x,body.irandesigner-wp .brand-button-motion--outline.ui-action-7x,body.irandesigner-wp .brand-button-motion--primary.ui-action-7y,body.irandesigner-wp .brand-button-motion--outline.ui-action-7y,body.irandesigner-wp .brand-button-motion--primary.ui-text-23,body.irandesigner-wp .brand-button-motion--outline.ui-text-23,body.irandesigner-wp .brand-button-motion--primary.ui-action-24,body.irandesigner-wp .brand-button-motion--outline.ui-action-24,body.irandesigner-wp .brand-button-motion--primary.ui-text-7a,body.irandesigner-wp .brand-button-motion--outline.ui-text-7a,body.irandesigner-wp .brand-button-motion--primary.ui-action-7b,body.irandesigner-wp .brand-button-motion--outline.ui-action-7b,body.irandesigner-wp .brand-button-motion--primary.ui-text-3x,body.irandesigner-wp .brand-button-motion--outline.ui-text-3x,body.irandesigner-wp .brand-button-motion--primary.ui-action-3y,body.irandesigner-wp .brand-button-motion--outline.ui-action-3y,body.irandesigner-wp .brand-button-motion--primary.ui-action-57,body.irandesigner-wp .brand-button-motion--outline.ui-action-57,body.irandesigner-wp .brand-button-motion--primary.ui-action-73,body.irandesigner-wp .brand-button-motion--outline.ui-action-73,body.irandesigner-wp .brand-button-motion--primary.ui-action-74,body.irandesigner-wp .brand-button-motion--outline.ui-action-74,body.irandesigner-wp .brand-button-motion--primary.ui-action-7k,body.irandesigner-wp .brand-button-motion--outline.ui-action-7k,body.irandesigner-wp .brand-button-motion--primary.home-blog-row__media,body.irandesigner-wp .brand-button-motion--outline.home-blog-row__media,body.irandesigner-wp .brand-button-motion--primary.ui-style-3k,body.irandesigner-wp .brand-button-motion--outline.ui-style-3k,body.irandesigner-wp .brand-button-motion--primary.ui-style-3l,body.irandesigner-wp .brand-button-motion--outline.ui-style-3l{
  border-radius: var(--ir-action-radius-large);
}

body.irandesigner-wp a[href^="/start-project"].inline-flex.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-media-c.bg-primary,body.irandesigner-wp a[href^="/start-project"].inline-flex.ui-size-d,body.irandesigner-wp a[href^="/start-project"].ui-action-i.ui-action-i,body.irandesigner-wp a[href^="/start-project"].ui-action-k.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-n.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-r.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-row-1h.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-media-1i.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-1k.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-1l.ui-action-1l,body.irandesigner-wp a[href^="/start-project"].ui-action-1s.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-2y.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-overlay-37.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-3w.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-49.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-4g.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-4j.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-4l.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-4n.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-4t.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-media-5r.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-row-5z.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-media-67.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-6g.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-6n.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-7f.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-7p.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-7x.ui-action-7x,body.irandesigner-wp a[href^="/start-project"].ui-action-7y.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-5.ui-action-5,body.irandesigner-wp a[href^="/start-project"].ui-action-6.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-row-a.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-row-e.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-z.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-1i.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-1j.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-1k-2.ui-action-1k-2,body.irandesigner-wp a[href^="/start-project"].ui-action-1u.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-row-1z-2.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-24.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-overlay-29.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-2c.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-overlay-2p.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-media-36.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-7b.ui-action-7b,body.irandesigner-wp a[href^="/start-project"].ui-media-3s.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-3y.ui-action-3y,body.irandesigner-wp a[href^="/start-project"].ui-action-4b.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-4h.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-4n-2.bg-primary,body.irandesigner-wp a[href^="/start-project"].inline-flex.ui-size-52,body.irandesigner-wp a[href^="/start-project"].ui-row-54-2.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-57.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-media-5e.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-row-5f.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-overlay-5k.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-media-5t.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-row-5y.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-overlay-6k.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-6s.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-73.ui-action-73,body.irandesigner-wp a[href^="/start-project"].ui-action-74.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-action-7k.ui-action-7k,body.irandesigner-wp a[href^="/start-project"].ui-row-7t.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-media-7y.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-row-81.bg-primary,body.irandesigner-wp a[href^="/start-project"].home-blog-row__index.bg-primary,body.irandesigner-wp a[href^="/start-project"].ir-pagination__control.bg-primary,body.irandesigner-wp a[href^="/start-project"].ir-pagination__control--edge.bg-primary,body.irandesigner-wp a[href^="/start-project"].ui-style-3l.ui-style-3l{
  border-radius: var(--ir-action-radius-default);
}

/* Unified frontend control language.
   Text actions and editable fields use the same restrained corner scale,
   warm brand focus, shadow and motion. Semantic chips, status badges and
   icon-only controls intentionally retain their pill/circle geometry. */
.id-button {
  border-radius: var(--ir-action-radius-default);
}

body.irandesigner-wp .id-search-input,
body.irandesigner-wp .id-search-submit,
body.irandesigner-wp [data-blog-search-form] input[type="search"],
body.irandesigner-wp [data-blog-search-form] button[type="submit"] {
  border-radius: var(--ir-action-radius-large);
  transition:
    transform var(--ir-control-motion),
    border-color var(--ir-control-motion),
    background-color var(--ir-control-motion),
    color var(--ir-control-motion),
    box-shadow var(--ir-control-motion);
}

body.irandesigner-wp .id-search-input,
body.irandesigner-wp [data-blog-search-form] input[type="search"] {
  border-color: var(--ir-control-border);
  background: var(--ir-control-surface);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 82%), var(--ir-control-shadow);
}

body.irandesigner-wp .id-search-input:hover,
body.irandesigner-wp [data-blog-search-form] input[type="search"]:hover {
  border-color: var(--ir-control-border-hover);
}

body.irandesigner-wp .id-search-input:focus,
body.irandesigner-wp .id-search-input:focus-visible,
body.irandesigner-wp [data-blog-search-form] input[type="search"]:focus,
body.irandesigner-wp [data-blog-search-form] input[type="search"]:focus-visible {
  border-color: rgb(159 77 62 / 56%);
  background: #fff;
  box-shadow: var(--ir-control-focus), inset 0 1px 0 rgb(255 255 255 / 92%);
}

body.irandesigner-wp .id-search-submit,
body.irandesigner-wp [data-blog-search-form] button[type="submit"] {
  border: 1px solid rgb(159 77 62 / 48%);
  background: linear-gradient(135deg, #9f4d3e 0%, #b85a43 58%, #8f4036 100%);
  color: #fffaf3;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 18%),
    0 18px 42px -22px rgb(159 77 62 / 62%);
  cursor: pointer;
}

body.irandesigner-wp .id-search-submit:hover,
body.irandesigner-wp [data-blog-search-form] button[type="submit"]:hover {
  transform: translateY(-1px);
  border-color: rgb(159 77 62 / 64%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 22%),
    var(--ir-control-shadow-hover);
}

body.irandesigner-wp .id-search-submit:focus-visible,
body.irandesigner-wp [data-blog-search-form] button[type="submit"]:focus-visible {
  outline: none;
  box-shadow: var(--ir-control-focus),
    inset 0 1px 0 rgb(255 255 255 / 22%),
    0 18px 42px -22px rgb(159 77 62 / 62%);
}

.ir-pagination,
.id-pagination-list,
.nav-links,.ui-row-60{
  direction: rtl;
  gap: 0.55rem;
}

.ir-pagination__ellipsis {
  display: inline-flex;
  min-width: 1.35rem;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  color: rgb(85 74 68 / 72%);
  font-size: 1rem;
  font-weight: 850;
  letter-spacing: 0.08em;
}

body.irandesigner-wp .ir-pagination__item,
body.irandesigner-wp .ir-pagination > :is(a, span):not(.ir-pagination__ellipsis),
body.irandesigner-wp .id-pagination .page-numbers,
body.irandesigner-wp .nav-links .page-numbers,body.irandesigner-wp .ui-row-60 > :is(a, span):not(.ir-pagination__ellipsis){
  display: inline-flex;
  min-width: 2.75rem;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ir-control-border);
  border-radius: var(--ir-action-radius-compact);
  background: linear-gradient(145deg, rgb(255 255 255 / 98%), var(--ir-control-surface));
  color: var(--id-muted-foreground);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 88%), var(--ir-control-shadow);
  cursor: pointer;
  transition:
    transform var(--ir-control-motion),
    border-color var(--ir-control-motion),
    background var(--ir-control-motion),
    color var(--ir-control-motion),
    box-shadow var(--ir-control-motion);
}

body.irandesigner-wp .ir-pagination__item--edge,
body.irandesigner-wp .ir-pagination > :is(a, span)[rel="prev"],
body.irandesigner-wp .ir-pagination > :is(a, span)[rel="next"],
body.irandesigner-wp .id-pagination .page-numbers.prev,
body.irandesigner-wp .id-pagination .page-numbers.next,
body.irandesigner-wp .nav-links .page-numbers.prev,
body.irandesigner-wp .nav-links .page-numbers.next,body.irandesigner-wp .ui-row-60 > :is(a, span)[rel="prev"],body.irandesigner-wp .ui-row-60 > :is(a, span)[rel="next"]{
  border-radius: var(--ir-action-radius-default);
  padding-inline: 1rem;
}

body.irandesigner-wp .ir-pagination__item:hover,
body.irandesigner-wp .ir-pagination > :is(a, span):not(.ir-pagination__ellipsis):hover,
body.irandesigner-wp .id-pagination .page-numbers:hover,
body.irandesigner-wp .nav-links .page-numbers:hover,body.irandesigner-wp .ui-row-60 > :is(a, span):not(.ir-pagination__ellipsis):hover{
  transform: translateY(-1px);
  border-color: var(--ir-control-border-hover);
  background: linear-gradient(145deg, #fff, rgb(159 77 62 / 7%));
  color: var(--id-primary);
  box-shadow: var(--ir-control-shadow-hover);
}

body.irandesigner-wp .ir-pagination__item.is-current,
body.irandesigner-wp .ir-pagination__item[aria-current="page"],
body.irandesigner-wp .ir-pagination > :is(a, span)[aria-current="page"],
body.irandesigner-wp .id-pagination .page-numbers.current,
body.irandesigner-wp .nav-links .page-numbers.current,body.irandesigner-wp .ui-row-60 > :is(a, span)[aria-current="page"]{
  border-color: rgb(159 77 62 / 58%);
  background: linear-gradient(135deg, #9f4d3e 0%, #b85a43 60%, #8f4036 100%);
  color: #fffaf3;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 18%),
    0 18px 40px -22px rgb(159 77 62 / 64%);
  transform: none;
}

body.irandesigner-wp .ir-pagination__item:focus-visible,
body.irandesigner-wp .ir-pagination > :is(a, span):not(.ir-pagination__ellipsis):focus-visible,
body.irandesigner-wp .id-pagination .page-numbers:focus-visible,
body.irandesigner-wp .nav-links .page-numbers:focus-visible,body.irandesigner-wp .ui-row-60 > :is(a, span):not(.ir-pagination__ellipsis):focus-visible{
  outline: none;
  box-shadow: var(--ir-control-focus), var(--ir-control-shadow);
}

body.irandesigner-wp #site-footer input[type="email"],
body.irandesigner-wp .blog-page form input[type="email"] {
  border-radius: var(--ir-action-radius-large);
  padding-inline: 1rem;
  font-size: 0.95rem;
  transition:
    border-color var(--ir-control-motion),
    background-color var(--ir-control-motion),
    box-shadow var(--ir-control-motion);
}

body.irandesigner-wp #site-footer input[type="email"]:hover,
body.irandesigner-wp .blog-page form input[type="email"]:hover {
  border-color: rgb(245 213 141 / 34%);
}

body.irandesigner-wp #site-footer input[type="email"]:focus-visible {
  border-color: rgb(245 213 141 / 52%);
  box-shadow: 0 0 0 4px rgb(245 213 141 / 10%);
}

body.irandesigner-wp .blog-page form input[type="email"]:focus-visible {
  border-color: rgb(159 77 62 / 48%);
  box-shadow: var(--ir-control-focus);
}

body.irandesigner-wp .footer-newsletter-submit,
body.irandesigner-wp #site-footer input[type="email"] + button,
body.irandesigner-wp .blog-page form input[type="email"] + button {
  border-radius: var(--ir-action-radius-large);
  font-size: 1rem;
  font-weight: 850;
}

body.irandesigner-wp.single-post .id-comment-field__control,
body.irandesigner-wp.single-post .id-comment-captcha__refresh,
body.irandesigner-wp .comment-form input:not([type="checkbox"]):not([type="submit"]),
body.irandesigner-wp .comment-form textarea,
body.irandesigner-wp .irandesigner-widget input:not([type="submit"]),
body.irandesigner-wp .irandesigner-widget textarea,
body.irandesigner-wp .irandesigner-widget select {
  border-radius: var(--ir-action-radius-default);
}

body.irandesigner-wp .id-project-brief-form :is(input, textarea, select).rounded-xl,
body.irandesigner-wp .id-project-brief-form button.rounded-xl,body.irandesigner-wp .id-project-brief-form :is(input, textarea, select).ui-action-20,body.irandesigner-wp .id-project-brief-form button.ui-action-20,body.irandesigner-wp .id-project-brief-form :is(input, textarea, select).ui-action-26,body.irandesigner-wp .id-project-brief-form button.ui-action-26,body.irandesigner-wp .id-project-brief-form :is(input, textarea, select).ui-action-27,body.irandesigner-wp .id-project-brief-form button.ui-action-27,body.irandesigner-wp .id-project-brief-form :is(input, textarea, select).ui-action-28,body.irandesigner-wp .id-project-brief-form button.ui-action-28,body.irandesigner-wp .id-project-brief-form :is(input, textarea, select).ui-action-5h,body.irandesigner-wp .id-project-brief-form button.ui-action-5h,body.irandesigner-wp .id-project-brief-form :is(input, textarea, select).ui-action-5k,body.irandesigner-wp .id-project-brief-form button.ui-action-5k,body.irandesigner-wp .id-project-brief-form :is(input, textarea, select).ui-action-5l,body.irandesigner-wp .id-project-brief-form button.ui-action-5l,body.irandesigner-wp .id-project-brief-form :is(input, textarea, select).ui-action-j,body.irandesigner-wp .id-project-brief-form button.ui-action-j,body.irandesigner-wp .id-project-brief-form :is(input, textarea, select).ui-text-y-2,body.irandesigner-wp .id-project-brief-form button.ui-text-y-2,body.irandesigner-wp .id-project-brief-form :is(input, textarea, select).ui-action-4n-2,body.irandesigner-wp .id-project-brief-form button.ui-action-4n-2,body.irandesigner-wp .id-project-brief-form :is(input, textarea, select).ui-panel-7j,body.irandesigner-wp .id-project-brief-form button.ui-panel-7j{
  border-radius: var(--ir-action-radius-default);
}

body.irandesigner-wp .id-project-brief-form :is(input:not([type="hidden"]), textarea, select) {
  border-color: var(--ir-control-border);
  background: var(--ir-control-surface);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 82%), var(--ir-control-shadow);
  transition:
    border-color var(--ir-control-motion),
    background-color var(--ir-control-motion),
    box-shadow var(--ir-control-motion);
}

body.irandesigner-wp .id-project-brief-form :is(input:not([type="hidden"]), textarea, select):hover {
  border-color: var(--ir-control-border-hover);
}

body.irandesigner-wp .id-project-brief-form :is(input:not([type="hidden"]), textarea, select):focus-visible {
  border-color: rgb(159 77 62 / 52%);
  background: #fff;
  box-shadow: var(--ir-control-focus), inset 0 1px 0 rgb(255 255 255 / 92%);
}

body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .rounded-full):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-c):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-d):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-i):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-k):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-n):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-o):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-p):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-r):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-x):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-1b):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-1c):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-1i):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1k):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1l):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-container-1n):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-heading-1q):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1s):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.ui-action-20, .rounded-full):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.ui-action-26, .rounded-full):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.ui-action-27, .rounded-full):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.ui-action-28, .rounded-full):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-2d):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-2e):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-2h):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-2o):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-2v):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-2w):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-2y):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-37):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-4n):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-4v):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-4w):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-53):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-55):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-56):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-57):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-58):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-5b):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-5c):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.ui-action-5h, .rounded-full):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.ui-action-5k, .rounded-full):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.ui-action-5l, .rounded-full):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-5r):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-62):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-63):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-67):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-6g):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-6n):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-6t):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-6u):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-6v):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-heading-77):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-7f):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-7p):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-7t):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-7u):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-7x):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-7y):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-5):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-6):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-9):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.ui-action-j, .rounded-full):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.ui-text-y-2, .rounded-full):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-z):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1i):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1j):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1k-2):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-1n):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-1o):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1u):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-text-23):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-24):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-29):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-2c):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-heading-2k-2):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-heading-2n):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-2p):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-36):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-container-3d):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-3p):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-3q):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-3s):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-text-3x):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-3y):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-43):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-4b):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.ui-action-4n-2, .rounded-full):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-51):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-52):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-5e):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-5k):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-5r):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-5t):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-row-5y):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-5z):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-6a):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-text-6f):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-6k):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-6s):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-6x):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-73):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-74):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.ui-panel-7j, .rounded-full):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-7k):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-7y):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-container-82):not(.brand-button-motion),body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .home-blog-row__index):not(.brand-button-motion){
  border-color: var(--ir-control-border);
  background-color: var(--ir-control-surface);
  transition:
    transform var(--ir-control-motion),
    border-color var(--ir-control-motion),
    background-color var(--ir-control-motion),
    color var(--ir-control-motion),
    box-shadow var(--ir-control-motion);
}

body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .rounded-full):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-c):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-d):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-i):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-k):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-n):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-o):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-p):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-r):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-x):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-1b):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-1c):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-1i):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1k):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1l):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-container-1n):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-heading-1q):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1s):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.ui-action-20, .rounded-full):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.ui-action-26, .rounded-full):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.ui-action-27, .rounded-full):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.ui-action-28, .rounded-full):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-2d):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-2e):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-2h):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-2o):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-2v):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-2w):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-2y):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-37):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-4n):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-4v):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-4w):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-53):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-55):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-56):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-57):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-58):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-5b):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-5c):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.ui-action-5h, .rounded-full):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.ui-action-5k, .rounded-full):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.ui-action-5l, .rounded-full):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-5r):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-62):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-63):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-67):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-6g):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-6n):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-6t):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-6u):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-6v):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-heading-77):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-7f):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-7p):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-7t):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-7u):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-7x):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-7y):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-5):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-6):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-9):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.ui-action-j, .rounded-full):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.ui-text-y-2, .rounded-full):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-z):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1i):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1j):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1k-2):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-1n):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-1o):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1u):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-text-23):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-24):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-29):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-2c):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-heading-2k-2):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-heading-2n):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-2p):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-36):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-container-3d):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-3p):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-3q):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-3s):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-text-3x):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-3y):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-43):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-4b):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.ui-action-4n-2, .rounded-full):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-51):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-52):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-5e):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-5k):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-5r):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-5t):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-row-5y):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-5z):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-6a):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-text-6f):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-6k):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-6s):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-6x):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-73):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-74):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.ui-panel-7j, .rounded-full):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-7k):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-7y):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-container-82):not(.brand-button-motion):hover,body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .home-blog-row__index):not(.brand-button-motion):hover{
  transform: translateY(-1px);
  border-color: var(--ir-control-border-hover);
  background-color: #fff;
  box-shadow: var(--ir-control-shadow);
}

body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-c):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-d):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-i):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-k):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-n):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-o):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-p):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-r):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-x):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-1b):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-1c):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-1i):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1k):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1l):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-container-1n):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-heading-1q):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1s):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.ui-action-20, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.ui-action-26, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.ui-action-27, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.ui-action-28, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-2d):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-2e):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-2h):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-2o):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-2v):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-2w):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-2y):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-37):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-4n):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-4v):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-4w):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-53):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-55):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-56):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-57):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-58):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-5b):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-5c):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.ui-action-5h, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.ui-action-5k, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.ui-action-5l, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-5r):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-62):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-63):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-67):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-6g):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-6n):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-6t):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-6u):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-6v):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-heading-77):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-7f):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-7p):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-7t):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-7u):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-7x):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-7y):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-5):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-6):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-9):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.ui-action-j, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.ui-text-y-2, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-z):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1i):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1j):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1k-2):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-1n):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-1o):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-1u):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-text-23):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-24):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-29):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-2c):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-heading-2k-2):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-heading-2n):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-2p):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-36):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-container-3d):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-3p):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-3q):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-3s):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-text-3x):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-3y):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-43):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-4b):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.ui-action-4n-2, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-51):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-52):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-5e):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-5k):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-5r):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-5t):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-row-5y):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-size-5z):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-6a):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-text-6f):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-overlay-6k):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-6s):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-decoration-6x):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-73):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-74):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.ui-panel-7j, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-action-7k):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-media-7y):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .ui-container-82):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp .id-project-brief-form button:is(.rounded-xl, .home-blog-row__index):not(.brand-button-motion)[aria-pressed="true"]{
  border-color: rgb(159 77 62 / 52%);
  background-color: rgb(159 77 62 / 8%);
  color: var(--id-primary);
  box-shadow: inset 0 0 0 1px rgb(159 77 62 / 8%);
  transform: none;
}

body.irandesigner-wp.single-post .id-comment-field__control:focus-visible {
  border-color: rgb(159 77 62 / 52%);
  box-shadow: var(--ir-control-focus),
    inset 0 1px 0 rgb(255 255 255 / 92%);
}

@media (max-width: 640px) {
  body.irandesigner-wp .ir-pagination__item,
  body.irandesigner-wp .ir-pagination > :is(a, span):not(.ir-pagination__ellipsis),
  body.irandesigner-wp .id-pagination .page-numbers,
  body.irandesigner-wp .nav-links .page-numbers,body.irandesigner-wp .ui-row-60 > :is(a, span):not(.ir-pagination__ellipsis){
    min-width: 2.75rem;
    min-height: 2.75rem;
    padding-inline: 0.7rem;
    border-radius: var(--ir-radius-control-sm);
    font-size: 0.75rem;
  }

  body.irandesigner-wp .ir-pagination__item--edge,
  body.irandesigner-wp .ir-pagination > :is(a, span)[rel="prev"],
  body.irandesigner-wp .ir-pagination > :is(a, span)[rel="next"],
  body.irandesigner-wp .id-pagination .page-numbers.prev,
  body.irandesigner-wp .id-pagination .page-numbers.next,
  body.irandesigner-wp .nav-links .page-numbers.prev,
  body.irandesigner-wp .nav-links .page-numbers.next,body.irandesigner-wp .ui-row-60 > :is(a, span)[rel="prev"],body.irandesigner-wp .ui-row-60 > :is(a, span)[rel="next"]{
    border-radius: var(--ir-action-radius-compact);
    padding-inline: 0.85rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.irandesigner-wp .id-search-input,
  body.irandesigner-wp .id-search-submit,
  body.irandesigner-wp [data-blog-search-form] input[type="search"],
  body.irandesigner-wp [data-blog-search-form] button[type="submit"],
  body.irandesigner-wp .ir-pagination__item,
  body.irandesigner-wp .ir-pagination > :is(a, span):not(.ir-pagination__ellipsis),
  body.irandesigner-wp .id-pagination .page-numbers,
  body.irandesigner-wp .nav-links .page-numbers,body.irandesigner-wp .ui-row-60 > :is(a, span):not(.ir-pagination__ellipsis){
    transition-duration: 0.01ms;
  }
}

/* 2.0.5 — optical header alignment and one coherent form geometry.
   The desktop logo mark has a small transparent inset inside its SVG, so a
   restrained optical offset keeps its visible edge aligned with the content
   cards below without changing the shared shell width. */
@media (min-width: 1280px) {
  .public-nav-glass--desktop .public-desktop-brand {
    transform: translateX(6px);
  }
}

/* Editable controls and text actions share the same 14px corner language.
   Native radios, checkboxes, colour controls and icon-only actions retain
   their semantic geometry. */
body.irandesigner-wp.irandesigner-exact-ui main form
  :is(
    input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="color"]),
    textarea,
    select
  ),
body.irandesigner-wp.irandesigner-exact-ui main form button:not([aria-label]) {
  border-radius: var(--ir-action-radius-default);
}

body.irandesigner-wp.page-id-4 main .public-color-card--lavender a.brand-button-motion {
  border-radius: var(--ir-action-radius-default);
}

/* On phones the three process steps become one compact horizontal ribbon.
   The accent hairline is clipped inside the panel and the ribbon no longer
   overlaps the section above. */
@media (max-width: 720px) {
  body.irandesigner-wp.is-irandesigner-home #home-hero-strip {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  body.irandesigner-wp.is-irandesigner-home .home-hero-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-radius: var(--ir-action-radius-large);
  }

  body.irandesigner-wp.is-irandesigner-home .home-hero-strip::before {
    right: 0.55rem;
    left: 0.55rem;
    height: 2px;
    border-radius: var(--ir-radius-pill);
  }

  body.is-irandesigner-home .home-hero-strip .hhs-cell,body.is-irandesigner-home .home-hero-strip .ui-style-10{
    min-width: 0;
    min-height: 6.7rem;
    flex-direction: column;
    justify-content: center;
    gap: 0.34rem;
    padding: 0.72rem 0.3rem;
    border-top: 0;
    text-align: center;
  }

  body.is-irandesigner-home .home-hero-strip .hhs-cell:not(:first-child),body.is-irandesigner-home .home-hero-strip .ui-style-10:not(:first-child){
    border-inline-start: 1px solid rgb(209 154 88 / 14%);
  }

  body.is-irandesigner-home .home-hero-strip .hhs-ic,body.is-irandesigner-home .home-hero-strip .ui-style-11{
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.65rem;
  }

  body.is-irandesigner-home .home-hero-strip .hhs-ic svg,body.is-irandesigner-home .home-hero-strip .ui-style-11 svg{
    width: 1.05rem;
    height: 1.05rem;
  }

  body.is-irandesigner-home .home-hero-strip .hhs-txt,body.is-irandesigner-home .home-hero-strip .ui-style-12{
    min-width: 0;
    align-items: center;
    gap: 0.08rem;
    text-align: center;
  }

  body.is-irandesigner-home .home-hero-strip .hhs-num,body.is-irandesigner-home .home-hero-strip .ui-style-13{
    font-size: 0.5rem;
  }

  body.is-irandesigner-home .home-hero-strip .hhs-title,body.is-irandesigner-home .home-hero-strip .ui-style-14{
    font-size: 0.72rem;
    line-height: 1.35;
    white-space: nowrap;
  }

  body.is-irandesigner-home .home-hero-strip .hhs-sub,body.is-irandesigner-home .home-hero-strip .ui-style-15{
    max-width: 6.5rem;
    font-size: 0.58rem;
    line-height: 1.45;
  }
}

/* 2.0.6 — one interaction language for primary and selectable actions.
   Search, active filters, pagination, appointment choices and compact social
   actions now inherit the same colour, depth and motion as the header CTA. */
body.irandesigner-wp .id-blog-category-filter__chip::before {
  display: none;
  content: none;
}

body.irandesigner-wp :is(
  .brand-button-motion--primary,
  .id-search-submit,
  [data-blog-search-form] button[type="submit"],
  .id-blog-category-filter__chip[aria-current="page"],
  .ir-pagination__item.is-current,
  .ir-pagination__item[aria-current="page"],
  .id-pagination .page-numbers.current,
  .nav-links .page-numbers.current,
  [data-consultation-booking-form] button[aria-pressed="true"],
  .id-color-seed-count button[aria-pressed="true"],
  .id-project-brief-form button[aria-pressed="true"]
) {
  border: 1px solid var(--ir-primary-action-border);
  background: var(--ir-primary-action-bg);
  color: var(--ir-primary-action-color);
  box-shadow: var(--ir-primary-action-shadow);
  cursor: pointer;
  transform: translateY(0);
  transition: var(--ir-action-transition);
}

body.irandesigner-wp :is(
  .brand-button-motion--primary,
  .id-search-submit,
  [data-blog-search-form] button[type="submit"],
  .id-blog-category-filter__chip[aria-current="page"],
  .ir-pagination__item.is-current,
  .ir-pagination__item[aria-current="page"],
  .id-pagination .page-numbers.current,
  .nav-links .page-numbers.current,
  [data-consultation-booking-form] button[aria-pressed="true"],
  .id-color-seed-count button[aria-pressed="true"],
  .id-project-brief-form button[aria-pressed="true"]
):hover {
  border-color: var(--ir-primary-action-border-hover);
  background: var(--ir-primary-action-bg-hover);
  color: #fff;
  box-shadow: var(--ir-primary-action-shadow-hover);
  transform: translateY(-2px);
}

body.irandesigner-wp :is(
  .brand-button-motion--primary,
  .id-search-submit,
  [data-blog-search-form] button[type="submit"],
  .id-blog-category-filter__chip[aria-current="page"],
  .ir-pagination__item.is-current,
  .ir-pagination__item[aria-current="page"],
  .id-pagination .page-numbers.current,
  .nav-links .page-numbers.current,
  [data-consultation-booking-form] button[aria-pressed="true"],
  .id-color-seed-count button[aria-pressed="true"],
  .id-project-brief-form button[aria-pressed="true"]
):focus-visible {
  outline: none;
  box-shadow: var(--ir-control-focus), var(--ir-primary-action-shadow);
}

body.irandesigner-wp :is(
  .brand-button-motion--primary,
  .id-search-submit,
  [data-blog-search-form] button[type="submit"],
  .id-blog-category-filter__chip[aria-current="page"],
  .ir-pagination__item.is-current,
  .ir-pagination__item[aria-current="page"],
  .id-pagination .page-numbers.current,
  .nav-links .page-numbers.current,
  [data-consultation-booking-form] button[aria-pressed="true"],
  .id-color-seed-count button[aria-pressed="true"],
  .id-project-brief-form button[aria-pressed="true"]
):active {
  transform: translateY(0) scale(0.985);
}

body.irandesigner-wp :is(
  .id-blog-category-filter__chip:not([aria-current="page"]),
  .ir-pagination__item:not(.is-current):not([aria-current="page"]),
  .id-pagination .page-numbers:not(.current),
  .nav-links .page-numbers:not(.current),
  [data-consultation-booking-form] button[aria-pressed="false"],
  .id-color-seed-count button[aria-pressed="false"],
  .id-project-brief-form button[aria-pressed="false"]
) {
  border-color: var(--ir-secondary-action-border);
  background: var(--ir-secondary-action-bg);
  color: rgb(81 70 62 / 88%);
  box-shadow: var(--ir-secondary-action-shadow);
  transform: translateY(0);
  transition: var(--ir-action-transition);
}

body.irandesigner-wp :is(
  .id-blog-category-filter__chip:not([aria-current="page"]),
  .ir-pagination__item:not(.is-current):not([aria-current="page"]),
  .id-pagination .page-numbers:not(.current),
  .nav-links .page-numbers:not(.current),
  [data-consultation-booking-form] button[aria-pressed="false"],
  .id-color-seed-count button[aria-pressed="false"],
  .id-project-brief-form button[aria-pressed="false"]
):hover {
  border-color: rgb(184 90 67 / 48%);
  background: var(--ir-secondary-action-bg-hover);
  color: #9f4d3e;
  box-shadow: var(--ir-secondary-action-shadow-hover);
  transform: translateY(-2px);
}

body.irandesigner-wp :is(
  .id-blog-category-filter__chip:not([aria-current="page"]),
  .ir-pagination__item:not(.is-current):not([aria-current="page"]),
  .id-pagination .page-numbers:not(.current),
  .nav-links .page-numbers:not(.current),
  [data-consultation-booking-form] button[aria-pressed="false"],
  .id-color-seed-count button[aria-pressed="false"],
  .id-project-brief-form button[aria-pressed="false"]
):focus-visible {
  outline: none;
  border-color: rgb(184 90 67 / 56%);
  box-shadow: var(--ir-control-focus), var(--ir-secondary-action-shadow);
}

body.irandesigner-wp .id-project-brief-form button[aria-pressed="true"] :is(
  .id-project-option-copy,
  strong,
  small
) {
  color: inherit;
}

body.irandesigner-wp .id-project-brief-form button[aria-pressed="true"] small {
  opacity: 0.82;
}

body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-media-c):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-d):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-i):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-k):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-n):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-o):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-p):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-r):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-x):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-decoration-1b):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-decoration-1c):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-media-1i):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-1k):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-1l):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-container-1n):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-heading-1q):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-1s):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.ui-action-20, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.ui-action-26, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.ui-action-27, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.ui-action-28, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-decoration-2d):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-decoration-2e):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-2h):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-decoration-2o):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-decoration-2v):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-decoration-2w):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-2y):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-overlay-37):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-4n):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-decoration-4v):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-decoration-4w):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-overlay-53):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-55):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-56):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-57):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-58):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-overlay-5b):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-overlay-5c):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.ui-action-5h, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.ui-action-5k, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.ui-action-5l, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-media-5r):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-decoration-62):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-decoration-63):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-media-67):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-6g):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-6n):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-6t):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-6u):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-6v):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-heading-77):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-7f):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-7p):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-7t):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-7u):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-7x):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-7y):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-5):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-6):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-9):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.ui-action-j, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.ui-text-y-2, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-z):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-1i):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-1j):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-1k-2):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-1n):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-decoration-1o):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-1u):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-text-23):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-24):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-overlay-29):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-2c):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-heading-2k-2):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-heading-2n):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-overlay-2p):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-media-36):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-container-3d):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-3p):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-3q):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-media-3s):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-text-3x):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-3y):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-media-43):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-4b):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.ui-action-4n-2, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-51):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-52):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-media-5e):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-overlay-5k):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-overlay-5r):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-media-5t):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-row-5y):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-size-5z):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-overlay-6a):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-text-6f):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-overlay-6k):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-6s):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-decoration-6x):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-73):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-74):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.ui-panel-7j, .rounded-full):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-action-7k):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-media-7y):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .ui-container-82):not(.brand-button-motion)[aria-pressed="true"],body.irandesigner-wp.irandesigner-exact-ui
  .id-project-brief-form
  button:is(.rounded-xl, .home-blog-row__index):not(.brand-button-motion)[aria-pressed="true"]{
  color: var(--ir-primary-action-color);
}

body.irandesigner-wp .id-project-brief-form button[aria-pressed="true"] .id-project-option-check {
  border-color: rgb(255 255 255 / 48%);
  background: rgb(255 255 255 / 16%);
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  body.irandesigner-wp :is(
    .brand-button-motion--primary,
    .id-search-submit,
    [data-blog-search-form] button[type="submit"],
    .id-blog-category-filter__chip,
    .ir-pagination__item,
    .id-pagination .page-numbers,
    .nav-links .page-numbers,
    [data-consultation-booking-form] button,
    .id-color-seed-count button,
    .id-project-brief-form button
  ) {
    transition-duration: 0.01ms;
  }
}

/* 2.0.7 — on phones the three-step hero ribbon uses the same complete,
   multi-tone shine border as the home service cards. The former top accent
   hairline is removed so the component reads as one intentional card. */
@media (max-width: 720px) {
  body.irandesigner-wp.is-irandesigner-home .home-hero-strip {
    border: 2px solid transparent;
    border-radius: 1.45rem;
    background:
      linear-gradient(
        145deg,
        rgb(255 255 255 / 94%),
        rgb(255 250 244 / 90%)
      ) padding-box,
      linear-gradient(
        118deg,
        rgb(77 150 118 / 86%),
        rgb(209 154 88 / 92%) 42%,
        rgb(190 100 76 / 90%) 72%,
        rgb(39 103 200 / 78%)
      ) border-box;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 76%),
      0 26px 58px -45px rgb(45 39 51 / 54%),
      0 0 28px -23px rgb(190 100 76 / 46%);
  }

  body.irandesigner-wp.is-irandesigner-home .home-hero-strip::before {
    display: none;
    content: none;
  }
}

/* 2.0.8 — the hero proof/trust bar follows the large action radius token.
   Its former 24px radius read as a separate pill-shaped component. */
body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-proof {
  border-radius: var(--ir-action-radius-large);
}

/* Homepage hero rotating geometry: preserve its orbit and animation while
   aligning the visual center slightly lower in the composition. */
body.irandesigner-wp.is-irandesigner-home .home-hero-tech-orbit {
  transform: translateY(calc(-50% + 20px));
}

/* Senior UX pass: evidence timeline, contact utilities and the real
   three-stage project brief. */
.id-about-proof-link {
  display: inline-flex;
  min-height: 2.35rem;
  align-items: center;
  border: 1px solid rgb(139 92 246 / 18%);
  border-radius: var(--ir-radius-pill);
  background: rgb(255 255 255 / 78%);
  padding: 0.45rem 0.85rem;
  color: var(--primary);
  font-size: 0.76rem;
  font-weight: 850;
  transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.id-about-proof-link:hover {
  transform: translateY(-1px);
  border-color: rgb(139 92 246 / 36%);
  background: #fff;
}

.id-project-progress {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.id-project-progress li {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.55rem;
  border: 1px solid rgb(139 92 246 / 12%);
  border-radius: var(--ir-radius-card);
  background: rgb(255 255 255 / 62%);
  padding: 0.65rem;
  color: var(--muted-foreground);
  font-size: 0.72rem;
  font-weight: 800;
}

.id-project-progress li > span {
  display: inline-flex;
  width: 1.75rem;
  height: 1.75rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: var(--ir-radius-pill);
  background: rgb(139 92 246 / 10%);
  color: var(--primary);
}

.id-project-progress li.is-active {
  border-color: rgb(139 92 246 / 32%);
  background: rgb(139 92 246 / 8%);
  color: var(--foreground);
}

.id-project-progress li.is-active > span,
.id-project-progress li.is-complete > span {
  background: var(--primary);
  color: var(--primary-foreground);
}

.id-project-panels {
  min-width: 0;
}

.id-project-step-panel {
  display: grid;
  min-width: 0;
  gap: 1rem;
}

body.irandesigner-wp .id-project-step-panel[hidden],
body.irandesigner-wp .id-project-conditional[hidden],
body.irandesigner-wp .id-project-palette-disclosure[hidden] {
  display: none;
}

.id-project-step-head {
  border-bottom: 1px solid rgb(139 92 246 / 12%);
  padding-bottom: 0.9rem;
}

.id-project-step-head > span {
  color: var(--primary);
  font-size: 0.72rem;
  font-weight: 850;
}

.id-project-step-head h3 {
  margin-top: 0.2rem;
  color: var(--foreground);
  font-size: clamp(1.25rem, 3vw, 1.7rem);
  font-weight: 900;
}

.id-project-step-head p {
  margin-top: 0.35rem;
  color: var(--muted-foreground);
  font-size: 0.8rem;
  font-weight: 650;
  line-height: 1.9;
}

.id-project-fields-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.id-project-fields-grid .id-project-field {
  min-width: 0;
}

.id-project-fields-grid textarea {
  min-height: 6.25rem;
}

.id-project-conditional h4 {
  margin-bottom: 0.85rem;
  color: var(--foreground);
  font-size: 0.92rem;
  font-weight: 900;
}

.id-project-palette-disclosure {
  overflow: hidden;
  border: 1px solid rgb(139 92 246 / 14%);
  border-radius: 1.4rem;
  background: rgb(255 255 255 / 62%);
}

.id-project-palette-disclosure > summary {
  display: flex;
  cursor: pointer;
  list-style: none;
  flex-direction: column;
  gap: 0.2rem;
  padding: 1rem 1.1rem;
  color: var(--foreground);
  font-size: 0.9rem;
  font-weight: 900;
}

.id-project-palette-disclosure > summary::-webkit-details-marker {
  display: none;
}

.id-project-palette-disclosure > summary small {
  color: var(--muted-foreground);
  font-size: 0.7rem;
  font-weight: 650;
}

body.irandesigner-wp .id-project-palette-disclosure > section {
  border: 0;
  border-top: 1px solid rgb(139 92 246 / 12%);
  border-radius: 0;
  box-shadow: var(--ir-shadow-none);
}

.id-project-privacy {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border: 1px solid rgb(39 139 145 / 18%);
  border-radius: 1.2rem;
  background: rgb(39 139 145 / 6%);
  padding: 0.9rem 1rem;
  color: var(--muted-foreground);
  font-size: 0.74rem;
  font-weight: 650;
  line-height: 1.8;
}

.id-project-privacy a {
  flex: 0 0 auto;
  color: var(--primary);
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 0.22rem;
}

.id-project-step-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
  border-top: 1px solid rgb(139 92 246 / 12%);
  padding-top: 1rem;
}

.id-project-step-next,
.id-project-step-back {
  min-height: 2.85rem;
  border-radius: var(--ir-radius-pill);
  padding: 0.65rem 1.1rem;
  font-size: 0.78rem;
  font-weight: 850;
}

.id-project-step-next {
  margin-right: auto;
  border: 1px solid var(--primary);
  background: var(--primary);
  color: var(--primary-foreground);
}

.id-project-step-back {
  border: 1px solid rgb(139 92 246 / 18%);
  background: rgb(255 255 255 / 78%);
  color: var(--foreground);
}

@media (max-width: 720px) {
  .id-project-progress {
    gap: 0.35rem;
  }

  .id-project-progress li {
    justify-content: center;
    padding: 0.55rem 0.35rem;
    font-size: 0;
  }

  .id-project-progress li > span {
    width: 1.85rem;
    height: 1.85rem;
    font-size: 0.72rem;
  }

  .id-project-fields-grid {
    grid-template-columns: 1fr;
  }

  .id-project-step-navigation {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .id-project-step-next,
  .id-project-step-back {
    width: 100%;
    margin: 0;
  }
}