:root {
    --pi-gold: #caa069;
    --pi-gold-deep: #9c7447;
    --pi-gold-soft: #ead8bd;
    --pi-gold-pale: #f5eadb;
    --pi-cream: #fbf7f0;
    --pi-ivory: #fffdf8;
    --pi-sand: #f1e7d8;
    --pi-brown: #5a4632;
    --pi-brown-soft: #78634e;
    --pi-muted: #806f5e;
    --pi-white: #ffffff;
    --pi-line: #e8d7c0;
    --pi-line-strong: #d8bc97;
    --pi-shadow-sm: 0 12px 34px rgba(116, 84, 49, .08);
    --pi-shadow-md: 0 24px 64px rgba(116, 84, 49, .13);
    --pi-radius: 22px;
    --pi-shell: 1200px;
}

html {
    scroll-behavior: smooth;
}

body.pristine-impex-page {
    margin: 0;
    overflow-x: hidden;
    background: var(--pi-ivory);
    color: var(--pi-brown);
    font-family: Arial, Tahoma, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.pristine-impex-page.pi-menu-open {
    overflow: hidden;
}

body.pristine-impex-page .elementor,
body.pristine-impex-page .elementor-element,
body.pristine-impex-page .elementor-widget-html,
body.pristine-impex-page .elementor-widget-container {
    min-width: 0;
}

body.pristine-impex-page .elementor-widget-html {
    font-size: inherit;
    line-height: inherit;
}

.pi-header *,
.pi-footer *,
.pi-hero *,
.pi-section *,
.pi-trust-strip *,
.pi-thanks *,
.pi-whatsapp * {
    box-sizing: border-box;
}

.pi-shell {
    width: min(var(--pi-shell), calc(100% - 48px));
    margin-inline: auto;
}

.pi-header {
    position: sticky;
    top: 0;
    z-index: 9998;
    background: rgba(255, 253, 248, .97);
    border-bottom: 1px solid rgba(202, 160, 105, .28);
    box-shadow: 0 9px 32px rgba(116, 84, 49, .065);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

body.admin-bar .pi-header {
    top: 32px;
}

.pi-header-line {
    height: 3px;
    background: linear-gradient(90deg, var(--pi-gold-deep), var(--pi-gold), var(--pi-gold-soft));
}

.pi-nav {
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.pi-logo-link {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    flex: 0 0 auto;
    text-decoration: none;
    color: var(--pi-brown);
}

.pi-logo {
    display: block;
    width: 70px;
    height: 76px;
    object-fit: contain;
}

.pi-brand-note {
    max-width: 138px;
    color: var(--pi-muted);
    font-size: 10.5px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

[dir="rtl"] .pi-brand-note {
    letter-spacing: 0;
    font-size: 11px;
}

.pi-nav-panel {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 26px;
    min-width: 0;
}

.pi-nav-links,
.pi-nav-actions {
    display: flex;
    align-items: center;
}

.pi-nav-links {
    gap: 23px;
}

.pi-nav-actions {
    gap: 14px;
}

.pi-nav-links > a,
.pi-lang {
    position: relative;
    color: var(--pi-brown);
    text-decoration: none;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 750;
    white-space: nowrap;
}

.pi-nav-links > a {
    padding: 36px 0 33px;
}

.pi-nav-links > a::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: 24px;
    height: 2px;
    background: var(--pi-gold);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .2s ease;
}

.pi-nav-links > a:hover::after,
.pi-nav-links > a:focus-visible::after,
.pi-nav-links > a[aria-current="page"]::after {
    transform: scaleX(1);
}

.pi-nav-links > a[aria-current="page"] {
    color: var(--pi-gold-deep);
}

.pi-lang {
    min-width: 42px;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--pi-line-strong);
    border-radius: 999px;
    color: var(--pi-gold-deep);
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.pi-lang:hover,
.pi-lang:focus-visible {
    background: var(--pi-gold-pale);
    border-color: var(--pi-gold);
}

.pi-menu {
    display: none;
    width: 46px;
    height: 46px;
    border: 1px solid var(--pi-line-strong);
    border-radius: 999px;
    background: var(--pi-ivory);
    padding: 11px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
}

.pi-menu {
    position: relative;
}

.pi-menu span {
    position: absolute;
    left: 50%;
    display: block;
    width: 20px;
    height: 2px;
    margin: 0;
    border-radius: 2px;
    background: var(--pi-brown);
    transform: translateX(-50%);
    transition: top .2s ease, transform .2s ease, opacity .2s ease;
}

.pi-menu span:nth-child(1) { top: 15px; }
.pi-menu span:nth-child(2) { top: 21px; }
.pi-menu span:nth-child(3) { top: 27px; }

.pi-menu[aria-expanded="true"] span:nth-child(1) {
    top: 21px;
    transform: translateX(-50%) rotate(45deg);
}

.pi-menu[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
}

.pi-menu[aria-expanded="true"] span:nth-child(3) {
    top: 21px;
    transform: translateX(-50%) rotate(-45deg);
}

.pi-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 14px 24px;
    border: 1px solid var(--pi-gold);
    border-radius: 999px;
    background: var(--pi-gold);
    color: var(--pi-white) !important;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
    box-shadow: 0 11px 28px rgba(156, 116, 71, .18);
    cursor: pointer;
    transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

[dir="rtl"] .pi-btn {
    letter-spacing: 0;
}

.pi-btn:hover,
.pi-btn:focus-visible {
    background: var(--pi-gold-deep);
    border-color: var(--pi-gold-deep);
    transform: translateY(-2px);
    box-shadow: 0 15px 34px rgba(156, 116, 71, .24);
}

.pi-btn-small {
    min-height: 44px;
    padding: 11px 18px;
    font-size: 11px;
}

.pi-btn-secondary {
    background: rgba(255, 253, 248, .96);
    color: var(--pi-gold-deep);
    border-color: var(--pi-line-strong);
    box-shadow: none;
}

.pi-btn-secondary:hover,
.pi-btn-secondary:focus-visible {
    background: var(--pi-gold-pale);
    color: var(--pi-brown);
    border-color: var(--pi-gold);
    box-shadow: 0 10px 24px rgba(156, 116, 71, .12);
}

.pi-text-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 46px;
    color: var(--pi-gold-deep);
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
}

.pi-text-link span {
    font-size: 18px;
    transition: transform .2s ease;
}

[dir="rtl"] .pi-text-link span {
    transform: rotate(180deg);
}

.pi-text-link:hover span,
.pi-text-link:focus-visible span {
    transform: translateX(3px);
}

[dir="rtl"] .pi-text-link:hover span,
[dir="rtl"] .pi-text-link:focus-visible span {
    transform: rotate(180deg) translateX(3px);
}

.pi-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 90% 8%, rgba(202, 160, 105, .17), transparent 28%),
        linear-gradient(135deg, var(--pi-ivory), var(--pi-cream));
    border-bottom: 1px solid var(--pi-line);
}

.pi-hero::before {
    content: "";
    position: absolute;
    width: 410px;
    height: 410px;
    border: 1px solid rgba(202, 160, 105, .25);
    border-radius: 50%;
    inset-inline-end: -150px;
    top: -180px;
}

.pi-hero-grid {
    position: relative;
    z-index: 1;
    min-height: 650px;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
    gap: 70px;
    align-items: center;
    padding-block: 82px;
}

.pi-hero-copy {
    min-width: 0;
}

.pi-kicker {
    margin: 0 0 16px;
    color: var(--pi-gold-deep);
    font-size: 11px;
    line-height: 1.35;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

[dir="rtl"] .pi-kicker {
    letter-spacing: 0;
    font-size: 12px;
}

.pi-hero h1,
.pi-thanks h1 {
    margin: 0;
    max-width: 820px;
    color: var(--pi-brown);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(48px, 5.8vw, 78px);
    line-height: 1.03;
    letter-spacing: -.035em;
    text-wrap: balance;
}

[dir="rtl"] .pi-hero h1,
[dir="rtl"] .pi-thanks h1 {
    font-family: Tahoma, Arial, sans-serif;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.18;
}

.pi-lead {
    max-width: 760px;
    margin: 26px 0 0;
    color: var(--pi-brown-soft);
    font-size: 18px;
    line-height: 1.85;
}

.pi-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 34px;
}

.pi-hero-media {
    position: relative;
    padding: 18px 18px 18px 0;
}

[dir="rtl"] .pi-hero-media {
    padding: 18px 0 18px 18px;
}

.pi-image-frame {
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border-radius: 32px 32px 96px 32px;
    border: 1px solid var(--pi-line-strong);
    box-shadow: var(--pi-shadow-md);
    background: var(--pi-sand);
}

[dir="rtl"] .pi-image-frame {
    border-radius: 32px 32px 32px 96px;
}

.pi-image-frame::after,
.pi-intro-media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(202, 160, 105, .07), rgba(245, 234, 219, .10));
    mix-blend-mode: multiply;
}

.pi-image-frame img,
.pi-intro-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.74) sepia(.10) contrast(.96);
}

.pi-hero-badge {
    position: absolute;
    inset-inline-start: -26px;
    bottom: 2px;
    width: 126px;
    height: 126px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: var(--pi-ivory);
    border: 1px solid var(--pi-line-strong);
    box-shadow: var(--pi-shadow-sm);
    text-align: center;
}

.pi-hero-badge span,
.pi-hero-badge strong {
    display: block;
    color: var(--pi-gold-deep);
}

.pi-hero-badge span {
    font: 700 11px/1.2 Georgia, serif;
    letter-spacing: .12em;
}

.pi-hero-badge strong {
    margin-top: 5px;
    font-size: 10px;
    letter-spacing: .18em;
}

.pi-trust-strip {
    background: var(--pi-gold);
    color: var(--pi-white);
}

.pi-trust-grid {
    min-height: 74px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
}

.pi-trust-grid span {
    padding: 0 18px;
    border-inline-end: 1px solid rgba(255, 255, 255, .34);
    text-align: center;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.pi-trust-grid span:last-child {
    border-inline-end: 0;
}

[dir="rtl"] .pi-trust-grid span {
    letter-spacing: 0;
}

.pi-section {
    padding: 100px 0;
    background: var(--pi-ivory);
}

.pi-section-soft {
    background: var(--pi-cream);
}

.pi-section-head {
    max-width: 760px;
    margin-bottom: 42px;
}

.pi-section h2,
.pi-footer h2 {
    color: var(--pi-brown);
}

.pi-section h2 {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4.1vw, 54px);
    line-height: 1.1;
    letter-spacing: -.025em;
    text-wrap: balance;
}

[dir="rtl"] .pi-section h2 {
    font-family: Tahoma, Arial, sans-serif;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0;
}

.pi-copy {
    margin: 24px 0 0;
    color: var(--pi-brown-soft);
    font-size: 18px;
    line-height: 1.9;
}

.pi-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
    gap: 74px;
    align-items: center;
}

.pi-intro-text-only {
    grid-template-columns: minmax(0, 860px);
}

.pi-intro-media {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: var(--pi-radius);
    border: 1px solid var(--pi-line);
    box-shadow: var(--pi-shadow-sm);
    background: var(--pi-sand);
}

