/* Shared MANARAT public brand tokens, scoped automotive experience. */
:root{--emerald:#062e29;--emerald-mid:#0b453d;--gold:#d6ad55;--paper:#f8f5ee;--white:#fff;--ink:#16372f;--muted:#68776e;--line:#deded3;--radius:16px;--shadow:0 12px 40px #0b302b0a;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}body.dialog-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}.container{width:min(1240px,calc(100% - 80px));margin-inline:auto}.hidden{display:none!important}.icon{height:20px;width:20px;flex-shrink:0}.skip{position:fixed;top:-100px;inset-inline-start:12px;background:var(--emerald);color:white;padding:12px;z-index:200}.skip:focus{top:10px}.preview-bar{background:#e9eee7;font-size:10px;line-height:1.3;border-bottom:1px solid #dce2d8;color:#486157}.preview-bar .container{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-bar span{display:flex;gap:7px;align-items:center;letter-spacing:.1em;font-weight:700}.preview-bar i{width:5px;height:5px;background:#698873;border-radius:50%}.preview-bar p{margin:0;font-size:11px}.site-header{height:86px;background:#fdfbf7f7;position:sticky;top:0;z-index:30;backdrop-filter:blur(14px);border-bottom:1px solid #e3e3d9}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:30px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:43px;height:48px;object-fit:cover;border-radius:7px}.brand strong{display:block;font-size:19px;letter-spacing:.16em;line-height:1.15}.brand small{display:block;font-size:8px;letter-spacing:.13em;margin-top:5px;color:#777464}.site-header nav{display:flex;gap:28px;align-items:center;font-size:13px}.site-header nav a,.site-header nav button{position:relative;border:0;background:transparent;padding:14px 0;min-height:44px;white-space:nowrap;color:#66776b}.site-header nav .active{color:var(--emerald);font-weight:700}.site-header nav .active:after{content:'';height:2px;width:18px;position:absolute;bottom:3px;inset-inline-start:0;background:var(--gold)}.header-tools{display:flex;gap:12px;align-items:center}.icon-button{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--line);background:transparent;border-radius:50%;width:44px;height:44px;min-width:44px}.icon-button:hover{background:#eaece4}.locale-button{border:0;background:transparent;display:flex;align-items:center;gap:7px;font-size:12px;min-height:44px;padding:0 4px}.locale-button .icon{width:17px;height:17px}.request-button{position:relative;border-color:transparent}.request-count{position:absolute;top:-1px;inset-inline-end:-1px;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;background:var(--gold);border-radius:9px;font-size:10px;font-weight:700}.mobile-menu{display:none}.breadcrumb{font-size:10px;display:flex;gap:10px;align-items:center;color:#63745e;padding:28px 0}.breadcrumb span:nth-child(3){letter-spacing:.05em;font-size:9px}.breadcrumb b{font-weight:500;color:var(--emerald)}.hero{background:#f8f5ee}.hero-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:42px;align-items:center}.hero-copy{padding:20px 0 10px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:#927236;margin:0 0 18px;text-transform:uppercase}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,4.8vw,70px);font-weight:400;line-height:1.07;letter-spacing:-.035em;margin:0 0 25px;max-width:600px}.hero h1 em{font-style:italic;color:#8c702f}.hero-lead{color:#64736a;font-size:16px;line-height:1.75;max-width:370px;margin:0 0 30px}.button{border:1px solid transparent;min-height:50px;padding:12px 21px;display:inline-flex;gap:16px;align-items:center;justify-content:center;font-size:12px;font-weight:700;border-radius:7px;line-height:1.3;text-align:center;transition:background .2s,transform .2s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--emerald);color:var(--paper)}.button.primary:hover{background:#0b493f}.button.gold{background:var(--gold);color:var(--emerald)}.button.secondary{background:transparent;border-color:var(--line);color:var(--emerald)}.button.secondary:hover{background:#f0f2ea}.button.full,.full{width:100%}.seller-link{display:flex;gap:6px;align-items:center;border:0;background:transparent;min-height:44px;padding:12px 0;color:#62776a;font-size:12px;margin-top:8px}.seller-link .icon{width:14px;height:14px}.hero-visual{position:relative;overflow:hidden;border-radius:140px 9px 9px 9px;height:390px;background:#12241e}.hero-visual>img{height:100%;width:100%;object-fit:cover;object-position:center 52%;opacity:.88}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#062e29b3,transparent 45%);pointer-events:none}.photo-caption{position:absolute;inset-inline-start:26px;bottom:24px;z-index:2;color:#e4c985}.photo-caption span{display:block;font-size:9px;letter-spacing:.12em;font-weight:700}.photo-caption small{display:block;color:#bcc7c0;font-size:9px;margin-top:7px}.auto-wordmark{position:absolute;top:27px;inset-inline-end:30px;color:white;text-align:end;line-height:1.1}.auto-wordmark span{font-size:10px;letter-spacing:.24em}.auto-wordmark strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:47px;letter-spacing:.07em}.photo-line{position:absolute;bottom:25px;inset-inline-end:32px;height:1px;width:75px;background:var(--gold);z-index:2}.trust-strip{display:flex;justify-content:center;gap:70px;padding:29px 0 34px;margin-top:18px;border-bottom:1px solid var(--line);color:#5d7165}.trust-strip span{display:flex;gap:9px;align-items:center;font-size:11px}.trust-strip .icon{color:#8f783e;width:17px;height:17px}.collection{padding-top:54px;padding-bottom:64px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:9px}.section-heading h2,.journey h2,.related h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.025em;font-size:38px;line-height:1.15;margin:0 0 10px}.section-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px}.saved-toggle{display:flex;align-items:center;gap:9px;min-height:44px;border:1px solid var(--line);background:transparent;border-radius:7px;font-size:11px;padding:0 14px;white-space:nowrap}.saved-toggle .icon{width:16px;height:16px}.saved-toggle b{font-size:10px;background:#e9ede3;padding:2px 6px;border-radius:4px}.saved-toggle.active{background:var(--emerald);color:white;border-color:var(--emerald)}.saved-toggle.active b{color:var(--emerald)}.filter-panel{background:white;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.filter-main{display:grid;grid-template-columns:1.65fr .9fr .85fr 1fr auto;align-items:center;gap:0;padding:12px}.search-field{display:flex;align-items:center;gap:9px;padding:0 17px 0 8px;min-height:54px}.search-field .icon{color:#63745e;width:18px;height:18px}.search-field input{border:0;background:transparent;width:100%;min-width:0;color:var(--ink);font-size:12px;min-height:44px}.search-field input::placeholder{color:#63745e}.field{display:flex;flex-direction:column;gap:3px;padding:0 15px;border-inline-start:1px solid var(--line);min-width:0}.field>span{font-size:9px;color:#63745e}.field select,.field input{border:0;background:transparent;max-width:100%;width:100%;min-height:29px;font-size:12px;color:var(--ink);padding:0;padding-inline-end:15px;min-width:0}.filter-toggle{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce3d8;background:#f4f6ef;border-radius:6px;min-height:45px;padding:8px 14px;font-size:11px;font-weight:700;margin-inline-start:12px}.filter-toggle .icon{width:16px;height:16px}.more-filters{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:18px 0;padding:18px 12px}.more-filters .field{border:0}.more-filters .field>span{font-size:10px;margin-bottom:3px}.more-filters select,.more-filters input{min-height:44px;background:#f5f7f0;border:1px solid #e5e8e0;border-radius:5px;padding:7px 9px}.results-toolbar{display:flex;align-items:center;gap:18px;padding:24px 0 20px;font-size:11px}.results-toolbar p{margin:0}.results-toolbar strong{font-weight:600}.text-button{border:0;background:transparent;min-height:44px;padding:10px 0;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#667d6e}.text-button:hover{text-decoration:underline}.sort-label{display:flex;gap:10px;align-items:center;margin-inline-start:auto;color:#63745e}.sort-label select{font-size:11px;border:0;background:transparent;color:var(--ink);min-height:44px;max-width:180px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.vehicle-card{border:1px solid #e0e3d8;background:white;border-radius:11px;overflow:hidden;box-shadow:0 3px 12px #062e2903;transition:box-shadow .2s,transform .2s;min-width:0}.vehicle-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #0b34280a}.card-image{height:215px;position:relative;background:#d4dad0}.card-image>a,.card-image img{display:block;width:100%;height:100%;object-fit:cover}.card-image>a img{transition:transform .35s}.vehicle-card:hover .card-image>a img{transform:scale(1.035)}.badge{font-size:9px;font-weight:700;line-height:1;display:inline-flex;align-items:center;padding:7px 10px;border-radius:4px;letter-spacing:.01em;background:#e3eee3;color:#365e40;white-space:nowrap}.badge.available{background:#edf4e8;color:#385738}.badge.reserved{background:#f5eed6;color:#80661a}.badge.sold{background:#e8e9e4;color:#727a70}.card-image>.badge{position:absolute;top:15px;inset-inline-start:16px}.save-button{position:absolute;top:8px;inset-inline-end:9px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffffeb;color:#587063;z-index:2}.save-button .icon{width:17px;height:17px}.is-saved .icon{fill:var(--gold);color:var(--emerald)}.sample-image-label{position:absolute;bottom:10px;inset-inline-start:13px;background:#062e29aa;color:#f0f4ec;font-size:8px;padding:3px 7px;border-radius:3px}.card-content{padding:19px 20px 8px}.card-location{font-size:10px;color:#63745e;display:flex;align-items:center;gap:4px;margin-bottom:8px}.card-location .icon{height:12px;width:12px}.card-location>span{margin-inline-start:auto;color:#63745e;font-size:10px}.card-title{font-size:19px;font-weight:500;letter-spacing:-.03em;line-height:1.2;display:block;min-height:28px}.card-specs{display:flex;align-items:center;gap:8px;color:#63745e;font-size:10px;min-height:26px;flex-wrap:wrap}.card-specs i{font-style:normal;color:#b1b9ab}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ebeee5;padding:13px 0 6px;margin-top:9px}.card-price{font-size:22px;font-weight:600;letter-spacing:-.025em;display:flex;align-items:baseline;gap:5px}.currency{font-size:10px;font-weight:400;letter-spacing:0;color:#748574}.card-detail-link{border:1px solid #e2e7dc;height:44px;width:44px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#fafbf7}.card-detail-link .icon{height:16px;width:16px}.compare-button{display:flex;gap:5px;align-items:center;min-height:44px;background:transparent;border:0;border-top:1px solid #ebeee5;color:#63745e;font-size:10px;width:100%;padding:5px 0}.compare-button .icon{width:13px;height:13px}.compare-button.selected{color:var(--emerald);font-weight:700}.empty-state{padding:60px 20px;text-align:center;border:1px dashed var(--line);border-radius:10px}.empty-state>.icon{width:40px;height:40px;color:#63745e;margin:auto}.empty-state h3{font:26px Georgia,serif;margin:18px 0 10px}.empty-state p{color:var(--muted);max-width:430px;margin:0 auto 25px;font-size:13px}.journey{padding-bottom:74px}.journey-main{border:1px solid var(--line);border-radius:13px;padding:35px 38px 34px;background:#f4f2e9}.journey-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.journey-heading .eyebrow{margin-bottom:9px}.journey-heading h2{font-size:33px}.journey-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px}.journey-tabs{display:flex;border:1px solid #d8ded0;border-radius:7px;padding:4px;white-space:nowrap}.journey-tabs button{background:transparent;border:0;padding:8px 14px;min-height:44px;font-size:11px;border-radius:5px;color:#7b8974}.journey-tabs .active{background:var(--emerald);color:white}.journey-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:29px}.journey-steps>div{border-top:1px solid #d7ddce;padding-top:22px}.journey-steps span{font:24px Georgia,serif;color:#ac8c46}.journey-steps h3{font-size:13px;margin:12px 0 7px;font-weight:600}.journey-steps p{font-size:11px;line-height:1.7;color:#7d8974;margin:0}.seller-cta{display:flex;justify-content:space-between;gap:25px;align-items:center;border-radius:11px;background:var(--emerald);padding:31px 38px;color:white;margin-top:19px}.seller-cta h3{font:28px Georgia,serif;margin:0 0 8px;font-weight:400}.seller-cta p{font-size:11px;color:#acbfb1;margin:0}.site-footer{border-top:1px solid var(--line);background:#f2f1e9;padding:32px 0 34px}.site-footer>.container{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer-brand strong{font-size:14px;letter-spacing:.08em}.footer-brand strong span{font-size:12px;letter-spacing:0;color:#a28b50}.site-footer p{font-size:10px;color:#7f8c79;margin:7px 0 0}.site-footer>.container>div:last-child{text-align:end}.site-footer a{font-size:10px;display:inline-flex;align-items:center;gap:8px;margin-inline-start:20px}.site-footer a .icon{width:12px;height:12px}.site-footer .text-button{font-size:10px}.compare-bar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:35;background:white;box-shadow:0 8px 40px #062e2926;border:1px solid #dce4d7;border-radius:10px;padding:10px 12px 10px 20px;display:flex;gap:20px;align-items:center;max-width:calc(100% - 24px)}.compare-bar>span{font-size:12px;display:flex;gap:7px;align-items:center;white-space:nowrap}.compare-bar>span .icon{color:#a3894c}.compare-bar .button{min-height:44px;padding:10px 15px;white-space:nowrap;font-size:11px}.compare-bar .icon-button{border:0}.detail{padding:27px 0 65px}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#6b806e;min-height:44px}.back-link .icon{height:15px;width:15px}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0 28px}.detail-kicker{display:flex;gap:12px;align-items:center;font-size:10px;color:#63745e}.detail-heading h1{font:44px Georgia,serif;font-weight:400;line-height:1.15;letter-spacing:-.025em;margin:15px 0 9px}.detail-heading h1>span{color:#88907e;font-size:30px}.detail-heading p{display:flex;align-items:center;gap:8px;color:#748770;font-size:12px;margin:0;flex-wrap:wrap}.detail-heading p .icon{height:14px;width:14px}.detail-heading p i{font-style:normal;color:#b0b5a6}.detail-tools{display:flex;gap:10px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.detail-primary{min-width:0}.gallery{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:23px}.gallery-stage{height:420px;position:relative;overflow:hidden}.gallery-stage>img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-stage.close-up>img{transform:scale(1.35)}.photo-label{position:absolute;bottom:20px;inset-inline-start:20px;padding:5px 10px;border-radius:3px;background:#082e29aa;color:white;font-size:9px}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);height:44px;width:44px;display:grid;place-items:center;border-radius:50%;border:0;background:#fffffff0}.gallery-arrow.prev{inset-inline-start:16px}.gallery-arrow.next{inset-inline-end:16px}.gallery-thumbs{display:flex;align-items:center;gap:12px;padding:15px}.gallery-thumbs button{border:1px solid var(--line);border-radius:5px;overflow:hidden;width:100px;min-width:80px;font-size:10px;padding:0 0 6px;background:white}.gallery-thumbs button.active{border:2px solid #a78b49}.gallery-thumbs img{height:45px;width:100%;object-fit:cover;margin-bottom:4px}.gallery-thumbs .thumb-close{object-position:center}.gallery-thumbs p{font-size:10px;color:#63745e;margin:0 8px;max-width:230px}.detail-panel{background:white;padding:26px;border:1px solid var(--line);border-radius:10px;margin-bottom:20px}.detail-panel h2{font:25px Georgia,serif;margin:0 0 21px;font-weight:400}.spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 15px;margin:0}.spec-grid dt{font-size:10px;color:#63745e}.spec-grid dd{margin:5px 0 0;font-size:13px}.features{border-top:1px solid #e8ebe2;margin-top:23px;padding-top:20px}.features h3{font-size:12px;margin:0 0 13px}.features>span{display:inline-flex;gap:6px;align-items:center;font-size:11px;margin-inline-end:20px;margin-bottom:8px;color:#708269}.features .icon{width:15px;height:15px;color:#8e783c}.inspection-pill{display:inline-flex;align-items:center;gap:8px;background:#f4f0e2;color:#8c7538;border:1px solid #e8dfc8;border-radius:4px;font-size:11px;padding:8px 13px;margin:0 0 19px}.inspection-pill .icon{height:15px;width:15px}.disclosures{display:grid;grid-template-columns:1fr 1fr;gap:23px}.disclosures h3{font-size:12px;margin:0 0 7px}.disclosures p,.detail-panel>p{font-size:12px;color:#63745e;line-height:1.8;margin:0}.seller-profile{display:flex;align-items:center;gap:12px;margin-bottom:14px}.seller-profile>.icon{height:42px;width:42px;padding:10px;background:#eef3e8;border-radius:7px;color:#a48b46}.seller-profile b{display:block;font-size:13px;font-weight:500}.seller-profile span{font-size:11px;color:#63745e;display:block;margin-top:3px}.enquiry-panel{position:sticky;top:110px;border:1px solid var(--line);background:white;border-radius:11px;padding:27px}.enquiry-panel>.eyebrow{font-size:9px}.detail-price{font-size:36px;letter-spacing:-.03em;font-weight:500;margin:10px 0 7px;display:flex;gap:6px;align-items:baseline}.detail-price .currency{font-size:12px}.price-note{font-size:10px;line-height:1.8;color:#63745e;margin:0 0 23px}.enquiry-panel .button{width:100%;margin-bottom:9px;font-size:12px}.callback-link{width:100%;font-size:11px}.small-note{display:flex;gap:6px;align-items:start;font-size:10px;line-height:1.7;color:#63745e;margin:13px 0 0}.small-note .icon{height:14px;width:14px;margin-top:2px}.enquiry-role{display:flex;gap:9px;margin-top:22px;padding-top:19px;border-top:1px solid #e7ece1}.enquiry-role .icon{color:#9b8846;flex-shrink:0;width:20px;height:20px}.enquiry-role p{margin:0;font-size:10px;line-height:1.75;color:#63745e}.related{padding-top:28px}.related h2{margin-bottom:24px;font-size:31px}.sold-notice{background:#f0f2ec;padding:16px;border-radius:6px;margin-bottom:20px}.sold-notice h3{font-size:14px;margin:0 0 7px}.sold-notice p{font-size:11px;color:#859277;margin:0}.modal{padding:0;border:1px solid #dde3d3;border-radius:16px;box-shadow:0 25px 90px #001a1480;width:min(620px,calc(100% - 32px));max-height:calc(100svh - 38px);background:var(--paper);color:var(--ink);overflow:auto}.modal::backdrop{background:#04271dd4;backdrop-filter:blur(5px)}.modal.wide{width:min(930px,calc(100% - 32px))}.modal-body{padding:38px}.modal-close{position:sticky;top:13px;inset-inline-start:calc(100% - 55px);float:inline-end;margin:12px 12px -56px 0;background:var(--paper);z-index:2;border-color:#e0e4d7;box-shadow:0 2px 9px #09291e0a}.modal-intro{padding-inline-end:22px;margin-bottom:24px}.modal-intro .eyebrow{font-size:9px;margin-bottom:13px}.modal-intro h2{font:35px Georgia,serif;font-weight:400;line-height:1.15;letter-spacing:-.025em;margin:0 0 13px}.modal-intro>p:not(.eyebrow){font-size:12px;color:#7b8b71;margin:0;line-height:1.8}.selected-car{display:flex;gap:15px;align-items:center;background:white;border:1px solid var(--line);border-radius:9px;padding:11px;margin:0 0 18px}.selected-car>img{width:87px;height:63px;object-fit:cover;border-radius:5px}.selected-car b{display:block;font-size:13px;font-weight:500}.selected-car span{font-size:11px;display:block;color:#7c8c70;margin-top:5px}.selected-car .currency{font-size:9px}.preview-notice{display:flex;gap:8px;align-items:start;font-size:10px;color:#8e7738;padding:11px 13px;background:#f0ebd8;border:1px solid #e7dfc4;border-radius:6px;line-height:1.7;margin:0 0 21px}.preview-notice .icon{width:15px;height:15px;margin-top:1px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;min-width:0}.form-field>span{font-size:11px;font-weight:500}.form-field input,.form-field select,.form-field textarea{background:white;border:1px solid #dce3d4;border-radius:6px;padding:11px 12px;min-height:46px;max-width:100%;width:100%;font-size:12px;color:var(--ink)}.form-field textarea{resize:vertical}.form-field input[aria-invalid="true"]{border-color:#b34c40}.checkbox-row{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:#63745e;line-height:1.7;cursor:pointer;margin:16px 0;min-height:44px;padding:7px 0}.checkbox-row input{accent-color:var(--emerald);width:19px;height:19px;min-width:19px;margin-top:1px}.inline-link{border:0;background:transparent;text-decoration:underline;color:#8c7338;padding:0;font-size:11px;min-height:32px}.privacy-inline,.privacy-copy{font-size:12px;line-height:1.9;color:#718167}.privacy-inline{padding:14px;background:white;border:1px solid var(--line);border-radius:6px}.form-error{font-size:11px;color:#a54b3c;line-height:1.6;margin:0 0 14px;min-height:0}.filter-panel>.form-error{padding:0 20px 12px}.form-error:empty{display:none}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.stepper{display:flex;border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:20px;margin-bottom:20px}.stepper>span{display:flex;gap:7px;align-items:center;font-size:11px;color:#63745e}.stepper b{display:grid;place-items:center;border:1px solid #dfe4d7;height:27px;width:27px;border-radius:50%;font-size:10px;font-weight:500}.stepper .active{color:var(--emerald);font-weight:700}.stepper .active b{background:var(--emerald);border-color:var(--emerald);color:white}.stepper .complete b{background:#e4ebdd;color:#648457}.stepper .icon{width:14px;height:14px}.upload-field{display:flex;flex-direction:column;align-items:center;border:1px dashed #cbd6c0;background:#f2f5ed;padding:21px;border-radius:7px;cursor:pointer;gap:5px}.upload-field>.icon{color:#9a8144;margin-bottom:4px}.upload-field strong{font-size:12px;font-weight:500}.upload-field span{font-size:10px;color:#63745e;text-align:center}.upload-field input{max-width:100%;font-size:10px;margin-top:9px;min-height:44px;width:100%}.photo-previews{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.photo-previews img{height:60px;width:70px;object-fit:cover;border-radius:5px}.modal-body form>h3{font-size:16px;font-weight:500;margin:10px 0 24px}.modal-body form>p{font-size:12px;color:#7b8b72}.modal-body form>.form-error{color:#a54b3c}.review-summary{padding:20px;background:white;border:1px solid var(--line);border-radius:8px}.review-summary h3{font-size:19px;font-weight:500;margin:0 0 20px}.review-summary dl{margin:0;display:grid;gap:13px}.review-summary dl>div{display:grid;grid-template-columns:100px 1fr;gap:10px;font-size:12px;overflow-wrap:anywhere}.review-summary dt{color:#63745e}.review-summary dd{margin:0}.receipt-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#e6eedc;color:#658353;margin-bottom:24px}.receipt-icon .icon{height:26px;width:26px}.receipt-card{background:white;padding:22px;border:1px solid var(--line);border-radius:9px;margin-bottom:20px}.receipt-card>span:first-child{font-size:10px;color:#63745e;display:block}.receipt-card>strong{font-size:14px;letter-spacing:.06em;display:block;margin:7px 0 19px}.receipt-card h3{font-size:17px;font-weight:500;margin:0 0 12px}.status-label{display:inline-flex;font-size:10px;background:#ecefdc;color:#7f813d;padding:6px 9px;border-radius:4px}.next-step>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#957c40;font-weight:700}.next-step p{font-size:13px;color:#71836a;line-height:1.8;margin:8px 0 25px}.request-list{display:grid;gap:15px;margin-bottom:20px}.request-list article{padding:22px;background:white;border:1px solid var(--line);border-radius:9px}.request-kind{display:flex;gap:7px;align-items:center;font-size:10px;color:#9b8143}.request-kind .icon{width:15px;height:15px}.request-list h3{font-size:18px;font-weight:500;margin:10px 0 6px}.request-list p{font-size:11px;color:#7b8e73;line-height:1.8}.empty-state.compact{border:0;padding:28px 0}.comparison-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:white}.comparison-table{width:100%;border-collapse:collapse;font-size:12px}.comparison-table th,.comparison-table td{padding:14px 13px;text-align:start;min-width:140px;border-bottom:1px solid var(--line);vertical-align:top}.comparison-table td{color:#657d5e}.comparison-table th:first-child{min-width:100px;font-size:10px;font-weight:500;color:#63745e}.comparison-table thead img{width:180px;max-width:100%;height:88px;object-fit:cover;border-radius:5px;margin-bottom:13px}.comparison-table thead a{font-size:14px;font-weight:500;display:block}.comparison-table tbody tr:last-child>*{border-bottom:0}.faq{padding:18px 0;border-bottom:1px solid var(--line)}.faq summary{font-size:14px;display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{width:16px;height:16px}.faq[open] summary .icon{transform:rotate(90deg)}.faq p{font-size:12px;color:#768b6a;line-height:1.85;margin:9px 0}.mobile-nav{display:grid;gap:4px}.mobile-nav>*{display:flex;justify-content:space-between;align-items:center;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:14px;padding:15px 0;min-height:50px}.mobile-nav .icon{height:16px;width:16px}#toast{position:fixed;bottom:25px;inset-inline-end:25px;background:var(--emerald);border:1px solid #687548;color:white;padding:13px 20px;border-radius:8px;box-shadow:0 8px 30px #062e2933;z-index:150;font-size:12px;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px)}#toast.visible{opacity:1;transform:translateY(0)}
[dir="rtl"]{font-family:Tahoma,Arial,sans-serif}[dir="rtl"] .directional{transform:scaleX(-1)}[dir="rtl"] .eyebrow,[dir="rtl"] .preview-bar span,[dir="rtl"] .breadcrumb span:nth-child(3){letter-spacing:0}[dir="rtl"] .hero h1{font-family:Tahoma,Arial,sans-serif;letter-spacing:-.04em;line-height:1.4;font-size:clamp(39px,4.4vw,59px)}[dir="rtl"] .hero h1 em{font-style:normal}[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] .detail-heading h1{font-family:Tahoma,Arial,sans-serif;letter-spacing:-.03em}[dir="rtl"] .brand small{letter-spacing:0;font-size:10px}[dir="rtl"] .hero-visual{border-radius:9px 140px 9px 9px}[dir="rtl"] .section-heading h2{font-size:34px}[dir="rtl"] .journey-heading h2{font-size:28px}[dir="rtl"] .modal-intro h2{font-size:28px;line-height:1.5}[dir="rtl"] .detail-heading h1{font-size:36px;line-height:1.5}[dir="rtl"] .card-title{font-size:17px}[dir="rtl"] .seller-cta h3{font-size:24px}[dir="rtl"] .faq[open] summary .icon{transform:rotate(90deg)}
@media(min-width:1600px){.hero-visual{height:420px}.hero-copy{padding-right:40px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.header-inner{gap:15px}.site-header nav{gap:18px;font-size:11px}.hero-grid{gap:25px}.hero h1{font-size:53px}.hero-visual{height:350px}.vehicle-grid{gap:18px}.card-image{height:185px}.card-content{padding:16px 16px 8px}.card-title{font-size:17px}.card-specs{gap:6px;font-size:9px}.card-location>span{font-size:9px}.filter-main{grid-template-columns:1.4fr .8fr .8fr .9fr auto}.field{padding:0 10px}.filter-toggle{padding:7px 10px;font-size:10px}.filter-toggle span{max-width:60px}.detail-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.gallery-stage{height:350px}.spec-grid{grid-template-columns:repeat(3,1fr)}.enquiry-panel{padding:23px}.detail-price{font-size:31px}}
@media(max-width:850px){.site-header nav{display:none}.mobile-menu{display:inline-flex}.header-tools{gap:5px}.hero-grid{grid-template-columns:1fr 1fr;gap:22px}.hero h1{font-size:43px}.hero-lead{font-size:14px}.hero-visual{height:320px;border-radius:95px 8px 8px 8px}[dir="rtl"] .hero-visual{border-radius:8px 95px 8px 8px}.auto-wordmark strong{font-size:33px}.auto-wordmark{inset-inline-end:24px;top:20px}.trust-strip{gap:30px}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-image{height:230px}.filter-main{grid-template-columns:1fr 1fr 1fr auto;gap:10px;padding:14px}.search-field{grid-column:1/-1;border-bottom:1px solid var(--line);padding:0 0 9px}.filter-main>.field:nth-child(2){border:0}.field{padding:0 6px}.filter-toggle{margin:0}.more-filters{grid-template-columns:repeat(3,1fr)}.journey-heading{align-items:start;flex-direction:column}.journey-steps{gap:22px}.seller-cta{padding:28px}.seller-cta .button{min-width:195px}.detail-layout{grid-template-columns:1fr 270px;gap:17px}.gallery-stage{height:300px}.detail-panel{padding:20px}.disclosures{grid-template-columns:1fr}.spec-grid{grid-template-columns:repeat(2,1fr)}.gallery-thumbs p{display:none}.detail-heading h1{font-size:34px}.enquiry-panel{padding:20px;top:100px}}
@media(max-width:650px){.container{width:calc(100% - 36px)}.preview-bar .container{width:calc(100% - 28px);min-height:45px;gap:12px}.preview-bar span{font-size:8px;letter-spacing:.06em;max-width:105px;flex-shrink:0}.preview-bar p{font-size:9px;max-width:200px;text-align:end;line-height:1.5}.site-header{height:73px}.brand{gap:9px}.brand img{height:40px;width:36px;border-radius:5px}.brand strong{font-size:14px;letter-spacing:.14em}.brand small{font-size:6px;letter-spacing:.08em;margin-top:4px}.locale-button{font-size:10px;gap:4px}.locale-button .icon{height:15px;width:15px}.icon-button{width:44px;height:44px}.header-tools{gap:0}.request-button{display:none}.mobile-menu{border:0;margin-inline-start:3px;width:35px;min-width:35px}.breadcrumb{font-size:9px;gap:7px;padding:20px 0 10px;flex-wrap:wrap}.breadcrumb span:nth-child(3){font-size:8px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-copy{padding:15px 0 0}.hero .eyebrow{font-size:9px;margin-bottom:16px}.hero h1{font-size:53px;max-width:450px;margin-bottom:20px}.hero-lead{font-size:14px;max-width:360px;margin-bottom:22px}.hero .button{min-height:50px;font-size:11px;padding:12px 19px}.seller-link{display:inline-flex;margin-inline-start:15px;font-size:11px;margin-top:0}.hero-visual{height:270px;border-radius:80px 7px 7px 7px}[dir="rtl"] .hero-visual{border-radius:7px 80px 7px 7px}.hero-visual>img{object-position:center 50%}.photo-caption{bottom:20px;inset-inline-start:20px}.photo-caption span{font-size:8px}.photo-caption small{font-size:8px}.photo-line{width:42px;inset-inline-end:20px;bottom:23px}.auto-wordmark strong{font-size:34px}.trust-strip{gap:12px;justify-content:space-between;padding:19px 0 24px;margin-top:7px}.trust-strip span{font-size:9px;gap:6px;line-height:1.5;max-width:110px}.trust-strip .icon{width:15px;height:15px}.collection{padding-top:37px;padding-bottom:36px}.section-heading{margin-bottom:23px;gap:8px;align-items:start}.section-heading h2{font-size:34px;margin-bottom:9px}.section-heading p:not(.eyebrow){font-size:11px;max-width:220px}.saved-toggle{padding:0 10px;gap:7px;font-size:10px;margin-top:29px}.saved-toggle>span{display:none}.saved-toggle .icon{height:17px;width:17px}.filter-main{grid-template-columns:1fr 1fr;gap:15px 8px;padding:14px}.search-field{padding:0 0 11px;min-height:43px}.search-field input{font-size:11px}.filter-main>.field{min-height:46px;padding:0 5px;border:0}.filter-main>.field:nth-child(3){border-inline-start:1px solid var(--line);padding-inline-start:16px}.filter-toggle{min-height:45px;width:100%;font-size:11px;background:var(--emerald);color:white;border-color:var(--emerald)}.filter-toggle span{max-width:none}.field select{font-size:11px;min-height:31px}.field>span{font-size:9px}.more-filters{grid-template-columns:1fr 1fr;padding:18px 12px;gap:18px 12px}.more-filters .field{padding:0 2px}.more-filters .field>span{font-size:9px}.results-toolbar{gap:9px;padding:14px 0;font-size:10px;flex-wrap:wrap}.results-toolbar #reset-filters{font-size:9px}.sort-label{gap:3px;font-size:9px}.sort-label>span{display:none}.sort-label select{font-size:10px;max-width:145px}.vehicle-grid{grid-template-columns:1fr;gap:20px}.card-image{height:240px}.card-content{padding:19px 20px 8px}.card-title{font-size:22px}.card-location,.card-location>span{font-size:11px}.card-specs{font-size:11px;min-height:30px;gap:10px}.card-price{font-size:25px}.card-bottom{padding:13px 0 10px}.compare-button{font-size:11px;min-height:44px}.sample-image-label{font-size:9px}.badge{font-size:10px;padding:8px 11px}.journey{padding-bottom:40px}.journey-main{padding:27px 22px}.journey-heading h2{font-size:29px}.journey-heading p:not(.eyebrow){font-size:11px}.journey-heading .eyebrow{font-size:8px}.journey-heading{gap:22px}.journey-tabs{width:100%;justify-content:center}.journey-tabs button{flex:1}.journey-steps{grid-template-columns:1fr;gap:22px}.journey-steps>div{padding-top:18px;display:grid;grid-template-columns:34px 1fr;column-gap:14px}.journey-steps>div>span{grid-row:1/3;font-size:26px}.journey-steps h3{margin:1px 0 7px;font-size:14px}.journey-steps p{font-size:12px}.seller-cta{padding:26px 23px;flex-direction:column;align-items:stretch;gap:21px}.seller-cta h3{font-size:29px}.seller-cta p{font-size:12px;line-height:1.8}.seller-cta .button{width:100%;min-height:50px}.site-footer{padding:28px 0}.site-footer>.container{flex-direction:column;gap:15px}.site-footer>.container>div:last-child{text-align:start}.site-footer p{font-size:9px}.site-footer a{margin-inline-start:15px}.detail{padding-top:15px;padding-bottom:35px}.detail-heading{align-items:start;gap:10px;margin:15px 0 20px}.detail-heading h1{font-size:34px}.detail-heading h1>span{font-size:25px}.detail-heading p{font-size:10px;gap:5px}.detail-tools{gap:4px;margin-top:35px;flex-shrink:0}.detail-tools .icon-button{width:38px;height:44px;min-width:38px;border:0}.detail-layout{display:flex;flex-direction:column;gap:0}.detail-primary{display:contents}.gallery{width:100%;order:0;margin-bottom:18px}.gallery-stage{height:270px}.gallery-thumbs{gap:10px;padding:12px}.gallery-thumbs button{width:88px}.gallery-thumbs p{display:block;max-width:140px;margin:0;font-size:9px}.enquiry-panel{position:static;order:1;width:100%;padding:24px;margin-bottom:20px}.detail-panel{order:2;width:100%;padding:23px}.spec-grid{grid-template-columns:repeat(2,1fr);gap:23px}.detail-panel h2{font-size:24px}.disclosures{gap:20px}.detail-price{font-size:34px}.price-note{font-size:11px}.enquiry-panel .button{min-height:50px}.enquiry-role p{font-size:11px}.small-note{font-size:11px}.related{padding-top:20px}.related h2{font-size:29px}.back-link{font-size:11px}.modal{width:calc(100% - 20px);max-height:calc(100svh - 20px);border-radius:11px}.modal-body{padding:30px 22px}.modal-intro h2{font-size:30px}.modal-intro>p:not(.eyebrow){font-size:12px}.modal-close{top:10px;margin:9px 9px -53px 0;width:40px;height:40px;min-width:40px}.form-grid{grid-template-columns:1fr;gap:0}.form-field{margin-bottom:15px}.form-field>span{font-size:12px}.form-field input,.form-field select,.form-field textarea{font-size:16px;min-height:48px}.selected-car{gap:10px;padding:10px}.selected-car>img{width:72px;height:56px}.selected-car b{font-size:12px}.selected-car span{font-size:10px}.checkbox-row{font-size:11px;line-height:1.7}.stepper{gap:6px}.stepper span{font-size:10px;gap:5px}.stepper b{height:24px;width:24px}.form-actions{gap:9px;flex-wrap:wrap}.form-actions .button{flex:1;padding:12px 13px;font-size:11px;min-height:50px}.review-summary{padding:17px}.review-summary dl>div{grid-template-columns:85px 1fr;font-size:11px}.compare-bar{padding:7px 8px 7px 12px;gap:7px;bottom:12px;width:calc(100% - 24px);justify-content:space-between}.compare-bar>span{font-size:10px;gap:5px}.compare-bar>span .icon{width:15px;height:15px}.compare-bar .button{font-size:10px;padding:10px 12px}.compare-bar .icon-button{height:44px;min-width:30px;width:30px}.comparison-table th,.comparison-table td{font-size:11px;min-width:140px;padding:12px 10px}.comparison-table th:first-child{min-width:90px}.comparison-table thead img{height:80px}.comparison-table thead a{font-size:12px}.hero h1{line-height:1.1}[dir="rtl"] .hero h1{font-size:43px;line-height:1.4}[dir="rtl"] .brand strong{font-size:13px}[dir="rtl"] .brand small{font-size:8px}[dir="rtl"] .section-heading h2{font-size:28px}[dir="rtl"] .journey-heading h2{font-size:25px}[dir="rtl"] .hero-lead{font-size:13px}[dir="rtl"] .seller-cta h3{font-size:24px}[dir="rtl"] .detail-heading h1{font-size:27px}[dir="rtl"] .card-title{font-size:21px}[dir="rtl"] .modal-intro h2{font-size:26px}.empty-state h3{font-size:25px}}
@media(max-width:360px){.container{width:calc(100% - 28px)}.brand span{max-width:122px}.brand small{font-size:5px}.header-inner{gap:4px}.brand{gap:7px}.hero h1{font-size:45px}.hero .seller-link{margin-inline-start:7px;font-size:9px}.hero .button{font-size:10px;padding:10px 14px;gap:10px}.hero-visual{height:240px}.trust-strip{gap:9px}.trust-strip span{font-size:8px}.card-image{height:215px}.card-title{font-size:20px}.modal-body{padding:28px 17px}.preview-bar p{font-size:8px;max-width:155px}.header-tools{gap:0}.locale-button{font-size:9px}.brand strong{font-size:13px}.brand img{width:32px;height:36px}.more-filters{gap:14px 8px}.gallery-stage{height:235px}[dir="rtl"] .hero h1{font-size:37px}[dir="rtl"] .hero .seller-link{font-size:9px}[dir="rtl"] .brand strong{font-size:12px}[dir="rtl"] .brand small{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover,.vehicle-card:hover{transform:none}}

/* Maintain 44px touch targets for selectors and compact navigation controls. */
.field select,.field input{min-height:44px}.mobile-menu,.detail-tools .icon-button,.modal-close{width:44px;min-width:44px;height:44px}.inline-link{min-height:44px}

.auto-route-nav{display:flex;gap:18px;flex-wrap:wrap;padding:18px 5%;border-bottom:1px solid #ddd}.auto-route-nav a{min-height:44px;display:inline-flex;align-items:center;color:#062e29}.route-panel{padding-block:40px 80px;min-height:55vh}.route-panel>p{max-width:760px;line-height:1.8}.route-panel .button{margin:12px 8px}.comparison-table th:first-child{position:sticky;inset-inline-start:0;background:#faf8f2;z-index:1}@media(max-width:430px){.auto-route-nav{gap:6px 14px}.route-panel{padding-block:24px 70px}.route-panel h1{font-size:30px}}
/* Founder-supplied original lockup: all original pixels and bilingual wordmarks retained. */
.site-header{height:158px;background:#03251ff7;color:#fff;border-bottom:1px solid #c9a65b65;position:relative;backdrop-filter:none}.header-inner{gap:24px}.brand{gap:12px}.brand img{width:142px;height:142px;object-fit:contain;border-radius:0}.brand strong,[dir="rtl"] .brand strong{color:#edcc81;font-size:23px;letter-spacing:.13em}.brand small,[dir="rtl"] .brand small{font-size:14px;color:#f5ead0;letter-spacing:0}.site-header nav a,.site-header nav button,.site-header nav .active{color:#f8eed8}.header-tools .icon-button,.locale-button{color:#f9e9bd}.header-tools .icon-button{border-color:#c8a65d66}.header-tools .icon-button:hover{background:#194d3d}.preview-bar{background:#102f27;color:#d9dfce;border-color:#c2a05044}.auto-route-nav{background:#062e26;border-color:#bf9c4d50}.auto-route-nav a{color:#eddfb6}.hero{background:radial-gradient(ellipse at 80% 10%,#205446 0,transparent 50%),linear-gradient(135deg,#021d17,#07352a 60%,#021f1a);color:#fff5df;border-bottom:1px solid #c4a257}.breadcrumb,.breadcrumb b{color:#d4c9ab}.hero-copy{padding:0 0 24px}.hero-brand{display:flex;align-items:center;gap:20px;margin-bottom:24px}.hero-brand img{width:210px;height:210px;object-fit:contain;border:1px solid #c6a46155;box-shadow:0 12px 35px #00140f55}.hero-brand>span{font-family:Georgia,serif;font-size:36px;color:#ecc776;letter-spacing:.1em}.hero-brand b{display:block;font-family:Arial,sans-serif;letter-spacing:0;font-size:21px;margin-top:8px;font-weight:400}.hero .eyebrow{color:#dbbc73}.hero h1{font-size:clamp(42px,4.4vw,64px)}.hero h1 em{color:#e6bc66}.hero-lead{color:#dfdfcd;max-width:460px}.hero .button.primary{background:linear-gradient(135deg,#f0d391,#c79b47);color:#072c23;border:1px solid #f2d68f}.hero .seller-link{color:#edd5a4}.hero-visual{border-radius:16px;border:1px solid #c9a257;height:470px;box-shadow:0 22px 55px #00130f88}.trust-strip{border-color:#bd9d5e60;color:#dedcc6;gap:42px}.trust-strip .icon{color:#e2bd6a}.site-footer{background:#04291f;color:#f5ead0;border-top:1px solid #c4a258}.footer-logo{width:150px;height:150px;object-fit:contain}.site-footer p{color:#dedbcc}.site-footer .text-button{color:#edcb80}
@media(max-width:1000px){.site-header nav{display:none}.mobile-menu{display:inline-flex}.header-tools{gap:8px}}
@media(max-width:600px){.site-header{height:124px}.header-inner{gap:8px}.brand{gap:8px}.brand img{width:110px;height:110px}.brand strong,[dir="rtl"] .brand strong{font-size:18px}.brand small,[dir="rtl"] .brand small{font-size:12px}.brand span{max-width:none}.header-tools{gap:2px}.header-tools .request-button{display:none}.locale-button{font-size:12px}.locale-button .icon{display:none}.hero-brand{gap:18px;margin:4px 0 24px}.hero-brand img{width:172px;height:172px}.hero-brand>span{font-size:30px}.hero-brand b{font-size:17px}.hero h1{font-size:45px}.hero-lead{font-size:15px}.hero-visual{height:290px;border-radius:12px}.trust-strip{gap:14px;flex-wrap:wrap}.trust-strip span{font-size:11px}.footer-logo{width:135px;height:135px}}
@media(max-width:360px){.brand img{width:96px;height:96px}.brand{gap:5px}.brand strong,[dir="rtl"] .brand strong{font-size:16px}.brand small,[dir="rtl"] .brand small{font-size:11px}.site-header{height:112px}.locale-button{font-size:11px;padding:0 2px}.hero-brand img{width:154px;height:154px}.hero-brand{gap:16px}.hero-brand>span{font-size:25px}.hero-brand b{font-size:15px}.hero h1{font-size:41px}.hero-visual{height:245px}}

/* Marketplace discovery patterns, styled for MANARAT. */
.browse-tools{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:24px 0}.quick-browse,.active-filters{display:flex;flex-wrap:wrap;gap:8px}.quick-browse button,.filter-chip{border:1px solid #d5c9ac;background:#fffdf7;color:#123e31;border-radius:24px;padding:10px 15px;font:inherit;font-size:13px;cursor:pointer}.quick-browse button[aria-pressed=true]{background:#123e31;color:#f4d799;border-color:#123e31}.search-memory{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:250px}.active-filters{margin:15px 0}.filter-chip{display:inline-flex;align-items:center;gap:8px;background:#f0ebde;max-width:100%;overflow-wrap:anywhere}.filter-chip .icon{width:14px;height:14px;flex-shrink:0}.viewing-checklist{margin-top:36px;background:#f2eee1}.viewing-checklist ol{padding-inline-start:24px;display:grid;grid-template-columns:1fr 1fr;gap:18px 32px;line-height:1.7}.quick-browse button:focus-visible,.filter-chip:focus-visible{outline:3px solid #a47f2e;outline-offset:3px}@media(max-width:700px){.browse-tools{flex-direction:column;gap:16px}.search-memory{max-width:none}.viewing-checklist ol{grid-template-columns:1fr}.quick-browse button{padding:9px 12px}}

.direct-contact{margin:24px 0}.direct-contact p{font-size:14px}.direct-contact .button{display:inline-flex;gap:10px;align-items:center}

.seller-flow{padding-inline-start:24px;line-height:1.8;max-width:740px}.seller-flow li{padding:10px 6px;border-bottom:1px solid #d5c9ac}

/* Extend the supplied logo's emerald marble across the full upper frame. */
.preview-bar,.site-header,.auto-route-nav{background-color:#02271f;background-image:linear-gradient(90deg,#001d1760,#002c2340),url('/assets/manarat-brand-original.jpg');background-size:100% 100%,220% auto;background-position:center,left top;background-repeat:no-repeat}
.site-header{border-inline:1px solid #b9924266;border-top:1px solid #e5c47988;border-bottom:1px solid #e5c47988;box-shadow:inset 0 1px 12px #d8b15b12,0 3px 18px #001b1933}
.brand img{border:1px solid #c9a65b70;box-shadow:0 0 18px #00130f55}
.auto-route-nav{border-bottom:2px solid #caa556;color:#f4e1b1}
.site-header nav a,.site-header nav button,.locale-button{ text-shadow:0 1px 4px #00170f }
@media(max-width:600px){.preview-bar,.site-header,.auto-route-nav{background-size:100% 100%,450% auto}}

/* Standalone transparent logo on the existing marble strip. */
.brand img,.hero-brand img,.footer-logo{background:transparent;border:0;border-radius:0;box-shadow:none;object-fit:contain}

/* Refined marketplace: clear search, generous touch targets, quiet gold accents. */
body{font-size:16px}.section-heading h1{font-size:clamp(28px,3.2vw,42px);line-height:1.2;margin:0 0 12px;font-weight:500;letter-spacing:-.025em}.collection{padding-top:42px}.filter-panel{background:#fff;border:1px solid #d7dfd9;box-shadow:0 8px 28px #123b2808;border-radius:18px}.vehicle-card{border:1px solid #dce3de;box-shadow:0 6px 20px #07382b06;transition:transform .18s,box-shadow .18s}.vehicle-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #07382b14}.card-title{font-weight:600}.card-price{font-variant-numeric:tabular-nums}.card-specs,.card-location,.field>span,.sort-label,.quick-browse button,.filter-chip,.compare-button{font-size:14px}.quick-browse button,.filter-chip,.text-button{min-height:44px}.auto-route-nav a[aria-current=page]{color:#fff;border-bottom:2px solid #e6bd6c}.hero-search{max-width:480px;margin:22px 0}.hero-search label{display:block;font-size:14px;color:#f4e3be;margin-bottom:8px}.hero-search>div{display:flex;gap:8px;padding:7px;border:1px solid #c8a55880;background:#fff;border-radius:12px}.hero-search input{min-width:0;flex:1;width:100%;background:transparent;border:0;padding:10px;color:#16372f}.hero-search .button{white-space:nowrap;border-radius:8px;padding-inline:18px}.vehicle-clarity{display:grid;grid-template-columns:1fr 1.4fr;gap:32px;margin-top:36px;background:#fff;border-top:3px solid #c6a254}.vehicle-clarity dl{margin:0}.vehicle-clarity dl>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e2e7e3}.vehicle-clarity dt{color:#5f7066}.vehicle-clarity dd{margin:0;text-align:end;font-weight:600}.recently-viewed{padding-block:24px 36px}.recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.recent-car{display:flex;gap:12px;align-items:center;border:1px solid #d9e1db;background:#fff;padding:12px;border-radius:12px;min-width:0}.recent-car img{width:72px;height:64px;object-fit:cover;border-radius:8px}.recent-car span{min-width:0}.recent-car b{display:block;font-size:14px}.recent-car small{display:block;font-size:12px;color:#52695b;margin-top:4px}.mobile-dock{display:none}.results-toolbar{gap:14px}.collection:has(.filter-panel) .section-heading{align-items:center}.preview-bar p{font-size:12px}.hero-lead{font-size:16px}.card-image img{aspect-ratio:1.6;object-fit:cover}
@media(max-width:900px){.recent-grid{grid-template-columns:1fr 1fr}.vehicle-clarity{grid-template-columns:1fr;gap:12px}}
@media(max-width:700px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.mobile-dock{position:fixed;inset-inline:0;bottom:0;z-index:35;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#052e25f5;color:#f4e8cd;border-top:1px solid #bf9c52;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));backdrop-filter:blur(14px)}.mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;min-width:0;font-size:12px;text-align:center}.mobile-dock .icon{color:#e2bc6e}.compare-bar{bottom:calc(80px + env(safe-area-inset-bottom,0px));width:calc(100% - 24px);max-width:540px;gap:10px}.compare-bar>span{font-size:12px}.compare-bar .button{font-size:14px;padding:10px 14px}.collection{padding-top:28px}.hero-search>div{gap:4px}.hero-search .button{padding-inline:12px}.recent-grid{grid-template-columns:1fr}.vehicle-clarity dl>div{font-size:14px;gap:12px}.browse-tools{margin:18px 0}.section-heading h1{font-size:30px}.auto-route-nav{scrollbar-width:thin}.dialog-open .mobile-dock{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Partner trial notice: shared on every route, readable at 320px and in RTL. */
.trial-banner{background:#f4e6c5;color:#153e34;border-bottom:1px solid #c59e50;padding:16px 0}
.trial-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.trial-copy{min-width:0;max-width:900px}.trial-copy strong{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;line-height:1.6}.trial-copy p{font-size:14px;line-height:1.6;margin:6px 0 0}.partner-cta{flex-shrink:0;min-height:44px;font-size:14px;white-space:normal;text-align:center}.partner-whatsapp{white-space:normal}.trial-banner span[lang=ar]{font-family:Tahoma,Arial,sans-serif;letter-spacing:0}
@media(max-width:700px){.trial-inner{align-items:stretch;flex-direction:column;gap:12px}.trial-copy strong{display:grid;gap:2px}.trial-copy strong span{width:fit-content;max-width:100%}.partner-cta{align-self:flex-start;padding:12px 20px}.trial-copy p{font-size:14px}.trial-banner{padding:14px 0}}

/* Keep the existing transparent logo seamless on each emerald surface. */
.brand img,.hero-brand img,.footer-logo{background:transparent;border:0;border-radius:0;padding:6px;box-shadow:none;object-fit:contain}

/* Connected internal navigation additions, using the existing MANARAT system. */
.page-breadcrumb{display:flex;align-items:center;gap:9px;color:#66776b;font-size:13px;margin-bottom:18px}
.page-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:#315f50;text-decoration:underline;text-underline-offset:3px}
.page-breadcrumb b{color:var(--ink)}
.footer-links{max-width:650px}
.footer-links nav{display:flex;justify-content:flex-end;gap:4px 18px;flex-wrap:wrap;margin-top:14px}
.site-footer .footer-links nav a{min-height:44px;margin:0;font-size:12px;color:#f5ead0}
.site-footer .footer-links nav a:hover{text-decoration:underline;text-underline-offset:4px}
.route-panel>.vehicle-grid{margin-top:28px}
@media(max-width:700px){.footer-links nav{justify-content:flex-start}.site-footer .footer-links nav a{font-size:13px}.page-breadcrumb{font-size:12px;margin-bottom:10px}.route-panel>.vehicle-grid{margin-top:20px}}

/* Approved corporate family: cream canvas, emerald actions, restrained gold. */
body{background:#f8f5ee;font-size:16px;line-height:1.65}.site-header{height:108px;position:sticky;top:0;background:#fdfbf7f7;background-image:none;color:var(--ink);border:0;border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:blur(14px)}.header-inner{gap:24px}.brand{gap:12px;min-width:0}.brand img{width:82px;height:82px;padding:2px;border-radius:8px;background:#f8f5ec}.brand-wordmark{display:flex;flex-direction:column;gap:4px;min-width:0}.brand strong,[dir=rtl] .brand strong{color:#062e29;font:700 20px/1.2 Arial,sans-serif;letter-spacing:.07em}.brand-wordmark>span{font:700 15px/1.5 Tahoma,Arial,sans-serif;color:#062e29}.brand small,[dir=rtl] .brand small{color:#52685c;font:600 11px/1.45 Arial,Tahoma,sans-serif;letter-spacing:0;margin:0}.site-header nav{gap:24px;font-size:14px}.site-header nav a,.site-header nav button,.site-header nav .active{color:#365a4c;text-shadow:none}.header-tools .icon-button,.locale-button{color:#16372f;text-shadow:none}.header-tools .icon-button{border-color:#d7ded3}.header-tools .icon-button:hover{background:#e9eee7}.locale-button{font-size:14px}.locale-button .icon{display:block}.mobile-menu{border-radius:8px}.trial-banner{background:#e9eee7;color:#486157;border-bottom:1px solid #d7dfd5;padding:12px 0}.trial-copy strong{font-size:12px;letter-spacing:.04em}.trial-copy strong span{line-height:1.5}html[lang=en] .trial-copy strong span[lang=ar],html[lang=ar] .trial-copy strong span[lang=en]{display:none}.trial-copy p{font-size:13px;line-height:1.65;margin:4px 0 0}.trial-banner .partner-cta{background:transparent;color:#365a4c;border:1px solid #b7c4b7;border-radius:7px;font-size:13px;padding:10px 16px;box-shadow:none;white-space:normal}.hero{background:var(--paper);color:var(--ink);border:0;padding-top:42px}.hero-grid{gap:46px;grid-template-columns:1fr 1.04fr}.hero-copy{padding:0}.hero .eyebrow{font-size:13px;line-height:1.7;color:#856b34;letter-spacing:.13em;margin:0 0 23px}.hero h1{font:400 clamp(43px,4.6vw,66px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0 0 26px}.hero h1 em{color:#8c702f;font-weight:400}.hero-lead{font-size:17px;line-height:1.8;max-width:510px;color:#63736a;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero .button{font-size:15px;min-height:52px;padding:14px 23px;gap:10px;border-radius:7px}.hero .button.primary{background:#062e29;color:#f8f5ee;border:1px solid #062e29;box-shadow:none}.hero .button.secondary{background:transparent;color:#16372f;border:1px solid #ccd3c6}.hero-search{max-width:510px;margin:24px 0 0}.hero-search label{font-size:14px;color:#586d61;line-height:1.6;margin-bottom:8px}.hero-search>div{border-color:#ccd6cd;border-radius:9px;background:#fff;padding:5px;gap:6px}.hero-search input{font-size:16px;padding:10px;min-height:48px}.hero-search .button{min-height:48px;padding:10px 17px;font-size:14px}.hero-context{font-size:14px;color:#647669;margin:20px 0 0}.hero-visual,[dir=rtl] .hero-visual{height:430px;border:0;box-shadow:none;border-radius:120px 10px 10px 10px}.hero-visual img{width:100%;height:100%;object-fit:cover}.photo-caption{inset-inline:25px;bottom:23px}.photo-caption span{font-size:12px;line-height:1.6;letter-spacing:.07em}.photo-caption small{font-size:12px;line-height:1.6;color:#e0e5d6}.trust-strip{color:#607565;border-color:var(--line);gap:24px;justify-content:space-between;padding:28px 0;margin-top:24px}.trust-strip span{font-size:14px;line-height:1.6;display:flex;align-items:center;gap:9px}.trust-strip .icon{color:#947b42}.auto-route-nav{background:#eef1e8;background-image:none;border-block:1px solid #d8e0d4;gap:10px 26px;padding:22px max(24px,calc((100vw - 1240px)/2));font-size:14px}.auto-route-nav a{color:#31594b}.auto-route-nav a[aria-current=page]{color:#062e29;border-color:#ac8b45}.collection{padding-block:48px 55px}.collection h2,.collection .section-heading h1{font:400 clamp(30px,3.1vw,44px)/1.2 Georgia,serif;letter-spacing:-.025em}.eyebrow{font-size:12px;line-height:1.6}.section-heading p{font-size:16px;line-height:1.7}.card-content{padding:22px}.card-title{font:400 25px/1.3 Georgia,serif}.card-location,.card-specs{line-height:1.7}.card-bottom{gap:12px}.card-price{font-size:24px}.site-footer{background:#f8f5ee;color:#16372f;border-top:1px solid #d4dacd;padding-block:34px 42px}.site-footer p{color:#63736a}.footer-logo{width:100px;height:100px;padding:3px;background:#f8f5ec;border-radius:8px}.site-footer .text-button{color:#735e2d}.site-footer .footer-links nav a{font-size:14px;color:#315b4d}.footer-links nav{gap:8px 20px}.mobile-dock{background:#f8f5eef5;color:#16372f;border-top:1px solid #d9dece}.mobile-dock .icon{color:#7c693b}.mobile-dock a{border-radius:7px}.mobile-dock a:first-child{background:#062e29;color:#f8f5ee}.mobile-dock a:first-child .icon{color:#e1c581}[dir=rtl] .hero h1{font:400 clamp(37px,4.2vw,56px)/1.45 Tahoma,Arial,sans-serif;letter-spacing:0}[dir=rtl] .hero h1 em{font-style:normal}[dir=rtl] .hero-lead{font-size:17px}[dir=rtl] .hero .eyebrow{letter-spacing:0}[dir=rtl] .hero-visual{border-radius:10px 120px 10px 10px}[dir=rtl] .collection h2,[dir=rtl] .collection .section-heading h1,[dir=rtl] .card-title{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.5}
@media(max-width:1100px){.site-header nav{gap:15px;font-size:13px}.brand img{width:72px;height:72px}.brand strong,[dir=rtl] .brand strong{font-size:18px}.hero-grid{gap:28px}.hero-visual,[dir=rtl] .hero-visual{height:390px}}
@media(max-width:1000px){.site-header{height:96px}.site-header nav{display:none}.mobile-menu{display:inline-flex}.hero-grid{grid-template-columns:1fr 1fr}.header-tools{gap:12px}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.site-header{height:auto;position:relative}.header-inner{padding-block:12px;flex-wrap:wrap;gap:10px}.brand{flex-basis:100%;gap:12px}.brand img{width:68px;height:68px}.brand strong,[dir=rtl] .brand strong{font-size:19px}.brand-wordmark>span{font-size:14px}.brand small,[dir=rtl] .brand small{font-size:11px}.header-tools{width:100%;justify-content:space-between;gap:12px}.header-tools .request-button{display:none}.locale-button{font-size:14px;padding:0}.locale-button .icon{display:block}.trial-inner{display:grid;grid-template-columns:1fr;gap:8px}.trial-banner{padding:12px 0}.trial-copy p{font-size:13px}.trial-banner .partner-cta{justify-self:start;padding:5px 0;min-height:36px;border:0;text-decoration:underline;text-underline-offset:4px}.hero{padding-top:30px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero .eyebrow{font-size:12px;margin-bottom:20px}.hero h1{font-size:clamp(40px,10.5vw,52px);max-width:none;margin-bottom:22px}.hero-lead,[dir=rtl] .hero-lead{font-size:16px;line-height:1.85;max-width:none;margin-bottom:25px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero .button{font-size:15px;line-height:1.45;padding:14px 16px;min-height:56px}.hero-search{margin-top:22px}.hero-search .button{min-height:48px;padding:10px 14px;font-size:14px}.hero-search input{min-width:0}.hero-visual,[dir=rtl] .hero-visual{height:270px;border-radius:70px 8px 8px 8px}[dir=rtl] .hero-visual{border-radius:8px 70px 8px 8px}.photo-caption{inset-inline:20px;bottom:18px}.photo-caption span,.photo-caption small{font-size:12px}.trust-strip{flex-wrap:wrap;justify-content:flex-start;gap:13px 20px;padding:24px 0;margin-top:8px}.trust-strip span{font-size:14px}.collection{padding-top:34px}.card-title{font-size:26px}.card-content{padding:21px}.auto-route-nav{padding:22px 18px;gap:6px 22px}.site-footer .container{gap:24px}.footer-logo{width:94px;height:94px}.site-footer .footer-links nav a{font-size:14px}.mobile-dock{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.mobile-dock a{font-size:12px;min-height:52px;gap:4px}[dir=rtl] .hero h1{font-size:clamp(34px,9vw,43px);line-height:1.5}}
@media(max-width:360px){.hero-actions{grid-template-columns:1fr}.hero h1{font-size:39px}.hero-visual,[dir=rtl] .hero-visual{height:230px}.brand img{width:62px;height:62px}.brand strong,[dir=rtl] .brand strong{font-size:18px}.card-price{font-size:22px}}
.site-header .mobile-menu{border:1px solid #d7ded3;width:44px;min-width:44px;height:44px}.trial-banner .partner-cta{min-height:44px}
@media(max-width:700px){body:has(.compare-bar) .ziaq-launcher{bottom:calc(164px + env(safe-area-inset-bottom,0px))}}
/* Owner-published vehicles retain the established marketplace presentation. */
.owner-public-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.owner-public-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px}.owner-public-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.owner-public-specs dd{margin:4px 0}.detail aside .button{margin:8px 0}@media(max-width:480px){.owner-public-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}

.photo-previews figure{margin:0;display:grid;gap:6px;width:140px;max-width:100%}.photo-previews figure img{width:100%;height:100px}.photo-previews .remove-photo{min-height:44px;font-size:14px;padding:8px;color:#8a2118;border-color:#b65044;background:#fff1ee;white-space:normal}
/* Compact BMW motion accent — shared by Auto home and the car catalogue. */
.bmw-showcase{margin:0;min-width:0;align-self:center}
.bmw-stage{position:relative;isolation:isolate;padding:22px 8px 16px}
.bmw-stage::before{content:'';position:absolute;z-index:-1;inset:0 -2% 0;background:radial-gradient(ellipse at 50% 60%,#dce7db99,transparent 69%);pointer-events:none}
.bmw-car{display:block;width:100%;height:auto;object-fit:contain;transform-origin:50% 65%;animation:bmw-float 5s ease-in-out infinite}
.bmw-showcase figcaption{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 12px;color:#63736a;font-size:12px;line-height:1.5;text-align:center}
.bmw-motion-button{border:0;background:transparent;min-height:44px;padding:8px 4px;color:#526559;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.bmw-showcase.is-paused .bmw-car{animation-play-state:paused}
.bmw-showcase--hero{width:min(100%,400px);justify-self:center}
.bmw-showcase--hero .bmw-stage{padding-block:42px 24px}
.collection-heading--bmw{gap:24px}
.collection-heading--bmw .collection-intro{flex:1;min-width:0}
.bmw-showcase--compact{flex:0 0 230px;width:230px}
.bmw-showcase--compact .bmw-stage{padding:14px 4px 8px}
@keyframes bmw-float{0%,100%{transform:translate3d(-2px,3px,0) rotate(.2deg)}50%{transform:translate3d(2px,-6px,0) rotate(-.35deg)}}
@media(max-width:1000px){.bmw-showcase--compact{flex-basis:190px;width:190px}.collection-heading--bmw{gap:16px}}
@media(max-width:700px){.bmw-showcase--hero{width:min(84%,310px)}.bmw-showcase--hero .bmw-stage{padding-block:22px 12px}.collection-heading--bmw{display:flex;flex-wrap:wrap;gap:8px 14px}.collection-heading--bmw .collection-intro{flex:1 0 100%}.collection-heading--bmw>.saved-toggle{margin-inline-start:auto}.bmw-showcase--compact{flex:0 1 180px;width:180px}.bmw-showcase--compact figcaption{gap:0}.bmw-showcase--compact .bmw-motion-button{padding-block:8px}.bmw-showcase--compact .bmw-stage{padding:12px 4px 6px}}
@media(max-width:450px){.bmw-showcase--compact{flex-basis:150px;width:150px}.collection-heading--bmw>.saved-toggle{font-size:14px;padding-inline:10px;gap:6px}}
@media(max-width:360px){.bmw-showcase--compact{flex-basis:120px;width:120px}.collection-heading--bmw{column-gap:8px}.collection-heading--bmw>.saved-toggle{font-size:14px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.bmw-car{animation:none;transform:none}.bmw-motion-button{display:none}}

/* Founder colour correction: visible MANARAT emerald and gold. */
.site-header{background:#063e32;color:#fff;border-bottom:2px solid #d6ad55}
.brand strong,[dir=rtl] .brand strong,.brand-wordmark>span{color:#fff}
.brand small,[dir=rtl] .brand small{color:#dfc68c}
.site-header nav a,.site-header nav button,.site-header nav .active,.header-tools .icon-button,.locale-button{color:#f6f8f1}
.site-header nav .active:after{background:#efc66d}
.header-tools .icon-button{border-color:#799a84}
.header-tools .icon-button:hover{background:#185745}
.trial-banner{background:#edf3e9;border-bottom-color:#cadcc9}
.hero{background:linear-gradient(125deg,#063e32 0%,#08604a 66%,#074333 100%);color:#fff;padding-bottom:4px}
.hero h1{color:#fff}.hero h1 em,.hero .eyebrow{color:#f1cd7c}
.hero-lead,.hero-context{color:#deeee3}
.hero .button.primary{background:#ebc36e;color:#123e30;border-color:#ebc36e}
.hero .button.primary:hover{background:#f4d594}
.hero .button.secondary{color:#fff;border-color:#a4c5ad;background:#ffffff08}
.hero .button.secondary:hover{background:#ffffff14}
.hero-search label{color:#e7ecd8}
.hero-search>div{border-color:#dbbf7e}
.hero .trust-strip{color:#e8f1e5;border-color:#6b967c}
.hero .trust-strip .icon{color:#f1cd7c}
.hero .bmw-stage::before{background:radial-gradient(ellipse at 50% 55%,#9bb77760,transparent 70%)}
.hero .bmw-showcase figcaption,.hero .bmw-motion-button{color:#e4eedb}
.collection-heading--bmw{background:linear-gradient(115deg,#064636,#0b6148);border:1px solid #267557;border-bottom:3px solid #d6ad55;border-radius:16px;padding:24px 28px;color:#fff}
.collection-heading--bmw h1{color:#fff}
.collection-heading--bmw .eyebrow{color:#f1cd7c}
.collection-heading--bmw.section-heading p:not(.eyebrow){color:#deeee3}
.collection-heading--bmw .bmw-showcase figcaption,.collection-heading--bmw .bmw-motion-button{color:#e4eedb}
.collection-heading--bmw .bmw-stage::before{background:radial-gradient(ellipse at 50% 55%,#b8c57c50,transparent 70%)}
.collection-heading--bmw>.saved-toggle{border-color:#dfc17a;color:#f5d995;background:#ffffff08}
.collection-heading--bmw>.saved-toggle b{background:#edcc85;color:#123e30}
.auto-route-nav{background:#064333;border-color:#467557}
.auto-route-nav a{color:#e8f2e5}
.auto-route-nav a[aria-current=page]{color:#f5d386;border-color:#f5d386}
.site-footer{background:#063e32;color:#f4f6ea;border-top:2px solid #d6ad55}
.site-footer p{color:#dce8d8}
.site-footer .text-button{color:#f0cf86}
.site-footer .footer-links nav a{color:#e7eddc}
.mobile-dock{background:#063e32f7;color:#f1f5e8;border-top-color:#d6ad55}
.mobile-dock .icon{color:#e7c273}
.mobile-dock a:first-child{background:#e8c172;color:#103e2e}
.mobile-dock a:first-child .icon{color:#103e2e}
@media(max-width:700px){.collection-heading--bmw{padding:20px 16px}.collection-heading--bmw .bmw-showcase--compact{flex-basis:150px;width:150px}}
@media(max-width:450px){.collection-heading--bmw .bmw-showcase--compact{flex-basis:132px;width:132px}.collection-heading--bmw>.saved-toggle{margin-inline-start:0}}
@media(max-width:360px){.collection-heading--bmw .bmw-showcase--compact{flex-basis:112px;width:112px}.collection-heading--bmw{padding-inline:12px}}

/* Auto layout 3: one compact navigation, legible Arabic and a contained car stage. */
@font-face{font-family:Manarat Arabic;src:url('/assets/fonts/ibm-plex-arabic-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manarat Arabic;src:url('/assets/fonts/ibm-plex-arabic-semibold.woff') format('woff');font-weight:600 700;font-style:normal;font-display:swap}
:root{--font-ar:'Manarat Arabic','Geeza Pro',Tahoma,Arial,sans-serif}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:110px}
body{font-family:Arial,Helvetica,sans-serif}
#app{min-inline-size:0;max-inline-size:100%}
.container{max-inline-size:calc(100% - 40px)}
[lang=ar],[dir=rtl] body{font-family:var(--font-ar)}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .card-title,[dir=rtl] .collection .section-heading h1,[dir=rtl] .collection h2{font-family:var(--font-ar);letter-spacing:0;font-weight:600;line-height:1.5}
[dir=rtl] .eyebrow,[dir=rtl] .trial-banner,[dir=rtl] .brand small{letter-spacing:0}
.auto-header{height:auto;position:sticky;top:0;background:#073d32;border-bottom:1px solid #cdb27b50;backdrop-filter:none;max-inline-size:100%;z-index:40}
.auto-header .header-inner{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;gap:24px;height:auto;min-height:88px;padding-block:12px;flex-wrap:nowrap}
.auto-header .brand{min-width:0;max-width:100%;gap:12px;flex-basis:auto;flex-shrink:1}
.auto-header .brand img{flex:0 0 56px;width:56px;height:56px;padding:0;border:0;border-radius:10px;object-fit:contain;background:#f8f5ee}
.auto-header .brand-wordmark{min-width:0;max-width:none;gap:5px;text-align:start}
.auto-header .brand strong{font:600 21px/1.2 Arial,sans-serif;letter-spacing:.07em;color:#fff;max-width:100%;overflow-wrap:anywhere}
.auto-header .brand small{font:400 12px/1.4 Arial,sans-serif;color:#e7ce98;margin:0;letter-spacing:.03em;overflow-wrap:normal}
[dir=rtl] .auto-header .brand strong{font-family:var(--font-ar);font-size:28px;line-height:1.2;letter-spacing:0}
[dir=rtl] .auto-header .brand small{font-family:var(--font-ar);font-size:13px;letter-spacing:0}
.auto-header .auto-primary-nav{display:flex;align-items:center;justify-content:center;gap:22px;min-width:0;font-size:14px}
.auto-header .auto-primary-nav a,.auto-header .auto-primary-nav button{color:#e6eee9}
.auto-header .header-tools{display:flex;align-items:center;justify-content:flex-end;width:auto;gap:10px}
.auto-header .locale-button{display:inline-flex;align-items:center;justify-content:center;font-size:14px;min-height:44px;min-width:52px;padding:6px 8px;color:#fff;border:1px solid #7d9d8a70;border-radius:9px;white-space:nowrap}
.auto-header .locale-button[lang=ar]{font-family:var(--font-ar)}
.auto-header .mobile-menu{display:inline-flex;width:44px;min-width:44px;height:44px;margin:0;border:1px solid #7d9d8a70;border-radius:9px;color:#fff}
.auto-header .locale-button:hover,.auto-header .mobile-menu:hover{background:#1a5547}
.trial-banner{padding:0;background:#eef2ed;color:#3e5a4d;border-bottom:1px solid #dbe4dc}
.trial-inner{display:block;min-width:0}
.trial-details{min-width:0;width:100%}
.trial-details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding-block:10px;font-size:13px;line-height:1.6;list-style:none;cursor:pointer;overflow-wrap:anywhere}
.trial-details summary::-webkit-details-marker{display:none}
.trial-more{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.trial-more .icon{width:14px;height:14px;transform:rotate(90deg)}
.trial-details[open] .trial-more .icon{transform:rotate(-90deg)}
.trial-details p{margin:0 0 8px;max-width:900px;font-size:14px;line-height:1.75}
.trial-details>a{display:inline-flex;align-items:center;min-height:44px;margin-bottom:4px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.hero{padding-block:44px 0;background:radial-gradient(ellipse at 84% 42%,#266b5155,transparent 52%),linear-gradient(120deg,#063c32,#0b503e);overflow:clip}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:'copy car' 'controls car';align-items:center;gap:24px 48px}
.hero-copy{grid-area:copy;min-width:0;padding:0;align-self:end;animation:auto-arrive .55s ease-out both}
.hero .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.14em;color:#e9c77f;margin:0 0 14px}
.hero .hero-copy h1{font:400 clamp(40px,4.5vw,62px)/1.13 Georgia,serif;letter-spacing:-.025em;margin:0 0 18px;color:#fff;max-width:660px;text-wrap:balance}
.hero .hero-copy h1 em{font-style:normal;color:#edcb87}
.hero-lead{font-size:16px;line-height:1.8;color:#dbe9df;max-width:475px;margin:0}
.hero-controls{grid-area:controls;min-width:0;max-width:510px;align-self:start}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero .button{font-size:15px;min-height:50px;gap:8px;border-radius:10px;padding:13px 24px}
.hero .button.primary{background:#e5c17a;border-color:#e5c17a;color:#173d2e}
.hero .button.secondary{background:#ffffff05;border-color:#9dbeab;color:#fff}
.hero-search{margin:22px 0 0;max-width:100%;min-width:0}
.hero-search label{display:block;font-size:14px;line-height:1.6;color:#dce9df;margin-bottom:8px}
.hero-search>div{display:flex;align-items:center;gap:4px;padding:4px;background:#fff;border:1px solid #dce3d8;border-radius:12px;min-width:0}
.hero-search input{font-size:16px;flex:1 1 0;min-width:0;width:0;padding:8px 10px;min-height:44px}
.hero-search .button{padding:10px 14px;min-height:44px;border-radius:8px;flex-shrink:0}
.hero .bmw-showcase{grid-area:car;justify-self:center;align-self:center;width:min(100%,410px);position:relative}
.hero .bmw-stage{padding:54px 8px 28px;isolation:isolate}
.bmw-stage::before{inset:5% 0 0;background:radial-gradient(ellipse,#e0eddf2b,transparent 66%)}
.bmw-stage::after{content:'';position:absolute;z-index:-1;inset-inline:14%;bottom:18%;height:11%;border-radius:50%;background:#002b22aa;filter:blur(10px);transform:scaleX(.94);animation:auto-shadow 6.5s ease-in-out infinite;pointer-events:none}
.bmw-car{animation:bmw-float 6.5s ease-in-out infinite;max-width:100%;height:auto}
@keyframes bmw-float{0%,100%{transform:translate3d(-2px,2px,0)}50%{transform:translate3d(2px,-4px,0)}}
@keyframes auto-shadow{0%,100%{opacity:.5;transform:scaleX(.94)}50%{opacity:.32;transform:scaleX(.86)}}
.bmw-showcase.is-paused .bmw-stage::after{animation-play-state:paused}
.bmw-showcase figcaption{font-size:12px;line-height:1.5;gap:0 12px;min-width:0}
.bmw-motion-button{font-size:12px;line-height:1.5;min-height:44px;padding:8px 2px}
.hero .trust-strip{gap:12px 24px;justify-content:flex-start;flex-wrap:wrap;margin-top:32px;padding-block:18px;border-color:#91ae974a}
.trust-strip span{font-size:13px;line-height:1.6}
[dir=rtl] .hero .hero-copy h1{font-family:var(--font-ar);font-size:clamp(36px,4.1vw,54px);font-weight:600;line-height:1.42;letter-spacing:0}
[dir=rtl] .hero-lead{font-size:17px;line-height:1.85}
[dir=rtl] .hero .eyebrow{letter-spacing:0;font-size:13px}
[dir=rtl] .hero .button,[dir=rtl] .trial-details summary{font-family:var(--font-ar)}
.card-location,.card-location>span,.card-specs,.compare-button,.currency{font-size:13px}
.field>span,.filter-main select,.more-filters .field>span,.filter-toggle,.search-field input,.results-toolbar,.sort-label select,.saved-toggle{font-size:14px}
.card-title{overflow-wrap:anywhere}
.mobile-nav a,.mobile-nav button{min-width:0;overflow-wrap:anywhere}
@keyframes auto-arrive{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){
 .auto-header .header-inner{grid-template-columns:minmax(0,1fr) auto;gap:16px}
 .auto-header .auto-primary-nav{display:none}
 .hero-grid{column-gap:28px}
}
@media(max-width:700px){
 .container{width:calc(100% - 32px);max-inline-size:calc(100% - 32px)}
 .auto-header .header-inner{grid-template-columns:minmax(0,1fr) auto;min-height:76px;padding-block:12px;gap:10px}
 .auto-header .brand{gap:10px;flex-basis:auto}
 .auto-header .brand img{width:46px;height:46px;flex-basis:46px;border-radius:8px}
 .auto-header .brand strong{font-size:18px;letter-spacing:.04em}
 .auto-header .brand small{font-size:12px;letter-spacing:0}
 .auto-header .brand-wordmark{gap:4px;max-width:none}
 .auto-header .header-tools{width:auto;gap:6px}
 .auto-header .locale-button{min-width:49px;padding-inline:6px}
 [dir=rtl] .auto-header .brand strong{font-size:25px}
 [dir=rtl] .auto-header .brand small{font-size:12px}
 .trial-banner{padding:0}
 .trial-details summary{min-height:48px;gap:8px;font-size:12px;padding-block:8px}
 .trial-more{font-size:12px;gap:2px}
 .hero{padding-top:26px}
 .hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'copy' 'car' 'controls';gap:12px}
 .hero .eyebrow{margin-bottom:10px;font-size:12px}
 .hero .hero-copy h1{font-size:clamp(35px,9vw,44px);line-height:1.13;margin-bottom:12px}
 .hero-lead{font-size:16px;line-height:1.7;max-width:100%;margin:0}
 [dir=rtl] .hero .hero-copy h1{font-size:clamp(31px,8vw,38px);line-height:1.4;margin-bottom:8px}
 [dir=rtl] .hero-lead{font-size:16px;line-height:1.8;max-width:100%;margin:0}
 .hero .bmw-showcase{width:min(82%,300px)}
 .hero .bmw-stage{padding:16px 4px 8px}
 .hero .bmw-showcase figcaption{gap:0 10px}
 .hero-controls{width:100%;max-width:none}
 .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .hero .button{font-size:14px;min-height:50px;padding:12px 10px}
 .hero-search{margin-top:18px}
 .hero-search .button{min-height:44px;padding:10px 13px}
 .hero-search .button .icon{width:17px;height:17px}
 .hero .trust-strip{display:flex;flex-wrap:wrap;gap:8px 18px;padding-block:18px;margin-top:22px}
 .hero .trust-strip span{font-size:12px}
 .collection{padding-block:32px 42px}
 .collection-heading--bmw{padding:20px 16px;gap:8px 12px}
 .collection-heading--bmw>.saved-toggle{margin-inline-start:auto}
 [dir=rtl] .card-title{font-size:24px;line-height:1.5}
 .filter-main{min-width:0}
 .section-heading{min-width:0;max-width:100%}
 .bmw-showcase--compact{max-width:150px}
}
@media(max-width:360px){
 .auto-header .brand{gap:8px}
 .auto-header .brand img{width:42px;height:42px;flex-basis:42px}
 .auto-header .brand strong{font-size:16px}
 .auto-header .brand small{font-size:12px;max-width:110px;line-height:1.5}
 [dir=rtl] .auto-header .brand strong{font-size:23px}
 .auto-header .header-tools{gap:4px}
 .hero .hero-copy h1{font-size:35px}
 .hero .bmw-showcase{width:84%;max-width:260px}
 .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-search .button span{display:none}
 .hero-search .button{min-width:44px}
 .collection-heading--bmw>.saved-toggle{margin-inline-start:0}
}
@media(prefers-reduced-motion:reduce){
 .hero-copy,.bmw-car,.bmw-stage::after{animation:none;transform:none;opacity:1}
 .bmw-stage::after{opacity:.4}
}
