/* =====================================================================
   ENOVATE PC — media frame, cards and page sections
   Values from reference/component-recipes.js and the Home artboard.
   ===================================================================== */

/* ---------- Section spacing (widget "Space above / below") ---------- */
.en-pt { padding-top: 110px; }
.en-pb { padding-bottom: 110px; }

/* ---------- Media frame placeholder ---------- */
.en-media { background: radial-gradient(70% 55% at 50% 38%, rgba(60,96,232,var(--en-ph-glow,.30)) 0%, rgba(60,96,232,0) 70%), linear-gradient(165deg, var(--en-ph-1) 0%, var(--en-ph-2) 75%); }
.en-media__ph { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background-image: linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px); background-size: 44px 44px; }
.en-media__ph::before { content: ""; position: absolute; inset-inline: 10%; bottom: -18%; height: 40%; background: radial-gradient(50% 50% at 50% 50%, rgba(143,164,240,.16), rgba(143,164,240,0) 70%); }
/* Corner ticks: eight 16×1 / 1×16 strokes. */
.en-media__ph::after {
	--t: rgba(255,255,255,.28);
	content: ""; position: absolute; inset: 16px; pointer-events: none;
	background:
		linear-gradient(var(--t), var(--t)) top left / 16px 1px,  linear-gradient(var(--t), var(--t)) top left / 1px 16px,
		linear-gradient(var(--t), var(--t)) top right / 16px 1px, linear-gradient(var(--t), var(--t)) top right / 1px 16px,
		linear-gradient(var(--t), var(--t)) bottom left / 16px 1px, linear-gradient(var(--t), var(--t)) bottom left / 1px 16px,
		linear-gradient(var(--t), var(--t)) bottom right / 16px 1px, linear-gradient(var(--t), var(--t)) bottom right / 1px 16px;
	background-repeat: no-repeat;
}
.en-media__cam { position: relative; width: 46px; height: 46px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); color: #9AA3B2; }
.en-media__cam .en-icon { width: 20px; height: 20px; }
.en-media__caption { position: relative; font: 11px var(--en-font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--en-text-4); text-align: center; padding-inline: 16px; }
.en-media__caption--corner { position: absolute; top: 22%; inset-inline-end: 8%; }
.en-media__ph--sm { background-size: 24px 24px; }
.en-media__ph--sm::after { display: none; }
.en-media__ph--sm .en-media__cam { width: 30px; height: 30px; }
.en-media__ph--sm .en-media__cam .en-icon { width: 14px; height: 14px; }

.en-glass-pill--sm { padding: 5px 9px; font-size: 10px; }
.en-badge .en-icon { width: 12px; height: 12px; }

/* ---------- Product / tier card ---------- */
.en-card--product { padding: 12px; display: flex; flex-direction: column; gap: 6px; }
.en-card--feature { gap: 0; }
.en-card__media { border-radius: var(--en-r-lg); aspect-ratio: 4 / 5; }
.en-card--feature .en-card__media { aspect-ratio: auto; height: 460px; }
.en-card__overlay { position: absolute; inset: 14px; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; pointer-events: none; }
.en-card--feature .en-card__overlay { inset: 16px; }
.en-card__overlay > * { pointer-events: auto; }
.en-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.en-card__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.en-card__save { position: relative; z-index: 3; width: 34px; height: 34px; }
.en-card__save[aria-pressed="true"] { color: var(--en-blue-150); }
.en-card__save[aria-pressed="true"] .en-icon { fill: currentColor; }
.en-swatches { display: flex; gap: 6px; margin-inline-start: 28px; }
.en-card--feature .en-swatches { margin-inline-start: 26px; }
.en-card__body { padding: 16px 10px 8px; display: flex; flex-direction: column; gap: 14px; flex: 1; }
.en-card--feature .en-card__body { padding: 24px 14px 10px; }
.en-card__title { margin: 0; font: 400 30px/1 var(--en-font-serif); color: #fff; letter-spacing: -.01em; }
.en-card--feature .en-card__title { font-size: 44px; }
.en .en-card__link { color: inherit; }
.en-card__link::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.en .en-card__link:focus-visible { outline: none; }
.en-card:has(.en-card__link:focus-visible) { outline: 2px solid var(--en-blue-400); outline-offset: 3px; }
.en-card__title-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.en-card__count { font: 11px var(--en-font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--en-blue-200); white-space: nowrap; }
.en-card__desc { margin: 0; font-size: 14px; line-height: 1.6; color: var(--en-text-3); }
.en-card--feature .en-card__desc { font-size: 15px; line-height: 1.7; }
.en-card__pills { display: flex; flex-wrap: wrap; gap: 6px; }
.en-card__foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 14px; border-top: 1px solid var(--en-line); }
.en-card--feature .en-card__foot { padding-top: 16px; border-top-color: rgba(255,255,255,.08); }
.en-card__price { display: flex; flex-direction: column; gap: 3px; }
.en-card__price-label { font: 10px var(--en-font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--en-text-4); }
.en-card__go { width: 42px; height: 42px; flex: none; }
.en-card__go .en-icon { width: 17px; height: 17px; }
.en-card--feature:hover .en-btn--primary { filter: brightness(1.12); }