.pi-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.pi-card {
    position: relative;
    min-height: 220px;
    overflow: hidden;
    padding: 34px 30px 30px;
    border: 1px solid var(--pi-line);
    border-radius: 18px;
    background: rgba(255, 253, 248, .92);
    box-shadow: 0 10px 28px rgba(116, 84, 49, .045);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.pi-card::before {
    content: "";
    position: absolute;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    inset-inline-end: -28px;
    top: -28px;
    background: var(--pi-gold-pale);
}

.pi-card:hover {
    transform: translateY(-5px);
    border-color: var(--pi-line-strong);
    box-shadow: var(--pi-shadow-sm);
}

.pi-card-number {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 28px;
    background: var(--pi-gold-pale);
    color: var(--pi-gold-deep);
    font-size: 11px;
    font-weight: 900;
}

.pi-card h3,
.pi-step h3,
.pi-detail-list h3 {
    color: var(--pi-brown);
}

.pi-card h3 {
    margin: 0 0 13px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    line-height: 1.3;
}

[dir="rtl"] .pi-card h3,
[dir="rtl"] .pi-step h3,
[dir="rtl"] .pi-detail-list h3 {
    font-family: Tahoma, Arial, sans-serif;
}

.pi-card p {
    margin: 0;
    color: var(--pi-muted);
    font-size: 15px;
    line-height: 1.82;
}

.pi-process-section {
    background: linear-gradient(180deg, var(--pi-sand), var(--pi-cream));
    border-block: 1px solid var(--pi-line);
}

.pi-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.pi-step {
    position: relative;
    min-height: 250px;
    padding: 34px 28px;
    border-radius: 18px;
    border: 1px solid var(--pi-line);
    background: var(--pi-ivory);
}

.pi-step span {
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--pi-gold);
    color: var(--pi-white);
    font-size: 12px;
    font-weight: 900;
}

.pi-step h3 {
    margin: 25px 0 12px;
    font: 700 20px/1.35 Georgia, "Times New Roman", serif;
}

.pi-step p {
    margin: 0;
    color: var(--pi-muted);
    font-size: 14px;
    line-height: 1.78;
}

.pi-markets-grid,
.pi-requirement-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    gap: 70px;
    align-items: center;
}

.pi-map-card {
    position: relative;
    min-height: 340px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 38px;
    overflow: hidden;
    border-radius: 28px;
    border: 1px solid var(--pi-line-strong);
    background:
        radial-gradient(circle at 70% 20%, rgba(202, 160, 105, .34), transparent 34%),
        repeating-linear-gradient(45deg, var(--pi-gold-pale), var(--pi-gold-pale) 14px, var(--pi-cream) 14px, var(--pi-cream) 28px);
}

.pi-map-card::before,
.pi-map-card::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(156, 116, 71, .35);
    border-radius: 50%;
}

.pi-map-card::before {
    width: 230px;
    height: 230px;
    top: -45px;
    inset-inline-end: -38px;
}

.pi-map-card::after {
    width: 150px;
    height: 150px;
    top: 28px;
    inset-inline-end: 24px;
}

.pi-map-card span,
.pi-map-card strong {
    position: relative;
    z-index: 1;
}

.pi-map-card span {
    color: var(--pi-gold-deep);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .2em;
}

.pi-map-card strong {
    margin-top: 9px;
    color: var(--pi-brown);
    font: 700 40px/1.05 Georgia, serif;
    letter-spacing: -.02em;
}

.pi-cta-section {
    padding-block: 78px;
    background: var(--pi-gold-pale);
    border-block: 1px solid var(--pi-line-strong);
}

.pi-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 44px;
}

.pi-cta > div {
    max-width: 760px;
}

.pi-cta h2 {
    font-size: clamp(32px, 3.7vw, 50px);
}

.pi-cta p:not(.pi-kicker) {
    margin: 18px 0 0;
    color: var(--pi-brown-soft);
    font-size: 17px;
    line-height: 1.8;
}

.pi-two-col {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.pi-statement {
    padding: 42px;
    border: 1px solid var(--pi-line);
    border-radius: var(--pi-radius);
    background: var(--pi-ivory);
}

.pi-statement h2 {
    font-size: clamp(28px, 3vw, 40px);
}

.pi-statement p:not(.pi-kicker) {
    margin: 20px 0 0;
    color: var(--pi-muted);
    font-size: 16px;
    line-height: 1.85;
}

.pi-feature-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    gap: 70px;
    align-items: center;
    padding: 56px;
    border: 1px solid var(--pi-line-strong);
    border-radius: 28px;
    background: var(--pi-ivory);
    box-shadow: var(--pi-shadow-sm);
}

.pi-check-list,
.pi-detail-list ul,
.pi-footer-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pi-check-list {
    display: grid;
    gap: 12px;
}

.pi-check-list li,
.pi-detail-list li {
    position: relative;
    padding: 14px 18px 14px 48px;
    border: 1px solid var(--pi-line);
    border-radius: 12px;
    color: var(--pi-brown);
    background: var(--pi-cream);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
}

[dir="rtl"] .pi-check-list li,
[dir="rtl"] .pi-detail-list li {
    padding: 14px 48px 14px 18px;
}

.pi-check-list li::before,
.pi-detail-list li::before {
    content: "✓";
    position: absolute;
    inset-inline-start: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--pi-gold-pale);
    color: var(--pi-gold-deep);
    font-size: 12px;
    font-weight: 900;
}

.pi-product-detail:nth-of-type(even) {
    background: var(--pi-cream);
}

.pi-product-detail-grid {
    display: grid;
    grid-template-columns: 1.2fr .8fr .8fr;
    gap: 38px;
    align-items: start;
}

.pi-detail-list {
    padding: 28px;
    border-radius: 18px;
    border: 1px solid var(--pi-line);
    background: var(--pi-ivory);
}

.pi-detail-list h3 {
    margin: 0 0 18px;
    font: 700 19px/1.3 Georgia, serif;
}

.pi-detail-list ul {
    display: grid;
    gap: 9px;
}

.pi-detail-list li {
    padding-block: 10px;
    background: var(--pi-cream);
    font-size: 13px;
}

.pi-contact-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.pi-contact-cards article {
    padding: 38px;
    border: 1px solid var(--pi-line);
    border-radius: 20px;
    background: var(--pi-ivory);
}

.pi-contact-cards h2 {
    font-size: clamp(24px, 3vw, 36px);
}

.pi-contact-cards h2 a {
    color: var(--pi-brown);
    text-decoration: none;
    overflow-wrap: anywhere;
}

.pi-contact-cards p:not(.pi-kicker) {
    margin: 17px 0 0;
    color: var(--pi-muted);
    line-height: 1.75;
}

.pi-requirement-tags {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.pi-requirement-tags span {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    border: 1px solid var(--pi-line-strong);
    border-radius: 14px;
    background: var(--pi-gold-pale);
    color: var(--pi-brown);
    text-align: center;
    font-size: 13px;
    font-weight: 800;
}

.pi-rfq-section {
    background: var(--pi-ivory);
}

.pi-form-shell {
    max-width: 980px;
}

.pi-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    padding: 40px;
    border: 1px solid var(--pi-line);
    border-radius: 24px;
    background: var(--pi-cream);
    box-shadow: var(--pi-shadow-sm);
}

.pi-form label {
    display: block;
    min-width: 0;
}

.pi-form label > span {
    display: block;
    margin-bottom: 8px;
    color: var(--pi-brown);
    font-size: 13px;
    line-height: 1.4;
    font-weight: 800;
}

.pi-form input,
.pi-form select,
.pi-form textarea {
    width: 100%;
    max-width: 100%;
    min-height: 50px;
    margin: 0;
    padding: 13px 14px;
    border: 1px solid var(--pi-line-strong);
    border-radius: 10px;
    outline: 0;
    background: var(--pi-white);
    color: var(--pi-brown);
    font: inherit;
    font-size: 16px;
    line-height: 1.45;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.pi-form textarea {
    min-height: 132px;
    resize: vertical;
}

.pi-form input[type="file"] {
    min-height: 54px;
    padding: 10px;
}

.pi-form input:focus,
.pi-form select:focus,
.pi-form textarea:focus {
    border-color: var(--pi-gold);
    box-shadow: 0 0 0 3px rgba(202, 160, 105, .16);
    background: var(--pi-ivory);
}

.pi-form small {
    display: block;
    margin-top: 7px;
    color: var(--pi-muted);
    font-size: 12px;
    line-height: 1.55;
}

.pi-span {
    grid-column: 1 / -1;
}

.pi-consent {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
}

.pi-consent input {
    width: 19px;
    height: 19px;
    min-height: 19px;
    flex: 0 0 19px;
    margin-top: 2px;
    accent-color: var(--pi-gold-deep);
}

.pi-consent span {
    margin: 0 !important;
    font-weight: 600 !important;
}

.pi-form-note {
    margin: -4px 0 0;
    color: var(--pi-muted);
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
}

.pi-hp {
    position: absolute !important;
    inset-inline-start: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.pi-thanks {
    min-height: 72vh;
    display: flex;
    align-items: center;
    padding: 90px 0;
    background: linear-gradient(145deg, var(--pi-ivory), var(--pi-gold-pale));
}

.pi-thanks-card {
    max-width: 820px;
    margin-inline: auto;
    padding: 64px;
    border: 1px solid var(--pi-line-strong);
    border-radius: 28px;
    background: var(--pi-ivory);
    text-align: center;
    box-shadow: var(--pi-shadow-md);
}

.pi-thanks-mark {
    width: 72px;
    height: 72px;
    margin: 0 auto 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pi-gold);
    color: var(--pi-white);
    font-size: 32px;
    font-weight: 900;
}

.pi-thanks h1 {
    font-size: clamp(38px, 5vw, 62px);
}

.pi-thanks .pi-lead {
    margin-inline: auto;
    margin-bottom: 34px;
}

.pi-footer {
    position: relative;
    padding: 76px 0 0;
    background: var(--pi-cream);
    border-top: 1px solid var(--pi-line-strong);
    color: var(--pi-brown);
}

.pi-footer::before {
    content: "";
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--pi-gold-deep), var(--pi-gold), var(--pi-gold-soft));
}

.pi-footer-grid {
    display: grid;
    grid-template-columns: 1.55fr .8fr .95fr 1.05fr;
    gap: 50px;
}

.pi-footer-brand-block {
    max-width: 380px;
}

.pi-footer-logo {
    display: block;
    width: 116px;
    height: 126px;
    object-fit: contain;
}

.pi-footer-brand-block p,
.pi-footer-contact p {
    margin: 19px 0 0;
    color: var(--pi-muted);
    font-size: 14px;
    line-height: 1.8;
}

.pi-footer h2 {
    margin: 5px 0 20px;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

[dir="rtl"] .pi-footer h2 {
    letter-spacing: 0;
    font-size: 12px;
}

.pi-footer-col > a,
.pi-footer-list li {
    display: block;
    margin: 0 0 12px;
    color: var(--pi-brown-soft);
    text-decoration: none;
    font-size: 13px;
    line-height: 1.55;
}

.pi-footer-col > a:hover,
.pi-footer-col > a:focus-visible {
    color: var(--pi-gold-deep);
}

.pi-footer-email {
    font-weight: 800;
    overflow-wrap: anywhere;
}

.pi-footer-cta {
    display: inline-flex !important;
    margin-top: 14px !important;
    color: var(--pi-white) !important;
}

.pi-footer-bottom {
    min-height: 74px;
    margin-top: 60px;
    border-top: 1px solid var(--pi-line);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    color: var(--pi-muted);
    font-size: 12px;
}

.pi-footer-bottom-links {
    display: flex;
    align-items: center;
    gap: 18px;
}

.pi-footer-bottom-links a {
    color: var(--pi-muted);
    text-decoration: none;
}

.pi-footer-bottom-links a:hover,
.pi-footer-bottom-links a:focus-visible {
    color: var(--pi-gold-deep);
}

.pi-whatsapp {
    position: fixed;
    right: max(18px, env(safe-area-inset-right));
    bottom: max(18px, env(safe-area-inset-bottom));
    z-index: 10000;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--pi-gold-deep);
    background: var(--pi-gold);
    color: var(--pi-white) !important;
    text-decoration: none;
    box-shadow: 0 14px 34px rgba(156, 116, 71, .28);
    transition: transform .2s ease, background .2s ease;
}

.pi-whatsapp svg {
    width: 29px;
    height: 29px;
    fill: currentColor;
}

.pi-whatsapp:hover,
.pi-whatsapp:focus-visible {
    transform: translateY(-3px) scale(1.03);
    background: var(--pi-gold-deep);
}

[dir="rtl"] .pi-whatsapp {
    right: auto;
    left: max(18px, env(safe-area-inset-left));
}

.pi-header a:focus-visible,
.pi-footer a:focus-visible,
.pi-section a:focus-visible,
.pi-whatsapp:focus-visible,
.pi-menu:focus-visible,
.pi-btn:focus-visible {
    outline: 3px solid rgba(202, 160, 105, .42);
    outline-offset: 3px;
}

#pristine-rfq {
    scroll-margin-top: 118px;
}

@media (max-width: 1120px) {
    .pi-nav {
        gap: 18px;
    }

    .pi-brand-note {
        display: none;
    }

    .pi-nav-panel,
    .pi-nav-links {
        gap: 16px;
    }

    .pi-nav-links > a {
        font-size: 12px;
    }

    .pi-btn-small {
        padding-inline: 14px;
    }

    .pi-hero-grid {
        gap: 48px;
    }

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

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

    .pi-footer-grid {
        grid-template-columns: 1.35fr .8fr .9fr;
    }

    .pi-footer-contact {
        grid-column: 2 / -1;
    }
}

@media (max-width: 900px) {
    body.admin-bar .pi-header {
        top: 32px;
    }

    .pi-shell {
        width: min(var(--pi-shell), calc(100% - 36px));
    }

    .pi-nav {
        min-height: 80px;
    }

    .pi-logo {
        width: 54px;
        height: 59px;
    }

    .pi-menu {
        display: inline-flex;
        flex: 0 0 auto;
    }

    .pi-nav-panel {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        max-height: calc(100vh - 83px);
        overflow-y: auto;
        display: none;
        align-items: stretch;
        gap: 18px;
        padding: 18px max(18px, calc((100vw - var(--pi-shell)) / 2));
        border-top: 1px solid var(--pi-line);
        border-bottom: 1px solid var(--pi-line-strong);
        background: var(--pi-ivory);
        box-shadow: 0 22px 46px rgba(116, 84, 49, .12);
    }

    .pi-nav-panel.is-open {
        display: block;
    }

    .pi-nav-links,
    .pi-nav-actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .pi-nav-links > a {
        min-height: 50px;
        display: flex;
        align-items: center;
        padding: 13px 4px;
        border-bottom: 1px solid var(--pi-line);
        font-size: 14px;
    }

    .pi-nav-links > a::after {
        display: none;
    }

    .pi-nav-links > a[aria-current="page"] {
        padding-inline: 14px;
        border-radius: 10px;
        border-bottom-color: transparent;
        background: var(--pi-gold-pale);
    }

    .pi-nav-actions {
        margin-top: 14px;
        gap: 10px;
    }

    .pi-lang,
    .pi-nav-actions .pi-btn {
        width: 100%;
    }

    .pi-lang {
        border-radius: 10px;
    }

    .pi-hero-grid,
    .pi-intro-grid,
    .pi-markets-grid,
    .pi-requirement-grid,
    .pi-feature-panel,
    .pi-product-detail-grid {
        grid-template-columns: 1fr;
    }

    .pi-hero-grid {
        min-height: 0;
        gap: 54px;
        padding-block: 72px;
    }

    .pi-hero-copy {
        max-width: 760px;
    }

    .pi-hero-media {
        max-width: 560px;
        width: 100%;
        margin-inline: auto;
    }

    .pi-image-frame {
        aspect-ratio: 5 / 4;
        border-radius: 28px 28px 72px 28px;
    }

    [dir="rtl"] .pi-image-frame {
        border-radius: 28px 28px 28px 72px;
    }

    .pi-intro-grid,
    .pi-feature-panel,
    .pi-markets-grid,
    .pi-requirement-grid {
        gap: 42px;
    }

    .pi-intro-media {
        max-height: 470px;
    }

    .pi-feature-panel {
        padding: 42px;
    }

    .pi-product-detail-grid {
        gap: 22px;
    }

    .pi-contact-cards,
    .pi-two-col {
        grid-template-columns: 1fr;
    }

    .pi-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .pi-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 38px;
    }

    .pi-footer-contact {
        grid-column: auto;
    }
}

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

@media (max-width: 640px) {
    .pi-shell {
        width: min(var(--pi-shell), calc(100% - 28px));
    }

    .pi-nav {
        min-height: 74px;
    }

    .pi-logo {
        width: 48px;
        height: 52px;
    }

    .pi-menu {
        width: 44px;
        height: 44px;
    }

    .pi-nav-panel {
        max-height: calc(100vh - 77px);
        padding-inline: 14px;
    }

    .pi-hero-grid {
        padding-block: 58px 64px;
        gap: 42px;
    }

    .pi-hero h1,
    .pi-thanks h1 {
        font-size: clamp(38px, 12vw, 52px);
    }

    [dir="rtl"] .pi-hero h1,
    [dir="rtl"] .pi-thanks h1 {
        font-size: clamp(34px, 10vw, 46px);
    }

    .pi-lead,
    .pi-copy {
        font-size: 16px;
        line-height: 1.82;
    }

    .pi-hero-actions {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    .pi-hero-actions .pi-btn,
    .pi-hero-actions .pi-text-link {
        width: 100%;
    }

    .pi-hero-actions .pi-text-link {
        justify-content: center;
    }

    .pi-hero-media {
        padding: 8px 8px 8px 0;
    }

    [dir="rtl"] .pi-hero-media {
        padding: 8px 0 8px 8px;
    }

    .pi-image-frame {
        aspect-ratio: 1 / 1;
        border-radius: 22px 22px 54px 22px;
    }

    [dir="rtl"] .pi-image-frame {
        border-radius: 22px 22px 22px 54px;
    }

    .pi-hero-badge {
        width: 98px;
        height: 98px;
        inset-inline-start: -4px;
    }

    .pi-hero-badge span {
        font-size: 9px;
    }

    .pi-hero-badge strong {
        font-size: 8px;
    }

    .pi-trust-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-block: 8px;
    }

    .pi-trust-grid span {
        min-height: 54px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid rgba(255, 255, 255, .28);
        font-size: 10px;
    }

    .pi-trust-grid span:nth-child(2n) {
        border-inline-end: 0;
    }

    .pi-trust-grid span:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    .pi-section {
        padding: 70px 0;
    }

    .pi-section-head {
        margin-bottom: 30px;
    }

    .pi-section h2 {
        font-size: clamp(31px, 9vw, 42px);
    }

    [dir="rtl"] .pi-section h2 {
        font-size: clamp(29px, 8.5vw, 40px);
    }

    .pi-grid,
    .pi-steps,
    .pi-form,
    .pi-footer-grid,
    .pi-requirement-tags {
        grid-template-columns: 1fr;
    }

    .pi-card,
    .pi-step {
        min-height: 0;
    }

    .pi-card {
        padding: 28px 24px;
    }

    .pi-step {
        padding: 28px 24px;
    }

    .pi-feature-panel {
        padding: 28px 22px;
        border-radius: 20px;
    }

    .pi-statement {
        padding: 30px 24px;
    }

    .pi-map-card {
        min-height: 280px;
        padding: 28px;
    }

    .pi-map-card strong {
        font-size: 34px;
    }

    .pi-cta-section {
        padding-block: 62px;
    }

    .pi-cta .pi-btn {
        width: 100%;
    }

    .pi-form {
        gap: 17px;
        padding: 24px 18px;
        border-radius: 18px;
    }

    .pi-span {
        grid-column: auto;
    }

    .pi-contact-cards article {
        padding: 28px 22px;
    }

    .pi-thanks {
        padding: 64px 0;
    }

    .pi-thanks-card {
        padding: 42px 22px;
        border-radius: 20px;
    }

    .pi-footer {
        padding-top: 58px;
    }

    .pi-footer-grid {
        gap: 34px;
    }

    .pi-footer-brand-block {
        max-width: none;
    }

    .pi-footer-logo {
        width: 94px;
        height: 102px;
    }

    .pi-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
        padding: 24px 0;
        margin-top: 44px;
    }

    .pi-footer-bottom-links {
        flex-wrap: wrap;
    }

    .pi-whatsapp {
        width: 54px;
        height: 54px;
        right: max(14px, env(safe-area-inset-right));
        bottom: max(14px, env(safe-area-inset-bottom));
    }

    [dir="rtl"] .pi-whatsapp {
        right: auto;
        left: max(14px, env(safe-area-inset-left));
    }

    .pi-whatsapp svg {
        width: 27px;
        height: 27px;
    }
}

@media (max-width: 380px) {
    .pi-shell {
        width: calc(100% - 22px);
    }

    .pi-hero-grid {
        padding-block: 50px 56px;
    }

    .pi-hero h1,
    .pi-thanks h1 {
        font-size: 36px;
    }

    [dir="rtl"] .pi-hero h1,
    [dir="rtl"] .pi-thanks h1 {
        font-size: 33px;
    }

    .pi-section {
        padding-block: 62px;
    }

    .pi-section h2 {
        font-size: 30px;
    }

    [dir="rtl"] .pi-section h2 {
        font-size: 29px;
    }

    .pi-card h3,
    .pi-step h3 {
        font-size: 19px;
    }

    .pi-form input,
    .pi-form select,
    .pi-form textarea {
        font-size: 16px;
    }
}

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

    .pi-header *,
    .pi-footer *,
    .pi-hero *,
    .pi-section *,
    .pi-whatsapp {
        transition: none !important;
        animation: none !important;
    }
}

@media print {
    .pi-header,
    .pi-whatsapp,
    .pi-menu,
    .pi-footer-cta {
        display: none !important;
    }

    .pi-section,
    .pi-hero,
    .pi-footer {
        padding-block: 24px !important;
        box-shadow: none !important;
    }
}