/* ---------- Build tile ---------- */
.en-build-tile { display: block; border-radius: 16px; transition: transform var(--en-dur-slow) var(--en-ease); }
.en-build-tile:hover { transform: translateY(-4px); }
.en-build-tile__media { border-radius: 16px; }
.en-build-tile__finish { position: absolute; z-index: 2; top: 14px; inset-inline-end: 14px; }
.en-build-tile__meta { position: absolute; z-index: 2; inset-inline: 16px; bottom: 14px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.en-build-tile__serial { font: 14px var(--en-font-mono); letter-spacing: .08em; color: #fff; }

/* ---------- Hero ---------- */
.en-hero { position: relative; min-height: 800px; display: flex; align-items: flex-end; padding-bottom: 150px; box-sizing: border-box; overflow: hidden; }
.en-hero__media { position: absolute; inset: 0; border-radius: 0; }
.en-hero__hotspots { position: absolute; inset: 0; z-index: 2; }
.en-hero__content { position: relative; z-index: 3; width: 100%; display: flex; align-items: flex-end; justify-content: space-between; gap: 60px; }
.en-hero__copy { display: flex; flex-direction: column; align-items: flex-start; gap: 26px; max-width: 760px; }
.en-hero .en-display { line-height: .88; }
.en-hero__lead { max-width: 480px; }
.en-hero__actions { margin-top: 6px; }
.en-hero__bench { flex: none; display: flex; align-items: center; gap: 14px; padding-block: 12px; padding-inline: 12px 18px; border-radius: 18px; background: rgba(10,12,16,.6); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
.en a.en-hero__bench { color: #fff; }
a.en-hero__bench:hover { background: rgba(10,12,16,.75); }
.en-hero__bench-thumb { width: 56px; height: 68px; flex: none; border-radius: 10px; }
.en-hero__bench-text { display: flex; flex-direction: column; gap: 5px; }
.en-hero__bench-label { font: 10px var(--en-font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--en-blue-200); }
.en-hero__bench-title { font-size: 15px; color: #fff; }
.en-hero__bench-status { font: 11px var(--en-font-mono); text-transform: uppercase; color: var(--en-text-4); }

/* ---------- Range strip ---------- */
.en-range { position: relative; z-index: 4; }
.en-range--overlap { margin-top: -104px; }
.en-range__card { display: grid; grid-template-columns: repeat(var(--en-cols, 5), minmax(0, 1fr)); border-radius: 22px; overflow: hidden; background: rgba(12,14,19,.82); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); box-shadow: var(--en-shadow-card); }
.en-range__cell { display: flex; align-items: center; gap: 14px; padding: 22px; border-inline-end: 1px solid var(--en-line); transition: background var(--en-dur) var(--en-ease); }
.en-range__cell:last-child { border-inline-end: 0; }
.en-range__cell:hover { background: rgba(255,255,255,.03); }
.en-range__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.en .en-range__name { font-size: 15px; font-weight: 500; color: #fff; }
.en-range__from { font: 12px var(--en-font-mono); color: var(--en-text-4); }
.en-range__chev { width: 16px; height: 16px; color: var(--en-text-5); }
.en-range__cell:hover .en-range__chev { color: var(--en-text-2); }

/* ---------- Trust row ---------- */
.en-trust-row { padding-top: 44px; }
.en-trust-row__list { margin-block: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 16px 40px; }
.en-trust-row__list li { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--en-text-2); }
.en-trust-row__list li + li::before { content: ""; width: 1px; height: 18px; margin-inline-end: 30px; background: var(--en-line-2); }
.en-trust-row__list .en-icon { width: 17px; height: 17px; color: var(--en-blue-300); }

/* ---------- Section head intro ---------- */
.en-sec-head > div { align-items: flex-start; }
.en-sec-head__intro { max-width: 460px; }

/* ---------- Collection ---------- */
.en-collection__grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: stretch; }

/* ---------- Feature band ---------- */
.en-feature-band__card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.en-feature-band__card.is-image-start .en-feature-band__copy { order: 2; }
.en-feature-band__copy { padding: 80px 64px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 28px; }
.en-feature-band__quote { margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: 28px; }
.en-feature-band__quote .en-quote { color: var(--en-text); }
.en-feature-band__media { min-height: 640px; border-radius: 0; }
.en-feature-band__body { max-width: 460px; line-height: 1.75; }
.en-person { display: flex; align-items: center; gap: 14px; }
.en-person__avatar { width: 48px; height: 48px; flex: none; border-radius: 50%; object-fit: cover; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--en-blue-600), #0B1C5E); box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); font: 22px var(--en-font-serif); color: #fff; }
.en-person__text { display: flex; flex-direction: column; gap: 3px; }
.en-person__name { font-style: normal; font-size: 15px; color: #fff; }
.en-person__role { font: 11px var(--en-font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--en-text-4); }

/* ---------- Steps ---------- */
.en-step-cards { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(var(--en-cols, 5), minmax(0, 1fr)); gap: 14px; }
.en-step-card { padding: 26px; display: flex; flex-direction: column; gap: 18px; }
.en-step-card__top { display: flex; align-items: center; justify-content: space-between; }
.en-step-card__index { font: 11px var(--en-font-mono); letter-spacing: .16em; color: var(--en-text-5); }
.en-step-card__title { margin: 0; font: 400 28px/1 var(--en-font-serif); color: #fff; }
.en-step-card__text { margin: 0; }

/* ---------- Archive strip ---------- */
.en-archive-strip__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }

/* ---------- Arabic ---------- */
html[lang="ar"] .en-card__title, html[lang="ar"] .en-step-card__title { font-family: var(--en-font-serif-ar); line-height: 1.2; letter-spacing: 0; }

/* ---------- Responsive ---------- */
@media (max-width: 1279px) {
	.en-step-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.en-range__cell { padding: 18px; gap: 12px; }
	.en-feature-band__copy { padding: 64px 48px; }
}
@media (max-width: 1023px) {
	.en-pt { padding-top: 72px; }
	.en-pb { padding-bottom: 72px; }
	.en-hero { min-height: 720px; padding-bottom: 56px; }
	.en-hero__content { flex-direction: column; align-items: flex-start; gap: 32px; }
	.en-range--overlap { margin-top: 24px; }
	.en-hero__media .en-media__cam { display: none; } /* Placeholder only: keep it from sitting behind the copy. */
	.en-range__card { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.en-range__cell { border-inline-end: 0; border-block-end: 1px solid var(--en-line); }
	.en-range__cell:nth-child(odd):not(:last-child) { border-inline-end: 1px solid var(--en-line); }
	.en-range__cell:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.en-collection__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.en-collection__grid > .en-card--feature { grid-column: 1 / -1; }
	.en-feature-band__card { grid-template-columns: 1fr; }
	.en-feature-band__card .en-feature-band__copy { order: 0; }
	.en-feature-band__media { min-height: 420px; }
	.en-step-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.en-archive-strip__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.en-pt { padding-top: 56px; }
	.en-pb { padding-bottom: 56px; }
	.en-hero { min-height: 640px; padding-top: 120px; }
	.en-hero__hotspots, .en-media__caption--corner { display: none; }
	.en-hero__copy { gap: 20px; }
	.en-range__card { grid-template-columns: 1fr; }
	.en-range__cell, .en-range__cell:nth-child(odd):not(:last-child) { border-inline-end: 0; }
	.en-range__cell:last-child { border-block-end: 0; }
	.en-trust-row__list { justify-content: flex-start; gap: 14px 24px; }
	.en-trust-row__list li + li::before { display: none; }
	.en-collection__grid { grid-template-columns: 1fr; }
	.en-card--feature .en-card__media { height: 360px; }
	.en-card--feature .en-card__title { font-size: 36px; }
	.en-feature-band__copy { padding: 40px 24px; gap: 22px; }
	.en-feature-band__media { min-height: 320px; }
	.en-step-cards { grid-template-columns: 1fr; }
	.en-step-card { padding: 22px; }
}

/* =====================================================================
   Shop — product archives (README §7 B, artboard "B Shop — Ultra")
   ===================================================================== */

/* Our components keep their own shape when focused (base rule sets 6px). */
.en .en-chip:focus-visible { border-radius: var(--en-r-pill); }
.en .en-tier-switch__item:focus-visible, .en .en-pagination .page-numbers:focus-visible { border-radius: 12px; }
.en .en-dd__btn:focus-visible { border-radius: 11px; }
.en .en-dd__item:focus-visible { border-radius: 9px; outline-offset: -2px; }
.en .en-view__btn:focus-visible { border-radius: 8px; }

/* ---------- Hero ---------- */
.en-shop-hero { position: relative; overflow: hidden; padding-block: 72px 48px; }
.en-shop-hero__glow { position: absolute; inset: 0; pointer-events: none; }
.en-shop-hero__inner { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; }
.en-shop-hero__copy { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.en-shop-hero__title { font-size: clamp(48px, 7.8vw, 112px); line-height: .9; letter-spacing: -.025em; overflow-wrap: break-word; }
.en-shop-hero__desc { max-width: 540px; }

.en-crumbs__list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font: 11px/1.4 var(--en-font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--en-text-4); }
.en-crumbs__item { display: flex; align-items: center; gap: 10px; }
.en-crumbs__sep { display: flex; color: #5C6370; }
.en-crumbs__sep .en-icon { width: 13px; height: 13px; }
.en .en-crumbs a { color: var(--en-text-4); }
.en .en-crumbs a:hover { color: #fff; }
.en-crumbs__current { color: #fff; }

/* Tier switcher: blue segmented control of links (sized per the artboard). */
.en-tier-switch { flex: none; display: flex; max-width: 100%; box-sizing: border-box; padding: 5px; border-radius: 16px; background: rgba(255,255,255,.025); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.en a.en-tier-switch__item { display: inline-flex; align-items: center; gap: 9px; padding: 12px 18px; border-radius: 12px; font-size: 14px; line-height: 1.2; white-space: nowrap; color: #B4BAC5; transition: color var(--en-dur) var(--en-ease), background var(--en-dur) var(--en-ease); }
.en a.en-tier-switch__item:hover { color: #fff; background: rgba(255,255,255,.04); }
.en-tier-switch__item .en-icon { width: 16px; height: 16px; color: var(--en-text-4); }
.en a.en-tier-switch__item.is-active { color: #fff; background: linear-gradient(180deg, rgba(91,123,255,.24), rgba(91,123,255,.1)); box-shadow: inset 0 0 0 1px rgba(143,164,240,.55); }
.en-tier-switch__item.is-active .en-icon { color: var(--en-blue-150); }

/* ---------- Results region (swapped by shop.js) ---------- */
.en-shop-results .en-shop-grid { transition: opacity var(--en-dur) var(--en-ease); }
.en-shop-results[aria-busy="true"] .en-shop-grid { opacity: .45; pointer-events: none; }

/* ---------- Filter bar ---------- */
.en-shop-bar-wrap { padding-bottom: 32px; }
.en-shop-bar { position: relative; z-index: 5; border-radius: 18px; padding: 12px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
/* Chips never wrap: the row scrolls instead. Padding/negative margin keep the active glow unclipped. */
.en-shop-bar__chips { flex: 0 1 auto; min-width: 0; display: flex; gap: 8px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; padding: 12px; margin: -12px; margin-inline-end: 0; }
.en-shop-bar__chips::-webkit-scrollbar { display: none; }
.en a.en-chip { color: #B4BAC5; line-height: 1.2; }
.en a.en-chip:hover, .en a.en-chip.is-active { color: #fff; }
.en-shop-bar__controls { flex: none; display: flex; align-items: center; gap: 8px; }

/* Disclosure dropdown (Price, Sort) */
.en-dd { position: relative; min-width: 0; }
.en-dd__btn { height: 44px; max-width: 100%; box-sizing: border-box; display: flex; align-items: center; gap: 10px; padding: 0 14px; border-radius: 11px; background: transparent; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); font-size: 14px; line-height: 1; color: #fff; white-space: nowrap; cursor: pointer; transition: background var(--en-dur) var(--en-ease), box-shadow var(--en-dur) var(--en-ease); }
.en-dd__btn:hover, .en-dd.is-open .en-dd__btn { background: rgba(255,255,255,.06); }
.en-dd.is-set .en-dd__btn { box-shadow: inset 0 0 0 1px rgba(143,164,240,.55); }
.en-dd__icon, .en-dd__chev { display: flex; flex: none; }
.en-dd__icon { color: var(--en-blue-200); }
.en-dd__icon .en-icon { width: 16px; height: 16px; }
.en-dd__chev { color: var(--en-text-4); transition: transform var(--en-dur) var(--en-ease); }
.en-dd__chev .en-icon { width: 15px; height: 15px; }
.en-dd.is-open .en-dd__chev { transform: rotate(180deg); }
.en-dd__prefix { font: 10px var(--en-font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--en-text-4); }
.en-dd__value { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.en-dd__menu { display: none; position: absolute; z-index: 30; top: calc(100% + 8px); inset-inline-start: 0; min-width: 230px; box-sizing: border-box; padding: 6px; border-radius: 14px; background: var(--en-grad-card); box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.06), 0 28px 56px -16px rgba(0,0,0,.85); }
.en-dd--end .en-dd__menu { inset-inline-start: auto; inset-inline-end: 0; }
.en-dd.is-open .en-dd__menu, html:not(.en-js) .en-dd:focus-within .en-dd__menu { display: block; }
.en-dd__list { margin: 0; padding: 0; list-style: none; }
.en a.en-dd__item { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 12px; border-radius: 9px; font-size: 14px; line-height: 1.3; white-space: nowrap; color: var(--en-text-2); }
.en a.en-dd__item:hover { color: #fff; background: rgba(255,255,255,.05); }
.en a.en-dd__item.is-active { color: #fff; background: rgba(91,123,255,.12); }
.en-dd__check { width: 15px; height: 15px; color: var(--en-blue-150); }

/* Grid / list toggle (client-side; hidden without JS) */
.en-view { display: flex; padding: 4px; border-radius: 11px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); }
html:not(.en-js) .en-view { display: none; }
.en-view__btn { width: 34px; height: 34px; padding: 0; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; background: transparent; color: var(--en-text-4); cursor: pointer; transition: background var(--en-dur) var(--en-ease), color var(--en-dur) var(--en-ease); }
.en-view__btn .en-icon { width: 15px; height: 15px; }
.en-view__btn:hover { color: #fff; }
.en-view__btn[aria-pressed="true"] { background: rgba(255,255,255,.09); color: #fff; }

/* ---------- Grid ---------- */
.en-shop-grid-wrap { padding-bottom: 110px; }
.en-shop-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.en-shop-grid:focus { outline: none; }

.en-shop-empty { grid-column: span 2; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 14px; padding: 40px; border-radius: var(--en-r-xl); box-shadow: inset 0 0 0 1px var(--en-line); }
.en-shop-empty .en-small { margin: 0; max-width: 420px; }

/* Bespoke card: always the last cell. */
.en-bespoke-card { overflow: hidden; min-height: 520px; box-sizing: border-box; padding: 40px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 20px; background: radial-gradient(80% 60% at 30% 100%, rgba(30,71,212,.5) 0%, rgba(30,71,212,0) 70%), var(--en-grad-card-on); }
html[dir="rtl"] .en-bespoke-card { background: radial-gradient(80% 60% at 70% 100%, rgba(30,71,212,.5) 0%, rgba(30,71,212,0) 70%), var(--en-grad-card-on); }
.en-bespoke-card > :not(.en-bespoke-card__mark) { position: relative; }
.en-bespoke-card__mark { position: absolute; top: -50px; inset-inline-end: -70px; width: 340px; height: 340px; opacity: .06; pointer-events: none; }
.en-bespoke-card__title { margin: 0; font: 400 48px/1 var(--en-font-serif); letter-spacing: -.01em; color: #fff; }
html[lang="ar"] .en-bespoke-card__title { font-family: var(--en-font-serif-ar); line-height: 1.2; letter-spacing: 0; }
.en-bespoke-card__body { margin: 0; font-size: 15px; line-height: 1.7; color: var(--en-text-2); }
.en-bespoke-card__actions { align-self: stretch; display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }

/* Alone on the last row (product count fills the rows exactly): span the row,
   copy on the start side, actions on the end side. 3 columns ≥1024, 2 below. */
@media (min-width: 1024px) {
	.en-shop[data-view="grid"] .en-bespoke-card:nth-child(3n+1):last-child { grid-column: 1 / -1; min-height: 0; padding: 48px 56px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 400px); column-gap: 64px; align-items: end; }
	.en-shop[data-view="grid"] .en-bespoke-card:nth-child(3n+1):last-child > :not(.en-bespoke-card__mark) { grid-column: 1; justify-self: start; }
	.en-shop[data-view="grid"] .en-bespoke-card:nth-child(3n+1):last-child > .en-bespoke-card__body { max-width: 520px; }
	.en-shop[data-view="grid"] .en-bespoke-card:nth-child(3n+1):last-child > .en-bespoke-card__actions { grid-column: 2; grid-row: 1 / span 4; justify-self: stretch; align-self: end; margin-top: 0; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	.en-shop[data-view="grid"] .en-bespoke-card:nth-child(2n+1):last-child { grid-column: 1 / -1; min-height: 0; }
	.en-shop[data-view="grid"] .en-bespoke-card:nth-child(2n+1):last-child > .en-bespoke-card__actions { align-self: flex-start; width: 100%; max-width: 400px; }
}

/* List view (≥768px): image on the start side, body on the end side. */
@media (min-width: 768px) {
	.en-shop[data-view="list"] .en-shop-grid { grid-template-columns: minmax(0, 1fr); }
	.en-shop[data-view="list"] .en-shop-grid .en-card--product { flex-direction: row; gap: 12px; }
	.en-shop[data-view="list"] .en-shop-grid .en-card__media { flex: 0 0 40%; aspect-ratio: 16 / 10; }
	.en-shop[data-view="list"] .en-shop-grid .en-card__body { padding: 20px 20px 8px; }
	.en-shop[data-view="list"] .en-shop-empty { grid-column: auto; }
	.en-shop[data-view="list"] .en-bespoke-card { min-height: 0; }
	.en-shop[data-view="list"] .en-bespoke-card > :not(.en-bespoke-card__mark) { max-width: 560px; }
	.en-shop[data-view="list"] .en-bespoke-card__actions { align-self: flex-start; width: 100%; max-width: 400px; }
}

/* Pagination */
.en-pagination { margin-top: 40px; display: flex; justify-content: center; }
.en-pagination__list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.en-pagination .page-numbers { min-width: 42px; height: 42px; padding: 0 12px; box-sizing: border-box; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font: 13px var(--en-font-mono); background: rgba(255,255,255,.03); box-shadow: inset 0 0 0 1px rgba(255,255,255,.09); color: var(--en-text-2); transition: background var(--en-dur) var(--en-ease), color var(--en-dur) var(--en-ease); }
.en .en-pagination a.page-numbers { color: var(--en-text-2); }
.en .en-pagination a.page-numbers:hover { color: #fff; background: rgba(255,255,255,.08); }
.en-pagination .page-numbers.current { color: #fff; background: linear-gradient(180deg, rgba(91,123,255,.24), rgba(91,123,255,.1)); box-shadow: inset 0 0 0 1px rgba(143,164,240,.55); }
.en-pagination .page-numbers.dots { background: none; box-shadow: none; min-width: 24px; padding: 0; }
.en-pagination .en-icon { width: 16px; height: 16px; }

/* ---------- Trust row ---------- */
.en-shop-trust { padding-bottom: 100px; }
.en-shop-trust__list { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.en-shop-trust__item { display: flex; align-items: center; gap: 14px; padding: 18px; }
.en-shop-trust__text { display: flex; flex-direction: column; gap: 3px; min-width: 0; line-height: 1.35; }
.en-shop-trust__title { font-size: 14px; color: #fff; }
.en-shop-trust__sub { font-size: 12px; color: var(--en-text-4); }

/* ---------- Shop responsive ---------- */
@media (max-width: 1023px) {
	.en-shop-hero { padding-block: 56px 40px; }
	.en-shop-hero__inner { flex-direction: column; align-items: flex-start; gap: 32px; }
	.en-tier-switch { overflow-x: auto; scrollbar-width: none; }
	.en-tier-switch::-webkit-scrollbar { display: none; }
	/* Chips and controls no longer fit one row: stack them. */
	.en-shop-bar { flex-direction: column; align-items: stretch; gap: 12px; }
	.en-shop-bar__chips { margin-inline-end: -12px; padding-inline-end: 12px; }
	.en-shop-bar__controls { flex-wrap: wrap; }
	.en-view { margin-inline-start: auto; }
	.en-shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.en-shop-empty { grid-column: span 1; }
	.en-shop-grid-wrap { padding-bottom: 80px; }
	.en-shop-trust { padding-bottom: 72px; }
	.en-shop-trust__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.en-shop-hero { padding-block: 40px 32px; }
	.en-shop-hero__copy { gap: 16px; }
	.en-shop-bar-wrap { padding-bottom: 24px; }
	.en-shop-bar__controls .en-dd { flex: 1 1 auto; }
	.en-shop-bar__controls .en-dd__btn { width: 100%; }
	.en-shop-bar__controls .en-dd__chev { margin-inline-start: auto; }
	.en-view { display: none; } /* List view falls back to the normal card on mobile. */
	.en-shop-grid { grid-template-columns: minmax(0, 1fr); }
	.en-shop-empty { padding: 28px; }
	.en-bespoke-card { min-height: 0; padding: 28px; }
	.en-bespoke-card__title { font-size: 40px; }
	.en-bespoke-card__mark { width: 260px; height: 260px; top: -40px; inset-inline-end: -60px; }
	.en-shop-grid-wrap { padding-bottom: 64px; }
	.en-shop-trust { padding-bottom: 56px; }
	.en-shop-trust__list { grid-template-columns: minmax(0, 1fr); gap: 10px; }
}