/* v3.2.2 footer credit + blog */
.pi-developed {
    margin-top: 56px;
    padding: 30px 0 26px;
    border-top: 1px solid var(--pi-line);
    text-align: center;
    color: var(--pi-brown);
    font-size: clamp(20px, 2vw, 30px);
    line-height: 1.35;
    font-weight: 800;
    letter-spacing: -.02em;
}
.pi-developed a {
    color: var(--pi-gold-deep);
    text-decoration: none;
    font-weight: 900;
}
.pi-developed a:hover,
.pi-developed a:focus-visible {
    text-decoration: underline;
    text-underline-offset: 5px;
}
.pi-blog-section { background: var(--pi-cream); }
.pi-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 34px;
}
.pi-blog-card,
.pi-blog-empty {
    min-width: 0;
    background: var(--pi-white);
    border: 1px solid var(--pi-line);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 16px 42px rgba(90,70,50,.08);
}
.pi-blog-card-media {
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--pi-gold-soft);
}
.pi-blog-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}
.pi-blog-card:hover .pi-blog-card-media img { transform: scale(1.025); }
.pi-blog-card-body { padding: 24px; }
.pi-blog-card-date {
    margin: 0 0 10px;
    color: var(--pi-gold-deep);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.pi-blog-card h3,
.pi-blog-empty h3 {
    margin: 0;
    color: var(--pi-brown);
    font-size: 21px;
    line-height: 1.35;
}
.pi-blog-card p,
.pi-blog-empty p {
    margin: 12px 0 0;
    color: var(--pi-muted);
    font-size: 14px;
    line-height: 1.75;
}
.pi-blog-card a { color: inherit; text-decoration: none; }
.pi-blog-card-link {
    display: inline-flex;
    margin-top: 18px;
    color: var(--pi-gold-deep) !important;
    font-weight: 800;
}
.pi-blog-empty {
    grid-column: 1 / -1;
    padding: 34px;
    text-align: center;
}
@media (max-width: 900px) {
    .pi-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pi-developed { margin-top: 42px; padding: 26px 0 22px; }
}
@media (max-width: 620px) {
    .pi-blog-grid { grid-template-columns: 1fr; gap: 18px; }
    .pi-blog-card-body { padding: 20px; }
    .pi-developed { font-size: 20px; margin-top: 34px; }
}


/* v3.6.0 premium redesign, responsive typography and branded loader */
:root {
    --pi-shell: 1240px;
    --pi-header-glass: rgba(255, 253, 248, .94);
}

/* First-visit branded loader. Content continues loading and painting behind it. */
.pi-preloader {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 43%, rgba(202,160,105,.15), transparent 26%),
        var(--pi-ivory);
    opacity: 1;
    visibility: visible;
    transition: opacity .42s ease, visibility .42s ease;
}
.pi-preloader::before,
.pi-preloader::after {
    content: "";
    position: absolute;
    width: min(54vw, 620px);
    aspect-ratio: 1;
    border: 1px solid rgba(202,160,105,.15);
    border-radius: 50%;
}
.pi-preloader::after { width: min(37vw, 420px); border-color: rgba(202,160,105,.24); }
.pi-preloader.is-leaving { opacity: 0; visibility: hidden; pointer-events: none; }
.pi-loader-seen .pi-preloader { display: none !important; }
.pi-preloader-inner { position: relative; z-index: 2; display: grid; justify-items: center; gap: 14px; }
.pi-preloader-inner img {
    width: clamp(105px, 12vw, 155px);
    height: auto;
    filter: drop-shadow(0 12px 26px rgba(156,116,71,.14));
    animation: pi-logo-pulse 1.35s cubic-bezier(.4,0,.2,1) infinite;
}
.pi-preloader-ring {
    position: absolute;
    inset: 50% auto auto 50%;
    width: clamp(150px, 17vw, 208px);
    aspect-ratio: 1;
    transform: translate(-50%, -54%);
    border: 1px solid rgba(202,160,105,.28);
    border-radius: 50%;
    animation: pi-ring-pulse 1.35s ease-out infinite;
}
.pi-preloader-caption { margin-top: 8px; color: var(--pi-gold-deep); font-size: 10px; font-weight: 900; letter-spacing: .25em; }
@keyframes pi-logo-pulse { 0%,100% { transform: scale(.985); opacity: .92; } 50% { transform: scale(1.045); opacity: 1; } }
@keyframes pi-ring-pulse { 0% { transform: translate(-50%,-54%) scale(.84); opacity: .7; } 75%,100% { transform: translate(-50%,-54%) scale(1.12); opacity: 0; } }

/* Premium header: lighter, quieter and more deliberate. */
.pi-header {
    background: var(--pi-header-glass);
    border-bottom: 1px solid rgba(202,160,105,.22);
    box-shadow: 0 8px 30px rgba(90,70,50,.055);
}
.pi-header-line { display: none; }
.pi-topbar { border-bottom: 1px solid rgba(202,160,105,.18); background: rgba(245,234,219,.46); }
.pi-topbar-inner { min-height: 30px; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: var(--pi-muted); font-size: 10px; line-height: 1.2; font-weight: 750; letter-spacing: .085em; text-transform: uppercase; }
[dir="rtl"] .pi-topbar-inner { letter-spacing: 0; font-size: 11px; }
.pi-topbar a { color: var(--pi-gold-deep); text-decoration: none; font-weight: 800; letter-spacing: .02em; text-transform: none; }
.pi-nav-wrap { position: relative; }
.pi-nav { min-height: 78px; gap: 34px; }
.pi-logo-link { gap: 0; }
.pi-logo { width: 62px; height: 67px; }
.pi-brand-note { display: none; }
.pi-nav-panel { flex: 1 1 auto; justify-content: space-between; gap: 24px; }
.pi-nav-links { margin-inline: auto; gap: clamp(18px, 1.8vw, 29px); }
.pi-nav-links > a, .pi-lang { font-size: 12.5px; font-weight: 760; }
[dir="rtl"] .pi-nav-links > a { font-size: 13px; }
.pi-nav-links > a { padding: 29px 0 26px; }
.pi-nav-links > a::after { bottom: 18px; height: 1.5px; }
.pi-nav-actions { gap: 10px; }
.pi-lang { min-width: 40px; min-height: 40px; background: rgba(255,253,248,.78); }
.pi-lang span { transform: translateY(.5px); }
.pi-header-quote { min-height: 42px; padding: 11px 17px; box-shadow: none; white-space: nowrap; }

/* More restrained type scale. */
.pi-hero-grid { min-height: 560px; padding-block: 68px; gap: clamp(42px,5vw,72px); }
.pi-hero h1, .pi-thanks h1 { font-size: clamp(42px, 4.7vw, 64px); line-height: 1.06; }
[dir="rtl"] .pi-hero h1, [dir="rtl"] .pi-thanks h1 { font-size: clamp(39px, 4.4vw, 58px); line-height: 1.24; }
.pi-lead { max-width: 700px; margin-top: 21px; font-size: 16.5px; line-height: 1.82; }
.pi-section { padding-block: 88px; }
.pi-section h2 { font-size: clamp(31px, 3.45vw, 46px); }
[dir="rtl"] .pi-section h2 { font-size: clamp(30px, 3.25vw, 43px); line-height: 1.34; }
.pi-copy { margin-top: 19px; font-size: 16.5px; line-height: 1.88; }
.pi-section-head { margin-bottom: 36px; }

/* Distinct hero compositions for each page. Shared brand, different rhythm. */
.pi-hero { isolation: isolate; }
.pi-hero::before { opacity: .72; }
.pi-hero-media { padding: 0; }
.pi-image-frame { border-radius: 26px; box-shadow: 0 22px 58px rgba(116,84,49,.12); }
[dir="rtl"] .pi-image-frame { border-radius: 26px; }
.pi-hero-badge { width: 104px; height: 104px; inset-inline-start: -18px; bottom: -14px; }

.pi-hero-home {
    background: radial-gradient(circle at 80% 20%, rgba(202,160,105,.2), transparent 27%), linear-gradient(135deg,var(--pi-ivory),var(--pi-cream));
}
.pi-hero-home .pi-hero-grid { min-height: 610px; grid-template-columns: minmax(0,1.02fr) minmax(360px,.98fr); }
.pi-hero-home .pi-image-frame { aspect-ratio: 4 / 5; border-radius: 32px 86px 32px 32px; transform: rotate(.6deg); }
[dir="rtl"] .pi-hero-home .pi-image-frame { border-radius: 86px 32px 32px 32px; transform: rotate(-.6deg); }

.pi-hero-about { background: linear-gradient(180deg,var(--pi-cream),var(--pi-ivory)); }
.pi-hero-about .pi-hero-grid { min-height: 540px; grid-template-columns: minmax(360px,.96fr) minmax(0,1.04fr); }
.pi-hero-about .pi-hero-media { order: 1; }
.pi-hero-about .pi-hero-copy { order: 2; padding: 36px 0; }
.pi-hero-about .pi-image-frame { aspect-ratio: 16 / 11; border-radius: 120px 28px 28px 28px; }
[dir="rtl"] .pi-hero-about .pi-image-frame { border-radius: 28px 120px 28px 28px; }
.pi-hero-about .pi-hero-badge { inset-inline-start: auto; inset-inline-end: -10px; bottom: -18px; }

.pi-hero-products { background: linear-gradient(120deg,var(--pi-gold-pale),var(--pi-ivory) 58%); }
.pi-hero-products .pi-hero-grid { min-height: 520px; grid-template-columns: minmax(0,.88fr) minmax(420px,1.12fr); align-items: end; }
.pi-hero-products .pi-hero-copy { align-self: center; }
.pi-hero-products .pi-image-frame { aspect-ratio: 16 / 9; border-radius: 28px 28px 110px 28px; }
[dir="rtl"] .pi-hero-products .pi-image-frame { border-radius: 28px 28px 28px 110px; }
.pi-hero-products .pi-hero-media::before { content:"FABRIC • HOME • CONTRACT"; position:absolute; inset-inline-start:18px; top:-24px; z-index:2; color:var(--pi-gold-deep); font-size:10px; font-weight:900; letter-spacing:.16em; }
[dir="rtl"] .pi-hero-products .pi-hero-media::before { content:"أقمشة • مفروشات • توريد"; letter-spacing:0; font-size:11px; }

.pi-hero-industries { background: var(--pi-ivory); }
.pi-hero-industries::before { inset-inline-end:auto; inset-inline-start:-210px; top:-140px; }
.pi-hero-industries .pi-hero-grid { min-height: 560px; grid-template-columns: minmax(0,1fr) minmax(430px,1fr); }
.pi-hero-industries .pi-image-frame { aspect-ratio: 1 / 1; border-radius: 50% 50% 28px 28px; }
.pi-hero-industries .pi-hero-badge { inset-inline-start:auto; inset-inline-end:-18px; }

.pi-hero-why { background: linear-gradient(145deg,var(--pi-cream),var(--pi-gold-pale)); }
.pi-hero-why .pi-hero-grid { grid-template-columns: minmax(410px,.9fr) minmax(0,1.1fr); }
.pi-hero-why .pi-hero-media { order:1; }
.pi-hero-why .pi-hero-copy { order:2; }
.pi-hero-why .pi-image-frame { aspect-ratio: 5 / 4; border-radius: 28px 90px 28px 90px; }
[dir="rtl"] .pi-hero-why .pi-image-frame { border-radius: 90px 28px 90px 28px; }

.pi-hero-contact { background: linear-gradient(105deg,var(--pi-ivory) 0 58%,var(--pi-gold-pale) 58% 100%); }
[dir="rtl"] .pi-hero-contact { background: linear-gradient(255deg,var(--pi-ivory) 0 58%,var(--pi-gold-pale) 58% 100%); }
.pi-hero-contact .pi-hero-grid { min-height: 440px; grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr); padding-block: 58px; }
.pi-hero-contact .pi-image-frame { aspect-ratio: 1 / 1; border-radius: 999px 999px 34px 999px; }
[dir="rtl"] .pi-hero-contact .pi-image-frame { border-radius: 999px 999px 999px 34px; }
.pi-hero-contact .pi-hero-badge { display:none; }

.pi-hero-blog { background: linear-gradient(180deg,var(--pi-ivory),var(--pi-cream)); }
.pi-hero-blog .pi-hero-grid { grid-template-columns: 1fr; gap: 38px; padding-block: 60px 74px; }
.pi-hero-blog .pi-hero-copy { max-width: 850px; }
.pi-hero-blog .pi-hero-media { width: 100%; }
.pi-hero-blog .pi-image-frame { aspect-ratio: 21 / 7; border-radius: 24px; }
.pi-hero-blog .pi-hero-badge { display:none; }

.pi-hero-privacy .pi-hero-grid { min-height: 470px; }

/* Footer credit belongs at the absolute end and should stay quiet. */
.pi-footer-bottom { margin-top: 52px; }
.pi-developed {
    margin-top: 0;
    padding: 14px 0 16px;
    border-top: 1px solid var(--pi-line);
    text-align: center;
    color: var(--pi-muted);
    font-size: 14px;
    line-height: 1.45;
    font-weight: 650;
    letter-spacing: 0;
}
.pi-developed a { color: var(--pi-gold-deep); font-weight: 850; }

/* Keep motion GPU-friendly. */
.pi-card, .pi-btn, .pi-blog-card-media img { will-change: transform; }

@media (max-width: 1120px) {
    .pi-topbar-inner { padding-inline: 2px; }
    .pi-nav { gap: 22px; }
    .pi-nav-links { gap: 17px; }
    .pi-nav-links > a { font-size: 12px; }
    .pi-header-quote { padding-inline: 14px; }
    .pi-hero-products .pi-hero-grid,
    .pi-hero-industries .pi-hero-grid,
    .pi-hero-why .pi-hero-grid { grid-template-columns: minmax(0,1fr) minmax(340px,.9fr); }
}

@media (max-width: 900px) {
    .pi-topbar { display:none; }
    .pi-nav { min-height: 74px; }
    .pi-logo { width:54px; height:58px; }
    .pi-nav-panel { top: calc(100% + 1px); border-top: 1px solid var(--pi-line); border-radius: 0 0 20px 20px; }
    .pi-nav-links { margin:0; }
    .pi-hero-home .pi-hero-grid,
    .pi-hero-about .pi-hero-grid,
    .pi-hero-products .pi-hero-grid,
    .pi-hero-industries .pi-hero-grid,
    .pi-hero-why .pi-hero-grid,
    .pi-hero-contact .pi-hero-grid { grid-template-columns:1fr; min-height:0; }
    .pi-hero-about .pi-hero-media,
    .pi-hero-about .pi-hero-copy,
    .pi-hero-why .pi-hero-media,
    .pi-hero-why .pi-hero-copy { order:initial; }
    .pi-hero-about .pi-hero-copy { padding:0; }
    .pi-hero-products .pi-image-frame,
    .pi-hero-industries .pi-image-frame,
    .pi-hero-why .pi-image-frame,
    .pi-hero-contact .pi-image-frame { aspect-ratio: 16/10; border-radius: 24px 24px 62px 24px; }
    [dir="rtl"] .pi-hero-products .pi-image-frame,
    [dir="rtl"] .pi-hero-industries .pi-image-frame,
    [dir="rtl"] .pi-hero-why .pi-image-frame,
    [dir="rtl"] .pi-hero-contact .pi-image-frame { border-radius: 24px 24px 24px 62px; }
    .pi-hero-contact, [dir="rtl"] .pi-hero-contact { background: linear-gradient(180deg,var(--pi-ivory),var(--pi-gold-pale)); }
    .pi-hero-blog .pi-image-frame { aspect-ratio: 16 / 8; }
    .pi-developed { font-size:13px; padding-block:13px 15px; }
}

@media (max-width: 640px) {
    .pi-shell { width: min(var(--pi-shell), calc(100% - 30px)); }
    .pi-nav { min-height: 70px; }
    .pi-logo { width: 50px; height: 54px; }
    .pi-hero-grid { padding-block: 48px 56px; gap: 34px; }
    .pi-hero h1, .pi-thanks h1 { font-size: clamp(32px, 10vw, 40px); line-height:1.12; }
    [dir="rtl"] .pi-hero h1, [dir="rtl"] .pi-thanks h1 { font-size: clamp(31px, 9.5vw, 39px); line-height:1.32; }
    .pi-lead, .pi-copy { font-size:15.5px; line-height:1.82; }
    .pi-section { padding-block:64px; }
    .pi-section h2 { font-size: clamp(28px, 8.2vw, 36px); }
    [dir="rtl"] .pi-section h2 { font-size: clamp(27px, 8vw, 35px); line-height:1.4; }
    .pi-hero-home .pi-image-frame,
    .pi-hero-about .pi-image-frame,
    .pi-hero-products .pi-image-frame,
    .pi-hero-industries .pi-image-frame,
    .pi-hero-why .pi-image-frame,
    .pi-hero-contact .pi-image-frame { aspect-ratio: 4 / 3; border-radius: 20px 20px 48px 20px; }
    [dir="rtl"] .pi-hero-home .pi-image-frame,
    [dir="rtl"] .pi-hero-about .pi-image-frame,
    [dir="rtl"] .pi-hero-products .pi-image-frame,
    [dir="rtl"] .pi-hero-industries .pi-image-frame,
    [dir="rtl"] .pi-hero-why .pi-image-frame,
    [dir="rtl"] .pi-hero-contact .pi-image-frame { border-radius: 20px 20px 20px 48px; }
    .pi-hero-products .pi-hero-media::before { top:-18px; inset-inline-start:10px; font-size:9px; }
    .pi-hero-blog .pi-image-frame { aspect-ratio: 4 / 3; }
    .pi-developed { font-size:12.5px; }
}

@media (max-width: 380px) {
    .pi-shell { width: calc(100% - 24px); }
    .pi-hero h1, .pi-thanks h1 { font-size:31px; }
    [dir="rtl"] .pi-hero h1, [dir="rtl"] .pi-thanks h1 { font-size:30px; }
    .pi-section h2, [dir="rtl"] .pi-section h2 { font-size:27px; }
}

@media (prefers-reduced-motion: reduce) {
    .pi-preloader-inner img, .pi-preloader-ring { animation:none !important; }
}


/* v3.6.1 contact details, official business information and footer refinements */
.pi-contact-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pi-contact-cards article {
    min-width: 0;
}
.pi-contact-cards h2 {
    font-size: clamp(19px, 1.65vw, 27px);
    line-height: 1.25;
    overflow-wrap: anywhere;
}
[dir="rtl"] .pi-contact-cards h2 {
    font-size: clamp(19px, 1.6vw, 26px);
    line-height: 1.45;
}
.pi-footer-founded {
    margin-top: 10px !important;
    color: var(--pi-gold-deep) !important;
    font-weight: 800;
}
.pi-footer-phone {
    display: block;
    margin-top: 8px;
    color: var(--pi-brown);
    font-size: 14px;
    font-weight: 850;
    text-decoration: none;
    direction: ltr;
    unicode-bidi: isolate;
}
.pi-footer-phone:hover,
.pi-footer-phone:focus-visible {
    color: var(--pi-gold-deep);
}
.pi-footer-meta {
    margin-top: 9px !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
}
@media (max-width: 1180px) {
    .pi-contact-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    .pi-contact-cards { grid-template-columns: 1fr; }
}

/* v3.7.0 production polish: premium navigation, RFQ groups, guaranteed floating CTA */
.pi-header-line {
    display: block;
    height: 2px;
    background: linear-gradient(90deg, var(--pi-gold-deep), var(--pi-gold), var(--pi-gold-soft), var(--pi-gold));
}
.pi-topbar {
    background: linear-gradient(90deg, rgba(245,234,219,.68), rgba(255,253,248,.92));
    border-bottom: 1px solid rgba(202,160,105,.20);
}
.pi-topbar-inner {
    min-height: 34px;
    gap: 20px;
    letter-spacing: 0;
    text-transform: none;
}
.pi-topbar-brand,
.pi-topbar-contact {
    display: flex;
    align-items: center;
    min-width: 0;
}
.pi-topbar-brand {
    gap: 9px;
    color: var(--pi-brown-soft);
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}
[dir="rtl"] .pi-topbar-brand {
    letter-spacing: 0;
    font-size: 11px;
}
.pi-topbar-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex: 0 0 6px;
    background: var(--pi-gold);
    box-shadow: 0 0 0 4px rgba(202,160,105,.12);
}
.pi-topbar-contact {
    justify-content: flex-end;
    gap: 14px;
    color: var(--pi-muted);
    font-size: 10.5px;
    font-weight: 700;
}
.pi-topbar-contact > * + * {
    position: relative;
    padding-inline-start: 14px;
}
.pi-topbar-contact > * + *::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 50%;
    width: 1px;
    height: 12px;
    background: var(--pi-line-strong);
    transform: translateY(-50%);
}
.pi-topbar-contact a {
    white-space: nowrap;
}
.pi-topbar-phone {
    direction: ltr;
    unicode-bidi: isolate;
}
.pi-nav {
    min-height: 82px;
}
.pi-logo-link {
    gap: 12px;
}
.pi-logo {
    width: 64px;
    height: 69px;
}
.pi-brand-note {
    display: block;
    max-width: 112px;
    font-size: 9.5px;
    line-height: 1.55;
    letter-spacing: .095em;
    font-weight: 850;
    color: var(--pi-gold-deep);
}
[dir="rtl"] .pi-brand-note {
    max-width: 128px;
    font-size: 10.5px;
    line-height: 1.6;
}
.pi-nav-panel {
    gap: 20px;
}
.pi-nav-links {
    gap: clamp(16px, 1.55vw, 25px);
}
.pi-nav-links > a {
    padding: 31px 0 28px;
}
.pi-nav-links > a::after {
    bottom: 19px;
}
.pi-header-quote {
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(156,116,71,.12);
}

.pi-form {
    gap: 18px 20px;
    padding: clamp(24px, 4vw, 42px);
    border-color: rgba(202,160,105,.35);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255,253,248,.98), rgba(251,247,240,.98));
    box-shadow: 0 24px 70px rgba(116,84,49,.09);
}
.pi-form-group-title {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 10px;
    padding: 18px 20px;
    border: 1px solid rgba(202,160,105,.30);
    border-radius: 16px;
    background: rgba(245,234,219,.58);
}
.pi-form-group-title:first-of-type {
    margin-top: 0;
}
.pi-form-group-index {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--pi-gold);
    color: var(--pi-white);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .04em;
}
.pi-form-group-title strong,
.pi-form-group-title small {
    display: block;
}
.pi-form-group-title strong {
    color: var(--pi-brown);
    font-size: 14px;
    line-height: 1.35;
    font-weight: 900;
}
.pi-form-group-title small {
    margin-top: 3px;
    color: var(--pi-muted);
    font-size: 11.5px;
    line-height: 1.5;
}
.pi-form input,
.pi-form select,
.pi-form textarea {
    border-color: rgba(156,116,71,.30);
    border-radius: 12px;
    background: var(--pi-white);
}
.pi-form select {
    cursor: pointer;
}
.pi-form select[name="incoterms"] {
    direction: ltr;
    unicode-bidi: isolate;
}
.pi-form button[type="submit"] {
    min-height: 54px;
    justify-self: stretch;
    border-radius: 13px;
}
.pi-form-note {
    padding-top: 2px;
}

.pi-whatsapp {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2147482000;
    isolation: isolate;
}
.pi-whatsapp::after {
    content: "";
    position: absolute;
    inset: -7px;
    z-index: -1;
    border: 1px solid rgba(202,160,105,.38);
    border-radius: 50%;
    animation: pi-wa-ring 2.2s ease-out infinite;
}
@keyframes pi-wa-ring {
    0% { transform: scale(.84); opacity: .75; }
    75%,100% { transform: scale(1.24); opacity: 0; }
}

body.admin-bar .pi-header {
    top: 32px;
}

@media (max-width: 1180px) {
    .pi-topbar-location { display: none; }
    .pi-brand-note { display: none; }
    .pi-logo-link { gap: 0; }
}
@media (max-width: 900px) {
    body.admin-bar .pi-header { top: 46px; }
    .pi-header-line { height: 2px; }
    .pi-nav { min-height: 72px; }
    .pi-logo { width: 52px; height: 56px; }
    .pi-form-group-title { padding: 16px; }
}
@media (max-width: 782px) {
    body.admin-bar .pi-header { top: 46px; }
}
@media (max-width: 640px) {
    .pi-form { padding: 20px 16px; gap: 16px; border-radius: 20px; }
    .pi-form-group-title { gap: 11px; padding: 14px; border-radius: 14px; }
    .pi-form-group-index { width: 30px; height: 30px; flex-basis: 30px; font-size: 10px; }
    .pi-form-group-title strong { font-size: 13.5px; }
    .pi-form-group-title small { font-size: 11px; }
    .pi-whatsapp { width: 56px; height: 56px; }
}
@media (prefers-reduced-motion: reduce) {
    .pi-whatsapp::after { animation: none !important; }
}

/* v3.8.0 — header identity, LinkedIn and mobile-first production hardening */
.pi-logo-link {
    gap: 14px;
    min-width: 0;
}
.pi-header-logo {
    width: clamp(138px, 11.5vw, 168px);
    height: auto;
    max-height: 58px;
    object-fit: contain;
    object-position: center;
}
.pi-brand-note {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: none;
    min-width: 104px;
    gap: 2px;
    color: var(--pi-gold-deep);
    font-size: 9px;
    line-height: 1.28;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    white-space: nowrap;
}
[dir="rtl"] .pi-brand-note {
    max-width: none;
    font-size: 9px;
    line-height: 1.28;
    letter-spacing: .12em;
    direction: ltr;
    text-align: left;
}
.pi-social-link {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--pi-line-strong);
    border-radius: 999px;
    background: var(--pi-ivory);
    color: var(--pi-gold-deep);
    text-decoration: none;
    transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.pi-social-link svg {
    width: 18px;
    height: 18px;
    display: block;
}
.pi-social-link:hover,
.pi-social-link:focus-visible {
    transform: translateY(-1px);
    border-color: var(--pi-gold);
    background: var(--pi-gold-pale);
    color: var(--pi-brown);
}
.pi-footer-socials {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
}
.pi-footer-linkedin {
    width: auto;
    height: 40px;
    flex-basis: auto;
    gap: 8px;
    padding-inline: 12px 14px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 850;
}
.pi-footer-linkedin span { line-height: 1; }

/* Keep the larger horizontal brand balanced against navigation on desktop. */
.pi-nav { gap: clamp(18px, 2vw, 30px); }
.pi-nav-panel { gap: clamp(14px, 1.4vw, 22px); }
.pi-nav-links { gap: clamp(13px, 1.25vw, 21px); }
.pi-nav-links > a { font-size: 12.5px; }
.pi-nav-actions { gap: 10px; }

@media (max-width: 1240px) {
    .pi-header-logo { width: 148px; }
    .pi-brand-note { min-width: 96px; font-size: 8.5px; }
    .pi-nav-links { gap: 13px; }
    .pi-nav-links > a { font-size: 12px; }
    .pi-header-quote { padding-inline: 13px; }
}

@media (max-width: 1080px) {
    .pi-brand-note { display: none; }
    .pi-logo-link { gap: 0; }
    .pi-header-logo { width: 142px; }
}

/* Tablet + mobile navigation is deliberately rebuilt as a touch-first sheet. */
@media (max-width: 900px) {
    html, body.pristine-impex-page { max-width: 100%; overflow-x: hidden; }
    .pi-topbar { display: none !important; }
    .pi-header { width: 100%; }
    .pi-nav-wrap { position: relative; }
    .pi-nav {
        min-height: 70px;
        gap: 12px;
        padding-block: 7px;
    }
    .pi-logo-link {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        max-width: calc(100% - 58px);
    }
    .pi-header-logo {
        width: clamp(118px, 31vw, 142px);
        height: auto;
        max-height: 48px;
    }
    .pi-brand-note {
        display: flex;
        min-width: 0;
        max-width: 86px;
        font-size: 7.2px;
        line-height: 1.25;
        letter-spacing: .09em;
    }
    [dir="rtl"] .pi-brand-note {
        display: flex;
        font-size: 7.2px;
        letter-spacing: .09em;
    }
    .pi-menu {
        display: inline-flex;
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        border-radius: 14px;
        background: var(--pi-cream);
    }
    .pi-nav-panel {
        position: absolute;
        inset-inline: 0;
        top: calc(100% + 1px);
        width: 100%;
        max-height: calc(100dvh - 72px - env(safe-area-inset-bottom));
        overflow-y: auto;
        overscroll-behavior: contain;
        display: none;
        padding: 14px max(18px, calc((100vw - var(--pi-shell)) / 2)) max(20px, env(safe-area-inset-bottom));
        border: 0;
        border-top: 1px solid var(--pi-line);
        border-radius: 0 0 22px 22px;
        background: rgba(255,253,248,.995);
        box-shadow: 0 26px 52px rgba(116,84,49,.16);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }
    .pi-nav-panel.is-open { display: block; }
    .pi-nav-links {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: 4px;
    }
    .pi-nav-links > a {
        min-height: 50px;
        display: flex;
        align-items: center;
        padding: 12px 14px;
        border: 0;
        border-radius: 12px;
        font-size: 14px;
        line-height: 1.3;
    }
    .pi-nav-links > a + a { border-top: 1px solid rgba(232,215,192,.58); }
    .pi-nav-links > a[aria-current="page"] {
        background: var(--pi-gold-pale);
        color: var(--pi-gold-deep);
    }
    .pi-nav-actions {
        width: 100%;
        margin-top: 12px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .pi-nav-actions .pi-social-link,
    .pi-nav-actions .pi-lang {
        width: 100%;
        min-width: 0;
        height: 46px;
        border-radius: 12px;
    }
    .pi-nav-actions .pi-header-quote {
        grid-column: 1 / -1;
        width: 100%;
        min-height: 48px;
        margin: 0;
        border-radius: 12px;
    }

    /* Consistent content rhythm on tablets and phones. */
    .pi-hero-grid {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
        padding-block: 46px 54px !important;
        gap: 30px !important;
    }
    .pi-hero-copy,
    .pi-hero-media {
        width: 100%;
        max-width: none;
    }
    .pi-hero-copy { order: 1 !important; padding: 0 !important; }
    .pi-hero-media { order: 2 !important; margin: 0 auto; }
    .pi-hero h1,
    .pi-thanks h1 {
        max-width: 17ch;
        margin-inline: 0;
        font-size: clamp(34px, 7.3vw, 46px) !important;
        line-height: 1.08 !important;
        overflow-wrap: anywhere;
    }
    [dir="rtl"] .pi-hero h1,
    [dir="rtl"] .pi-thanks h1 {
        max-width: 16ch;
        font-size: clamp(32px, 7vw, 44px) !important;
        line-height: 1.3 !important;
    }
    .pi-kicker { margin-bottom: 12px; font-size: 10px; }
    .pi-lead,
    .pi-copy { max-width: 62ch; font-size: 15.5px !important; line-height: 1.8 !important; }
    .pi-hero-actions {
        width: 100%;
        margin-top: 24px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px 14px;
    }
    .pi-image-frame,
    .pi-hero-home .pi-image-frame,
    .pi-hero-about .pi-image-frame,
    .pi-hero-products .pi-image-frame,
    .pi-hero-industries .pi-image-frame,
    .pi-hero-why .pi-image-frame,
    .pi-hero-contact .pi-image-frame,
    .pi-hero-blog .pi-image-frame {
        width: 100%;
        aspect-ratio: 16 / 10 !important;
        border-radius: 22px 22px 48px 22px !important;
        overflow: hidden;
    }
    [dir="rtl"] .pi-image-frame,
    [dir="rtl"] .pi-hero-home .pi-image-frame,
    [dir="rtl"] .pi-hero-about .pi-image-frame,
    [dir="rtl"] .pi-hero-products .pi-image-frame,
    [dir="rtl"] .pi-hero-industries .pi-image-frame,
    [dir="rtl"] .pi-hero-why .pi-image-frame,
    [dir="rtl"] .pi-hero-contact .pi-image-frame {
        border-radius: 22px 22px 22px 48px !important;
    }
    .pi-section { padding-block: 58px !important; }
    .pi-section-head { margin-bottom: 28px; }
    .pi-section h2 { font-size: clamp(28px, 6.2vw, 38px) !important; line-height: 1.18 !important; }
    [dir="rtl"] .pi-section h2 { font-size: clamp(27px, 6vw, 36px) !important; line-height: 1.4 !important; }
    .pi-grid,
    .pi-steps,
    .pi-contact-cards,
    .pi-two-col,
    .pi-product-detail-grid,
    .pi-footer-grid { grid-template-columns: 1fr !important; }
    .pi-grid,
    .pi-steps { gap: 16px; }
    .pi-card,
    .pi-step,
    .pi-product-detail,
    .pi-contact-cards article { min-width: 0; }
    .pi-feature-panel,
    .pi-form { padding: 24px 20px !important; border-radius: 20px; }
    .pi-form { grid-template-columns: 1fr !important; }
    .pi-form .pi-span,
    .pi-form button[type="submit"] { grid-column: 1 !important; }
    .pi-form label,
    .pi-form input,
    .pi-form select,
    .pi-form textarea { min-width: 0; max-width: 100%; }
    .pi-footer { padding-top: 54px; }
    .pi-footer-grid { gap: 30px; }
    .pi-footer-contact { grid-column: auto !important; }
    .pi-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
    .pi-footer-bottom-links { flex-wrap: wrap; gap: 12px 18px; }
    .pi-developed { text-align: center; }
    .pi-whatsapp {
        width: 54px !important;
        height: 54px !important;
        right: max(16px, env(safe-area-inset-right)) !important;
        bottom: max(18px, env(safe-area-inset-bottom)) !important;
    }
    [dir="rtl"] .pi-whatsapp {
        right: auto !important;
        left: max(16px, env(safe-area-inset-left)) !important;
    }
}

@media (max-width: 640px) {
    .pi-shell { width: calc(100% - 28px) !important; }
    .pi-nav { min-height: 66px; padding-block: 6px; }
    .pi-header-logo { width: 118px; max-height: 43px; }
    .pi-brand-note { max-width: 80px; font-size: 6.8px; letter-spacing: .08em; }
    [dir="rtl"] .pi-brand-note { font-size: 6.8px; }
    .pi-menu { width: 42px; height: 42px; flex-basis: 42px; }
    .pi-nav-panel { max-height: calc(100dvh - 68px - env(safe-area-inset-bottom)); padding-inline: 14px; }
    .pi-hero-grid { padding-block: 38px 46px !important; gap: 26px !important; }
    .pi-hero h1,
    .pi-thanks h1 { font-size: clamp(31px, 9.2vw, 38px) !important; line-height: 1.1 !important; }
    [dir="rtl"] .pi-hero h1,
    [dir="rtl"] .pi-thanks h1 { font-size: clamp(30px, 8.8vw, 37px) !important; line-height: 1.34 !important; }
    .pi-lead,
    .pi-copy { font-size: 15px !important; line-height: 1.78 !important; }
    .pi-hero-actions { flex-direction: column; align-items: stretch; gap: 10px; }
    .pi-hero-actions .pi-btn,
    .pi-hero-actions .pi-text-link { width: 100%; min-height: 48px; justify-content: center; }
    .pi-image-frame,
    .pi-hero-home .pi-image-frame,
    .pi-hero-about .pi-image-frame,
    .pi-hero-products .pi-image-frame,
    .pi-hero-industries .pi-image-frame,
    .pi-hero-why .pi-image-frame,
    .pi-hero-contact .pi-image-frame,
    .pi-hero-blog .pi-image-frame { aspect-ratio: 4 / 3 !important; }
    .pi-section { padding-block: 50px !important; }
    .pi-section h2 { font-size: clamp(27px, 8vw, 33px) !important; }
    [dir="rtl"] .pi-section h2 { font-size: clamp(26px, 7.8vw, 32px) !important; }
    .pi-card,
    .pi-step,
    .pi-contact-cards article,
    .pi-product-detail { padding: 22px 18px; border-radius: 18px; }
    .pi-feature-panel,
    .pi-form { padding: 20px 16px !important; }
    .pi-form-group-title { padding: 13px !important; }
    .pi-form input,
    .pi-form select,
    .pi-form textarea { font-size: 16px; }
    .pi-footer { padding-top: 48px; }
    .pi-footer-logo { max-width: 96px; }
    .pi-footer-socials { margin-top: 14px; }
    .pi-developed { font-size: 11.5px !important; padding-block: 11px 13px !important; }
}

@media (max-width: 390px) {
    .pi-shell { width: calc(100% - 22px) !important; }
    .pi-logo-link { gap: 7px; max-width: calc(100% - 50px); }
    .pi-header-logo { width: 108px; }
    .pi-brand-note { max-width: 70px; font-size: 6.2px; letter-spacing: .065em; }
    [dir="rtl"] .pi-brand-note { font-size: 6.2px; }
    .pi-hero h1,
    .pi-thanks h1 { font-size: 30px !important; }
    [dir="rtl"] .pi-hero h1,
    [dir="rtl"] .pi-thanks h1 { font-size: 29px !important; }
}

@media (max-width: 340px) {
    .pi-brand-note { display: none !important; }
    .pi-header-logo { width: 116px; }
}

/* v3.8.1 — live header identity + mobile rebuild verified against 390px production capture */
.pi-mobile-linkedin { display: none; }

@media (max-width: 900px) {
    body.admin-bar .pi-header { top: 46px; }
    html, body, body.pristine-impex-page, .pristine-direct-page { width: 100%; max-width: 100%; overflow-x: clip !important; }
    .pi-header { backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
    .pi-nav-wrap { overflow: visible; }
    .pi-nav {
        width: min(var(--pi-shell), calc(100% - 28px));
        min-height: 64px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 38px 42px;
        align-items: center;
        gap: 8px !important;
        padding-block: 7px !important;
    }
    .pi-logo-link {
        width: 100%;
        max-width: none !important;
        min-width: 0;
        gap: 8px !important;
        overflow: hidden;
    }
    .pi-header-logo {
        width: clamp(126px, 34vw, 150px) !important;
        height: auto !important;
        max-height: 53px !important;
        flex: 0 1 auto;
        object-fit: contain;
        object-position: center;
    }
    .pi-brand-note,
    [dir="rtl"] .pi-brand-note {
        display: flex !important;
        flex: 0 1 74px;
        min-width: 0 !important;
        max-width: 74px !important;
        gap: 1px !important;
        color: var(--pi-gold-deep);
        font-size: 6.8px !important;
        line-height: 1.24 !important;
        font-weight: 900;
        letter-spacing: .075em !important;
        direction: ltr;
        text-align: left;
        white-space: nowrap;
    }
    .pi-mobile-linkedin {
        display: inline-flex !important;
        width: 38px !important;
        height: 38px !important;
        flex: 0 0 38px !important;
        border-radius: 12px !important;
        background: var(--pi-ivory);
        color: var(--pi-gold-deep);
    }
    .pi-mobile-linkedin svg { width: 17px; height: 17px; }
    .pi-menu {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
        border-radius: 13px !important;
        background: var(--pi-cream) !important;
    }
    .pi-menu span { width: 18px; left: 11px; }
    .pi-menu span:nth-child(1) { top: 13px; }
    .pi-menu span:nth-child(2) { top: 20px; }
    .pi-menu span:nth-child(3) { top: 27px; }
    .pi-nav-panel {
        inset-inline: 0 !important;
        top: calc(100% + 1px) !important;
        width: 100% !important;
        padding: 12px 14px max(18px, env(safe-area-inset-bottom)) !important;
        border-radius: 0 0 18px 18px !important;
    }
    .pi-nav-links > a { min-height: 46px !important; padding: 10px 12px !important; font-size: 13.5px !important; }
    .pi-nav-actions { grid-template-columns: 1fr !important; gap: 8px !important; }
    .pi-nav-actions .pi-header-linkedin { display: none !important; }
    .pi-nav-actions .pi-lang,
    .pi-nav-actions .pi-header-quote { width: 100% !important; min-height: 46px !important; }

    .pi-hero { overflow: hidden; }
    .pi-hero-grid {
        padding-block: 30px 38px !important;
        gap: 22px !important;
    }
    .pi-hero-copy { min-width: 0; }
    .pi-kicker { margin-bottom: 9px !important; font-size: 9.5px !important; line-height: 1.35 !important; }
    .pi-hero h1,
    .pi-thanks h1 {
        max-width: none !important;
        margin: 0 !important;
        font-size: clamp(31px, 7.4vw, 40px) !important;
        line-height: 1.08 !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
    [dir="rtl"] .pi-hero h1,
    [dir="rtl"] .pi-thanks h1 {
        max-width: none !important;
        font-size: clamp(30px, 7.1vw, 38px) !important;
        line-height: 1.28 !important;
    }
    .pi-lead,
    .pi-copy {
        max-width: none !important;
        margin-top: 14px !important;
        font-size: 15px !important;
        line-height: 1.68 !important;
    }
    .pi-hero-actions {
        width: 100%;
        margin-top: 18px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    .pi-hero-actions .pi-btn,
    .pi-hero-actions .pi-text-link {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 12px 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        overflow: visible !important;
        white-space: normal !important;
    }
    .pi-hero-actions .pi-btn:not(.pi-btn-secondary) { order: 1; border-radius: 14px !important; }
    .pi-hero-actions .pi-btn-secondary,
    .pi-hero-actions .pi-text-link { order: 2; border-radius: 12px; }
    .pi-hero-actions .pi-text-link span { flex: 0 0 auto; }
    .pi-hero-media { margin-top: 0 !important; }
    .pi-image-frame,
    .pi-hero-home .pi-image-frame,
    .pi-hero-about .pi-image-frame,
    .pi-hero-products .pi-image-frame,
    .pi-hero-industries .pi-image-frame,
    .pi-hero-why .pi-image-frame,
    .pi-hero-contact .pi-image-frame,
    .pi-hero-blog .pi-image-frame {
        width: 100% !important;
        aspect-ratio: 16 / 11 !important;
        border-radius: 18px 18px 38px 18px !important;
        transform: none !important;
    }
    [dir="rtl"] .pi-image-frame,
    [dir="rtl"] .pi-hero-home .pi-image-frame,
    [dir="rtl"] .pi-hero-about .pi-image-frame,
    [dir="rtl"] .pi-hero-products .pi-image-frame,
    [dir="rtl"] .pi-hero-industries .pi-image-frame,
    [dir="rtl"] .pi-hero-why .pi-image-frame,
    [dir="rtl"] .pi-hero-contact .pi-image-frame {
        border-radius: 18px 18px 18px 38px !important;
    }
    .pi-hero-badge { display: none !important; }
    .pi-section { padding-block: 48px !important; }
    .pi-section-head { margin-bottom: 24px !important; }
    .pi-section h2 { font-size: clamp(27px, 6.3vw, 34px) !important; }
    [dir="rtl"] .pi-section h2 { font-size: clamp(26px, 6vw, 33px) !important; }
    .pi-whatsapp {
        width: 52px !important;
        height: 52px !important;
        right: max(14px, env(safe-area-inset-right)) !important;
        bottom: max(14px, env(safe-area-inset-bottom)) !important;
        box-shadow: 0 10px 26px rgba(116,84,49,.20) !important;
    }
    [dir="rtl"] .pi-whatsapp { right: auto !important; left: max(14px, env(safe-area-inset-left)) !important; }
}

@media (max-width: 640px) {
    .pi-shell { width: calc(100% - 28px) !important; }
    .pi-nav { width: calc(100% - 24px) !important; min-height: 62px !important; }
    .pi-header-logo { width: 132px !important; max-height: 47px !important; }
    .pi-brand-note,
    [dir="rtl"] .pi-brand-note { flex-basis: 64px; max-width: 64px !important; font-size: 6.2px !important; letter-spacing: .06em !important; }
    .pi-hero-grid { padding-block: 28px 34px !important; gap: 20px !important; }
    .pi-hero h1,
    .pi-thanks h1 { font-size: clamp(29px, 8.4vw, 34px) !important; line-height: 1.1 !important; }
    [dir="rtl"] .pi-hero h1,
    [dir="rtl"] .pi-thanks h1 { font-size: clamp(28px, 8vw, 33px) !important; line-height: 1.3 !important; }
    .pi-lead,
    .pi-copy { font-size: 14.8px !important; line-height: 1.65 !important; }
    .pi-hero-actions { margin-top: 16px !important; }
    .pi-image-frame,
    .pi-hero-home .pi-image-frame,
    .pi-hero-about .pi-image-frame,
    .pi-hero-products .pi-image-frame,
    .pi-hero-industries .pi-image-frame,
    .pi-hero-why .pi-image-frame,
    .pi-hero-contact .pi-image-frame,
    .pi-hero-blog .pi-image-frame { aspect-ratio: 1.42 / 1 !important; }
    .pi-card,
    .pi-step,
    .pi-contact-cards article,
    .pi-product-detail { padding: 20px 17px !important; }
}

@media (max-width: 390px) {
    .pi-shell { width: calc(100% - 24px) !important; }
    .pi-nav { width: calc(100% - 20px) !important; grid-template-columns: minmax(0,1fr) 36px 40px; gap: 7px !important; }
    .pi-header-logo { width: 126px !important; max-height: 45px !important; }
    .pi-brand-note,
    [dir="rtl"] .pi-brand-note { flex-basis: 58px; max-width: 58px !important; font-size: 5.8px !important; letter-spacing: .05em !important; }
    .pi-mobile-linkedin { width: 36px !important; height: 36px !important; flex-basis: 36px !important; }
    .pi-menu { width: 40px !important; height: 40px !important; flex-basis: 40px !important; }
    .pi-menu span { left: 10px; }
    .pi-hero-grid { padding-block: 25px 32px !important; gap: 18px !important; }
    .pi-hero h1,
    .pi-thanks h1 { font-size: 30px !important; line-height: 1.1 !important; }
    [dir="rtl"] .pi-hero h1,
    [dir="rtl"] .pi-thanks h1 { font-size: 29px !important; line-height: 1.3 !important; }
    .pi-lead,
    .pi-copy { font-size: 14.5px !important; line-height: 1.62 !important; }
    .pi-hero-actions .pi-btn,
    .pi-hero-actions .pi-text-link { min-height: 44px !important; padding-block: 10px !important; }
}

@media (max-width: 340px) {
    .pi-header-logo { width: 112px !important; }
    .pi-brand-note,
    [dir="rtl"] .pi-brand-note { display: flex !important; flex-basis: 52px; max-width: 52px !important; font-size: 5.2px !important; }
    .pi-hero h1,
    .pi-thanks h1 { font-size: 28px !important; }
    [dir="rtl"] .pi-hero h1,
    [dir="rtl"] .pi-thanks h1 { font-size: 27px !important; }
}


/* v3.8.2 — final mobile alignment + hero CTA closure
   Scope: public mobile/tablet view only. Desktop layout remains unchanged. */
@media (max-width: 900px) {
    html,
    body.pristine-impex-page {
        max-width: 100%;
        overflow-x: clip !important;
    }

    /* Center the visual rhythm of the whole mobile site. Keep field entry itself
       direction-aware so forms remain usable in both English and Arabic. */
    .pi-hero-copy,
    .pi-section-head,
    .pi-section-copy,
    .pi-card,
    .pi-step,
    .pi-feature-panel,
    .pi-product-detail,
    .pi-contact-cards article,
    .pi-map-card,
    .pi-statement,
    .pi-thanks-card,
    .pi-blog-empty,
    .pi-form-shell,
    .pi-form-group-title,
    .pi-footer-brand-block,
    .pi-footer-col,
    .pi-footer-contact,
    .pi-footer-bottom,
    .pi-developed {
        text-align: center !important;
    }

    .pi-hero-copy,
    .pi-section-copy,
    .pi-section-head,
    .pi-statement,
    .pi-thanks-card,
    .pi-feature-panel,
    .pi-form-shell {
        margin-inline: auto !important;
    }

    .pi-kicker,
    .pi-hero h1,
    .pi-thanks h1,
    .pi-lead,
    .pi-copy,
    .pi-section h2,
    .pi-section-head > *,
    .pi-section-copy > * {
        margin-inline: auto !important;
        text-align: center !important;
    }

    .pi-grid,
    .pi-steps,
    .pi-contact-cards,
    .pi-two-col,
    .pi-product-detail-grid,
    .pi-requirement-grid,
    .pi-markets-grid,
    .pi-trust-grid,
    .pi-blog-grid {
        justify-items: center !important;
    }

    .pi-card,
    .pi-step,
    .pi-contact-cards article,
    .pi-product-detail,
    .pi-map-card,
    .pi-blog-grid > * {
        width: 100% !important;
        max-width: 680px;
        margin-inline: auto !important;
    }

    .pi-check-list,
    .pi-detail-list,
    .pi-footer-list,
    .pi-requirement-tags,
    .pi-footer-socials,
    .pi-footer-bottom-links {
        justify-content: center !important;
        justify-items: center !important;
        margin-inline: auto !important;
    }

    .pi-check-list,
    .pi-detail-list,
    .pi-footer-list {
        padding-inline: 0 !important;
        text-align: center !important;
    }

    .pi-check-list li,
    .pi-detail-list li,
    .pi-footer-list li {
        justify-content: center !important;
        text-align: center !important;
    }

    .pi-cta {
        text-align: center !important;
        justify-items: center !important;
        align-items: center !important;
    }

    .pi-cta > *,
    .pi-cta .pi-btn {
        margin-inline: auto !important;
    }

    /* Mobile hero is its own composition. No inherited desktop offsets. */
    .pi-hero-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: center !important;
        justify-items: center !important;
        width: 100% !important;
    }

    .pi-hero-copy,
    .pi-hero-media {
        width: 100% !important;
        max-width: 720px !important;
        min-width: 0 !important;
        padding-inline: 0 !important;
        margin-inline: auto !important;
        transform: none !important;
        inset: auto !important;
    }

    .pi-hero-media {
        display: flex !important;
        justify-content: center !important;
    }

    /* Hard reset for the CTA row fixes the clipped Explore Products issue seen
       on live iPhone/Chrome captures. */
    .pi-hero-actions {
        position: static !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        float: none !important;
        clear: both !important;
        box-sizing: border-box !important;
        width: min(100%, 560px) !important;
        max-width: 100% !important;
        margin: 22px auto 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 12px !important;
        overflow: visible !important;
    }

    .pi-hero-actions > .pi-btn,
    .pi-hero-actions > .pi-text-link {
        position: static !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        float: none !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 52px !important;
        margin: 0 auto !important;
        padding: 13px 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        text-align: center !important;
        white-space: normal !important;
        overflow: hidden !important;
        border-radius: 14px !important;
        line-height: 1.25 !important;
    }

    .pi-hero-actions > .pi-btn:not(.pi-btn-secondary) {
        order: 1 !important;
    }

    .pi-hero-actions > .pi-btn-secondary,
    .pi-hero-actions > .pi-text-link {
        order: 2 !important;
        border: 1px solid var(--pi-line-strong) !important;
        background: rgba(255, 253, 248, .84) !important;
        box-shadow: none !important;
    }

    .pi-hero-actions > .pi-text-link span {
        position: static !important;
        flex: 0 0 auto !important;
        transform: none !important;
        margin: 0 !important;
    }

    [dir="rtl"] .pi-hero-actions > .pi-text-link span {
        transform: rotate(180deg) !important;
    }

    .pi-image-frame {
        margin-inline: auto !important;
    }

    /* Mobile navigation panel and footer also follow the centered system. */
    .pi-nav-panel,
    .pi-nav-links,
    .pi-nav-actions {
        text-align: center !important;
    }

    .pi-nav-links > a,
    .pi-nav-actions > a {
        justify-content: center !important;
        text-align: center !important;
    }

    .pi-footer-grid {
        justify-items: center !important;
    }

    .pi-footer-logo,
    .pi-footer-email,
    .pi-footer-phone,
    .pi-footer-cta,
    .pi-footer-socials {
        margin-inline: auto !important;
    }

    /* Labels/headings are centered, while entered values retain expected typing direction. */
    .pi-form {
        margin-inline: auto !important;
    }

    .pi-form label,
    .pi-form-note,
    .pi-consent {
        text-align: center !important;
    }

    .pi-form input,
    .pi-form select,
    .pi-form textarea {
        text-align: start !important;
    }

    .pi-form button[type="submit"] {
        justify-self: center !important;
        margin-inline: auto !important;
    }
}

@media (max-width: 640px) {
    .pi-hero-grid {
        padding-block: 24px 32px !important;
        gap: 28px !important;
    }

    .pi-hero-copy {
        padding-inline: 0 !important;
    }

    .pi-hero h1,
    .pi-thanks h1 {
        max-width: 12.5ch !important;
        font-size: clamp(30px, 8.3vw, 36px) !important;
        line-height: 1.08 !important;
        text-wrap: balance !important;
    }

    [dir="rtl"] .pi-hero h1,
    [dir="rtl"] .pi-thanks h1 {
        max-width: 14ch !important;
        font-size: clamp(29px, 7.9vw, 35px) !important;
        line-height: 1.28 !important;
    }

    .pi-lead,
    .pi-copy {
        max-width: 36ch !important;
        font-size: 15px !important;
        line-height: 1.68 !important;
    }

    .pi-hero-actions {
        width: 100% !important;
        margin-top: 20px !important;
        gap: 10px !important;
    }

    .pi-hero-actions > .pi-btn,
    .pi-hero-actions > .pi-text-link {
        min-height: 50px !important;
        padding: 12px 16px !important;
    }

    .pi-hero-media {
        margin-top: 0 !important;
    }

    .pi-image-frame,
    .pi-hero-home .pi-image-frame,
    .pi-hero-about .pi-image-frame,
    .pi-hero-products .pi-image-frame,
    .pi-hero-industries .pi-image-frame,
    .pi-hero-why .pi-image-frame,
    .pi-hero-contact .pi-image-frame,
    .pi-hero-blog .pi-image-frame {
        aspect-ratio: 4 / 3 !important;
        max-height: min(68vh, 520px) !important;
    }

    .pi-section {
        padding-block: 44px !important;
    }

    .pi-section-head,
    .pi-section-copy {
        max-width: 560px !important;
    }

    .pi-card,
    .pi-step,
    .pi-contact-cards article,
    .pi-product-detail,
    .pi-feature-panel {
        text-align: center !important;
    }

    .pi-whatsapp {
        bottom: calc(18px + env(safe-area-inset-bottom)) !important;
    }
}

@media (max-width: 390px) {
    .pi-hero h1,
    .pi-thanks h1 {
        font-size: 30px !important;
    }

    [dir="rtl"] .pi-hero h1,
    [dir="rtl"] .pi-thanks h1 {
        font-size: 29px !important;
    }

    .pi-hero-actions > .pi-btn,
    .pi-hero-actions > .pi-text-link {
        min-height: 48px !important;
        font-size: 12px !important;
    }
}

/* v3.8.4 — physical-cache-bust marker. Critical mobile closure is also emitted inline from PHP. */


/* v3.8.4 structural mobile hero closeout */
@media (max-width: 900px) {
  html, body, .pristine-direct-page, .pristine-impex-page { max-width: 100%; overflow-x: hidden !important; }
  .pi-hero .pi-shell, .pi-hero-grid, .pi-hero-copy, .pi-hero-actions, .pi-hero-media { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
  .pi-hero-copy { text-align: center !important; padding-left: 16px !important; padding-right: 16px !important; }
  .pi-hero-actions { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; padding: 0 !important; overflow: hidden !important; }
  .pi-hero-actions > a { position: static !important; inset: auto !important; transform: none !important; float: none !important; box-sizing: border-box !important; display: flex !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 50px !important; margin: 0 !important; padding: 12px 16px !important; align-items: center !important; justify-content: center !important; text-align: center !important; white-space: normal !important; overflow: hidden !important; border-radius: 14px !important; }
  .pi-hero-actions > .pi-btn:not(.pi-btn-secondary) { order: 1 !important; }
  .pi-hero-actions > .pi-btn-secondary { order: 2 !important; background: #fffdf8 !important; color: #9c7447 !important; border: 1px solid rgba(202,160,105,.62) !important; box-shadow: none !important; }
  .pi-hero-media { justify-content: center !important; padding-left: 16px !important; padding-right: 16px !important; }
}