/* Raid Al Tamayoz public experience — a compact, touch-first design layer.
   Keep the number plate face itself in plates.css so its official-style
   lettering is unaffected by the storefront type system. */
@font-face{font-family:"Showroom UI";src:url("../fonts/ibm-plex-sans-arabic/ibm-plex-arabic-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFC,U+200C-200F}
@font-face{font-family:"Showroom UI";src:url("../fonts/ibm-plex-sans-arabic/ibm-plex-latin-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-05FF,U+2010-206F,U+20A0-20CF,U+2122,U+2212}
@font-face{font-family:"Showroom UI";src:url("../fonts/ibm-plex-sans-arabic/ibm-plex-arabic-600.woff2") format("woff2");font-style:normal;font-weight:500 600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFC,U+200C-200F}
@font-face{font-family:"Showroom UI";src:url("../fonts/ibm-plex-sans-arabic/ibm-plex-latin-600.woff2") format("woff2");font-style:normal;font-weight:500 600;font-display:swap;unicode-range:U+0000-05FF,U+2010-206F,U+20A0-20CF,U+2122,U+2212}
@font-face{font-family:"Showroom UI";src:url("../fonts/ibm-plex-sans-arabic/ibm-plex-arabic-700.woff2") format("woff2");font-style:normal;font-weight:700 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFC,U+200C-200F}
@font-face{font-family:"Showroom UI";src:url("../fonts/ibm-plex-sans-arabic/ibm-plex-latin-700.woff2") format("woff2");font-style:normal;font-weight:700 900;font-display:swap;unicode-range:U+0000-05FF,U+2010-206F,U+20A0-20CF,U+2122,U+2212}

:root{
  --ux-ink:#13282d;
  --ux-ink-soft:#30494b;
  --ux-teal:#087561;
  --ux-teal-dark:#075a4d;
  --ux-mist:#e8f4ef;
  --ux-champagne:#d5b279;
  --ux-canvas:#f6f8f5;
  --ux-white:#fff;
  --ux-muted:#5b7070;
  --ux-line:#dce7e1;
  --ux-shadow:0 12px 32px rgba(13,44,42,.075);
  --ux-radius:22px;
}

.storefront-body,.public-body,.plates-index-page,.plate-detail-page,.plates-footer{
  font-family:"Showroom UI",system-ui,sans-serif;
}
.storefront-body,.public-body{background:var(--ux-canvas);color:var(--ux-ink)}
.storefront-body :is(button,input,select),.public-body :is(button,input,select){font-family:inherit}
.storefront-body :focus-visible,.public-body :focus-visible{outline:3px solid var(--ux-teal);outline-offset:3px}
.storefront-body :is(a,button,select,summary),.public-body :is(a,button,select,summary){touch-action:manipulation}

/* A familiar iPhone-style tab bar, with safe-area support. */
.app-bottom-nav{display:none}
@media(max-width:51.99rem){
  .storefront-body,.storefront-body.has-floating-actions,.public-body,.public-body.plate-public-body{padding-block-end:calc(6.3rem + env(safe-area-inset-bottom))}
  .app-bottom-nav{
    position:fixed;inset-inline:0;inset-block-end:max(.45rem,env(safe-area-inset-bottom));z-index:110;
    width:min(calc(100% - 1rem),29rem);min-height:4.5rem;display:flex;align-items:stretch;
    gap:.12rem;margin-inline:auto;padding:.35rem;
    border:1px solid rgba(255,255,255,.86);border-radius:1.35rem;
    background:rgba(255,255,255,.94);box-shadow:0 12px 42px rgba(16,33,39,.19);
    -webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
  }
  .app-bottom-nav a{min-width:0;flex:1;display:grid;align-content:center;justify-items:center;gap:.2rem;border-radius:1rem;color:#66777a;font-size:.65rem;font-weight:700;line-height:1.2;text-decoration:none}
  .app-bottom-nav a.is-current{background:#e7f3ef;color:var(--ux-teal-dark)}
  .app-bottom-nav svg{width:1.2rem;height:1.2rem;fill:currentColor}
  .storefront-floating-actions,.plates-floating-contact{display:none!important}
}

/* Storefront and catalogue */
.storefront-header,.plate-detail-header{border-color:var(--ux-line);background:rgba(255,255,255,.94);box-shadow:0 2px 15px rgba(16,33,39,.035)}
.storefront-header-inner{min-height:4.25rem}
.storefront-brand{color:var(--ux-ink);font-weight:700}
.storefront-brand .raid-brand-mark{width:2.55rem;height:2.55rem;display:grid;place-items:center;flex:0 0 auto;border-radius:.86rem;background:linear-gradient(145deg,#143a39,#087561);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:#fff;font-family:"Noto Kufi Arabic",sans-serif;font-size:1.35rem;font-weight:900;line-height:1}
.storefront-brand>span:last-child{font-family:"Noto Kufi Arabic",sans-serif;font-size:.76rem;font-weight:800;line-height:1.45}
.storefront-brand.has-image img{max-height:3.1rem;object-fit:contain}
.storefront-header-contact{min-height:2.7rem;border:1px solid #d2e4df;background:var(--ux-mist);color:var(--ux-teal-dark);font-size:.76rem}
.storefront-nav a{color:var(--ux-ink-soft);font-size:.79rem;font-weight:600}
.storefront-nav a:hover{color:var(--ux-teal)}
.storefront-main{gap:1.3rem;padding-block-start:.7rem}
.storefront-hero{
  min-height:0;display:grid;align-items:center;padding:1.5rem 1.3rem 1.15rem;
  border:1px solid rgba(255,255,255,.1);border-radius:1.65rem;
  background:radial-gradient(circle at 95% 5%,rgba(199,169,119,.18),transparent 13rem),
             radial-gradient(circle at 5% 110%,rgba(12,122,107,.48),transparent 16rem),
             linear-gradient(145deg,#102127,#193d3c 82%);
  box-shadow:0 18px 42px rgba(16,33,39,.13)
}
.storefront-hero::before{width:13rem;height:13rem;border-color:rgba(255,255,255,.08);box-shadow:0 0 0 2.5rem rgba(255,255,255,.018)}
.storefront-hero::after{display:none}
.storefront-hero .storefront-eyebrow{color:#d7e5df;font-size:.68rem;letter-spacing:0}
.storefront-eyebrow i{background:var(--ux-champagne)}
.storefront-hero h1{row-gap:.08em;margin-block-start:.55rem;font-size:clamp(2.05rem,8.8vw,3.5rem);font-weight:700;line-height:1.28;letter-spacing:-.04em}
.storefront-hero h1 em{color:#e7cb93}
.storefront-hero-copy>p{max-width:38ch;margin-block-start:.7rem;color:#d0ded8;font-size:.83rem;line-height:1.8}
.storefront-hero-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-block-start:1.15rem}
.storefront-hero-actions a{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding-inline:.85rem;border:1px solid rgba(255,255,255,.3);border-radius:.8rem;color:#fff;font-size:.75rem;font-weight:700}
.storefront-hero-actions a.is-primary{border-color:#fff;background:#fff;color:var(--ux-ink)}
.storefront-hero-actions a.is-secondary{background:rgba(255,255,255,.075)}
.storefront-hero-actions svg{width:1rem;height:1rem;fill:currentColor}
.storefront-trust-row{gap:.8rem;margin-block-start:1.15rem;padding-block-start:.9rem;border-color:rgba(255,255,255,.14)}
.storefront-trust-row b{font-size:.85rem;font-weight:700}
.storefront-trust-row small{color:#aec6c2;font-size:.61rem}
.storefront-hero-mark{inset-block-start:1.25rem;inset-inline-end:1.4rem;opacity:.075}
.storefront-hero-mark b{font-family:"Showroom UI",sans-serif;font-size:7rem;line-height:1}
.storefront-hero-mark small{font-family:system-ui,sans-serif}
.hero-mark-line{background:var(--ux-champagne)}
.catalog-shell{scroll-margin-top:5.2rem}
.catalog-intro{align-items:start}
.catalog-intro h2,.featured-plates h2,.success-partners h2{color:var(--ux-ink);font-size:clamp(1.55rem,6vw,2.2rem);font-weight:700;letter-spacing:-.025em}
.catalog-intro p,.partners-heading p{color:var(--ux-muted);font-size:.78rem}
.catalog-count{border-color:#dbe9e4;background:#edf5f2;color:var(--ux-teal-dark)}
.catalog-count i{background:var(--ux-teal)}
.catalog-search{border-color:#d9e4e0;border-radius:1.1rem;box-shadow:var(--ux-shadow)}
.catalog-search-field svg{fill:var(--ux-teal)}
.catalog-search>button,.catalog-filter-actions>button{border-radius:.8rem;background:var(--ux-ink);font-size:.8rem}
.manufacturer-chips a{min-height:2.6rem;border-color:var(--ux-line);font-size:.74rem}
.manufacturer-chips a.is-active{border-color:var(--ux-ink);background:var(--ux-ink)}
.catalog-filters{border-color:var(--ux-line);border-radius:1rem;box-shadow:0 3px 14px rgba(16,33,39,.025)}
.catalog-filters summary{min-height:3.5rem;color:var(--ux-ink);font-size:.8rem}
.catalog-filter-field input,.catalog-filter-field select{border-color:#d8e4df;background:#fff;border-radius:.78rem}
.catalog-filter-actions>a{color:var(--ux-teal-dark)}
.vehicle-grid{gap:.85rem}
.vehicle-card{border-color:var(--ux-line);border-radius:1.3rem;box-shadow:var(--ux-shadow)}
.vehicle-card-media{aspect-ratio:1.42;background:#e7ece9}
.vehicle-card-media::after{height:32%;background:linear-gradient(transparent,rgba(0,0,0,.19))}
.vehicle-availability{min-height:1.8rem;inset-block-start:.75rem;inset-inline-start:.75rem;border:1px solid rgba(255,255,255,.6);background:rgba(16,33,39,.88);font-size:.68rem}
.vehicle-availability i{background:#7ad7ae}
.vehicle-card-content{padding:1rem}
.vehicle-card-maker{color:var(--ux-teal-dark);font-size:.72rem}
.vehicle-card h3{min-height:3.05rem;color:var(--ux-ink);font-size:1.07rem;font-weight:700}
.vehicle-card-facts{border-color:#ecf0ee}
.vehicle-card-facts>div{border-color:#e9eeeb}
.vehicle-card-facts dt{color:#738387;font-size:.66rem}
.vehicle-card-facts dd{color:var(--ux-ink-soft);font-size:.78rem}
.vehicle-card-highlights>span{border-color:#dce9e3;background:#f1f7f4;color:#486461}
.vehicle-card-footer{border-color:#edf0ee}
.vehicle-card-price strong{color:var(--ux-teal-dark);font-size:1.1rem}
.vehicle-card-cta,.public-related-cta{min-height:2.55rem;border:1px solid #d3e9e2;border-radius:.8rem;background:#e9f5f0;box-shadow:none;color:var(--ux-teal-dark);font-size:.73rem;font-weight:700}
.vehicle-card-cta svg,.public-related-cta svg{fill:currentColor}
.without-price .vehicle-card-cta{background:var(--ux-ink);border-color:var(--ux-ink);color:#fff}
.catalog-pagination a.is-current{border-color:var(--ux-teal);background:var(--ux-teal)}
.catalog-empty>span svg{width:1.7rem;height:1.7rem;fill:currentColor}
.featured-plates{border-radius:1.65rem;background:radial-gradient(circle at 5% 90%,rgba(12,122,107,.42),transparent 16rem),#102127;box-shadow:0 16px 38px rgba(16,33,39,.11)}
.featured-plates-copy>a{border-color:#fff;border-radius:.8rem;color:var(--ux-ink)}
.featured-plates-copy>a svg{fill:var(--ux-teal)}
.success-partners{padding-block:1.5rem}
.partner-mark{border-color:var(--ux-line);background:#fff;box-shadow:var(--ux-shadow)}
.partner-mark>strong{color:var(--ux-ink-soft)}
.storefront-footer,.public-footer,.plates-footer{background:radial-gradient(circle at 50% -8rem,rgba(12,122,107,.34),transparent 21rem),#102127}
.storefront-footer-contact{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.055)}
.storefront-footer-contact-links>a{border-color:rgba(255,255,255,.11)}
.storefront-footer-contact-links .is-whatsapp svg{background:var(--ux-teal)}
.storefront-social a,.public-footer .public-social .social-link{min-height:2.65rem}

/* Public car detail */
.public-header{min-height:4.25rem;border-block-end:1px solid var(--ux-line);background:rgba(255,255,255,.94);box-shadow:0 2px 15px rgba(16,33,39,.035)}
.public-header .public-brand strong{color:var(--ux-ink)}
.public-header .public-brand small{color:var(--ux-muted)}
.public-home-link,.public-location{min-height:2.7rem;border-color:#d7e8e2;background:var(--ux-mist);color:var(--ux-teal-dark)}
.public-car-page{padding-block-start:1rem}
.public-main-image{border-radius:1.35rem;box-shadow:0 14px 36px rgba(16,33,39,.1)}
.public-thumbnails button{border-radius:.75rem}
.photo-count{display:inline-flex;align-items:center;gap:.35rem}
.photo-count svg{width:.9rem;height:.9rem;fill:currentColor}
.public-content-grid{gap:1.05rem;margin-block-start:1rem}
.car-title-block{padding-block:.45rem 1.05rem}
.car-title-block h1{color:var(--ux-ink);font-size:clamp(1.65rem,5.7vw,2.6rem);font-weight:700;line-height:1.38}
.car-title-block>p{color:var(--ux-muted);font-size:.84rem}
.specification-highlight{border-color:#c5e4d9;background:var(--ux-mist);color:var(--ux-teal-dark)}
.specification-highlight>span{background:var(--ux-teal)}
.specification-highlight>svg{width:1rem;height:1rem;fill:currentColor}
.public-share-button{border-color:#d3e8e0;background:#edf6f2;color:var(--ux-teal-dark);box-shadow:none}
.public-section,.public-benefits,.public-note,.showroom-card{border-color:var(--ux-line);border-radius:1.25rem;background:#fff;box-shadow:var(--ux-shadow)}
.public-section-heading .eyebrow,.public-benefits-heading .eyebrow{color:var(--ux-teal);font-size:.69rem;letter-spacing:0}
.public-section-heading h2,.public-benefits-heading h2{color:var(--ux-ink);font-size:clamp(1.17rem,4.5vw,1.45rem);font-weight:700}
.public-spec-grid{gap:.62rem}
.public-spec-grid>div,[dir="rtl"] .public-spec-grid>div,.public-spec-grid>div:nth-child(3n+2),.public-spec-grid>div:nth-child(3n){min-height:5.25rem;border-color:#e1ebe6;border-radius:.95rem;background:#f7faf8}
.public-spec-grid>div:nth-child(even){background:#f1f7f4}
.public-spec-grid svg.spec-icon{width:1.95rem;height:1.95rem;inset-inline-start:.72rem;padding:.44rem;border-radius:.59rem;background:#e0f1e9;color:var(--ux-teal-dark);fill:currentColor}
.public-spec-grid>div:nth-child(3n+2) svg.spec-icon,.public-spec-grid>div:nth-child(3n) svg.spec-icon{background:#e0f1e9;color:var(--ux-teal-dark)}
.public-spec-grid dt{color:#6b7f80;font-size:.72rem}
.public-spec-grid dd{color:var(--ux-ink);font-size:clamp(.94rem,2.8vw,1.12rem);font-weight:700}
.mobile-price-card,.public-price-card{border-color:#bee4d5;border-radius:1.22rem;background:linear-gradient(145deg,#e8f6ef,#f7fcf8);box-shadow:0 10px 26px rgba(12,122,107,.075)}
.price-label{border-color:#c4e5d8;background:#fff;color:var(--ux-teal-dark)}
.mobile-price-card>strong,.public-price-card>strong{color:#075c4c;font-size:clamp(1.65rem,4vw,2.5rem);font-weight:700}
.mobile-price-card.is-price-on-request>strong,.public-price-card.is-price-on-request>strong{font-size:clamp(1.13rem,3vw,1.55rem);white-space:normal}
.public-price-card>p{color:#57736d}
.public-prose>p{color:var(--ux-ink-soft);font-size:.95rem;line-height:1.95}
.public-benefits{background:#fff}
.public-benefits-badge{border-color:#d2e9dc;background:#edf7f0;color:var(--ux-teal-dark)}
.public-benefit-card,.public-benefit-card.is-delivery{border-color:#e0ece5;background:#f7faf8}
.public-benefit-icon,.is-delivery .public-benefit-icon{border-color:#cfebdf;background:#e4f4ed;color:var(--ux-teal-dark)}
.public-benefit-card small,.is-delivery.public-benefit-card small{color:var(--ux-teal)}
.public-benefit-card h3{color:var(--ux-ink)}
.public-benefit-card p{color:var(--ux-muted)}
.public-note{border-color:#d8e9e1;background:#f5faf7}
.public-note-icon{background:#e2f3eb;color:var(--ux-teal-dark)}
.public-note-icon svg{width:1rem;height:1rem;fill:currentColor}
.public-note strong{color:var(--ux-ink)}
.public-note p{color:var(--ux-ink-soft)}
.public-evidence-card{border-color:#dfece5;background:#f7faf8}
.public-related-card{border-color:var(--ux-line);border-radius:1.1rem;box-shadow:var(--ux-shadow)}
.public-related-card b{color:var(--ux-teal-dark)}
.public-related-meta>span{border-color:#dce9e3;background:#f2f7f4}
.public-related-cta{justify-content:center;box-shadow:none}
.public-related-controls button{border-color:#d9e8e1;color:var(--ux-teal-dark);box-shadow:none}
.public-footer .footer-contact-link.is-whatsapp>svg{background:var(--ux-teal)}
.public-sold-card{border-color:var(--ux-line);border-radius:1.5rem;box-shadow:var(--ux-shadow)}
.public-sold-symbol svg,.plate-sold-banner>span svg{width:1.45rem;height:1.45rem;fill:currentColor}
.public-sold-home-link{background:var(--ux-teal)}

/* Plate catalogue and detail: surrounding UI only; plate letterforms stay intact. */
.plates-index-page,.plate-detail-page{background:var(--ux-canvas);color:var(--ux-ink)}
.plates-hero{min-height:17.5rem;align-items:center;border-radius:1.65rem;background:radial-gradient(circle at 8% 98%,rgba(12,122,107,.44),transparent 17rem),linear-gradient(145deg,#102127,#19443e);box-shadow:0 18px 42px rgba(16,33,39,.13)}
.plates-hero h1{font-size:clamp(2.15rem,10vw,4.5rem);line-height:1.22;letter-spacing:-.035em}
.plates-hero h1 em{color:#e7cb93}
.plates-hero-copy>p{color:#d0ded8;font-size:.82rem}
.plates-eyebrow{color:#e7cb93}
.plates-eyebrow.is-dark{color:var(--ux-teal)}
.plates-section-heading h2{color:var(--ux-ink);font-weight:700}
.plates-catalog-shell,.plate-info-card,.plate-notes-card,.plate-related{border-color:var(--ux-line);border-radius:1.25rem;background:#fff;box-shadow:var(--ux-shadow)}
.plates-filter-form{border-color:var(--ux-line);background:#f6f9f7}
.plates-search-field,.plates-filter-field select{border-color:#dce8e1;border-radius:.8rem}
.plates-filter-submit,.plates-pagination a.is-current{border-color:var(--ux-teal);background:var(--ux-teal)}
.plates-grid{gap:.85rem}
.plate-card{border-color:var(--ux-line);border-radius:1.25rem;box-shadow:var(--ux-shadow)}
.plate-card-link{padding:.9rem}
.plate-card-identity strong,.plate-card-price strong{color:var(--ux-ink)}
.plate-card-price strong{color:var(--ux-teal-dark)}
.plate-card-cta{color:var(--ux-teal-dark)}
.plates-contact-banner,.plate-contact-card{border-radius:1.3rem;background:linear-gradient(140deg,#102127,#19443e)}
.plates-contact-actions a.is-whatsapp,.plate-contact-card a.is-whatsapp{background:var(--ux-teal)}
.plates-header-nav a{border-color:var(--ux-line);background:#f7faf8;color:var(--ux-ink-soft)}
.plate-detail-hero{border-color:var(--ux-line);border-radius:1.4rem;box-shadow:var(--ux-shadow)}
.plate-detail-copy h1{color:var(--ux-ink)}
.plate-detail-copy h1 strong{color:var(--ux-teal-dark)}
.plate-detail-price{border-color:#d1e8dc;background:#eef8f2}
.plate-detail-price>strong{color:var(--ux-teal-dark)}
.plate-detail-visual{background:radial-gradient(circle at 50% 12%,rgba(199,169,119,.15),transparent 58%),#102127}
.plate-spec-list dd{color:var(--ux-ink)}
.plate-contact-card,.plate-qr-card,.plate-address-card{border-color:var(--ux-line);border-radius:1.15rem;box-shadow:var(--ux-shadow)}
.plate-qr-card,.plate-address-card{background:#fff}
.plate-sold-banner>a{background:var(--ux-teal)}

@media(max-width:48rem){
  .storefront-main{gap:1.05rem}
  .storefront-hero,.catalog-shell,.featured-plates,.success-partners{width:min(calc(100% - 1.2rem),var(--sf-width))}
  .storefront-hero{padding:1.35rem 1.15rem 1.1rem}
  .storefront-hero h1{font-size:clamp(1.98rem,8.5vw,2.6rem)}
  .storefront-hero-actions a{flex:1;white-space:nowrap}
  .storefront-trust-row small{display:none}
  .catalog-shell{padding:1rem .2rem 1.4rem}
  .vehicle-card-content{padding:.95rem}
  .public-car-page{width:min(calc(100% - 1.2rem),84rem)}
  .public-content-grid{gap:.8rem}
  .public-section,.public-benefits{padding:1.05rem}
  .public-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .public-spec-grid>div,[dir="rtl"] .public-spec-grid>div{min-height:5.15rem;padding:.7rem 2.9rem .7rem .6rem}
  .public-benefits-grid{grid-template-columns:1fr}
  .public-related{padding-inline:.75rem}
  .plates-index-page,.plate-detail-page{padding-inline:max(.6rem,env(safe-area-inset-right)) max(.6rem,env(safe-area-inset-left))}
  .plates-hero{min-height:17rem;padding:1.4rem}
  .plate-detail-hero{padding:.8rem}
  .plates-footer,.public-footer,.storefront-footer{padding-block-end:2.1rem}
}
@media(max-width:23rem){
  .storefront-hero-actions{display:grid;grid-template-columns:1fr}
  .storefront-trust-row{gap:.3rem}
  .storefront-trust-row b{font-size:.75rem}
  .catalog-count{font-size:.62rem}
  .vehicle-card-facts dd{font-size:.7rem}
  .public-header .public-brand>span:last-child{display:none}
  .public-home-link{font-size:.7rem}
  .public-spec-grid>div,[dir="rtl"] .public-spec-grid>div{padding-inline-start:2.5rem;padding-inline-end:.45rem}
  .public-spec-grid svg.spec-icon{width:1.65rem;height:1.65rem;inset-inline-start:.55rem;padding:.37rem}
  .public-spec-grid dd{font-size:.9rem}
  .app-bottom-nav a{font-size:.61rem}
  .plate-card-identity strong,.plate-card-price strong{font-size:.76rem}
}
@media(min-width:52rem){
  .storefront-hero{min-height:25rem;padding:3.3rem 4rem;grid-template-columns:minmax(0,1fr) 15rem}
  .storefront-hero-mark{position:relative;inset:auto;opacity:.17;justify-self:center}
  .storefront-hero-mark b{font-size:11rem}
  .storefront-trust-row small{display:block}
  .catalog-shell{padding-block:2rem 2.6rem}
  .vehicle-card-media{aspect-ratio:4/3}
  .plates-hero{min-height:22rem}
  .plates-footer{padding-block-end:2rem}
}
@media(hover:hover){
  .storefront-hero-actions a,.vehicle-card-cta,.public-related-cta,.app-bottom-nav a{transition:transform .18s ease,background-color .18s ease}
  .storefront-hero-actions a:hover,.vehicle-card:hover .vehicle-card-cta,.public-related-card:hover .public-related-cta{transform:translateY(-2px)}
  .storefront-hero-actions a.is-primary:hover{background:#e5f5ef}
}
@media(prefers-reduced-motion:reduce){
  .storefront-hero-actions a,.vehicle-card-cta,.public-related-cta,.app-bottom-nav a{transition:none}
}

/* Public storefront finishing: stronger hierarchy, comfortable touch targets,
   and a restrained deep-green / warm-metal palette. */
.storefront-body,.public-body{background:radial-gradient(circle at 50% 0,#fff 0,transparent 35rem),var(--ux-canvas)}
.storefront-header,.public-header{border-block-end:1px solid rgba(19,62,54,.1);box-shadow:0 8px 24px rgba(13,44,42,.045)}
.storefront-header-contact,.public-home-link,.public-location{min-height:2.9rem;padding-inline:1rem;border-radius:.82rem;font-size:.78rem;font-weight:700}
.storefront-header-contact:hover,.public-home-link:hover,.public-location:hover{border-color:#afd8c9;background:#dff0e8;color:var(--ux-teal-dark)}
.storefront-nav a{position:relative;padding-block:.5rem;color:var(--ux-ink-soft);font-size:.82rem}
.storefront-nav a::after{position:absolute;inset-inline:0;inset-block-end:0;height:2px;border-radius:2px;background:var(--ux-teal);content:"";transform:scaleX(0);transition:transform .2s ease}
.storefront-nav a:hover::after,.storefront-nav a:focus-visible::after{transform:scaleX(1)}

.storefront-main{gap:clamp(1.3rem,2.7vw,2.3rem);padding-block-start:1rem}
.storefront-hero{border-radius:1.85rem;background:radial-gradient(circle at 88% 0,rgba(213,178,121,.22),transparent 18rem),radial-gradient(circle at 0 100%,rgba(21,119,98,.42),transparent 22rem),linear-gradient(135deg,#102529,#1c4340 90%);box-shadow:0 22px 52px rgba(13,44,42,.16)}
.storefront-hero .storefront-eyebrow{color:#e2eadd;font-size:.75rem}
.storefront-hero h1{max-width:14ch;line-height:1.34;letter-spacing:-.025em}
.storefront-hero h1 em{color:#f2d7a3}
.storefront-hero-copy>p{max-width:44ch;color:#e2eae5;font-size:.92rem;line-height:1.95}
.storefront-hero-actions{gap:.65rem;margin-block-start:1.5rem}
.storefront-hero-actions a{min-height:3.1rem;padding-inline:1.15rem;border-radius:.9rem;font-size:.82rem;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.storefront-hero-actions a.is-primary{border-color:#fff;background:#fff;color:#163d36}
.storefront-hero-actions a.is-secondary{border-color:rgba(255,255,255,.44);background:rgba(255,255,255,.08)}
.storefront-hero-actions a.is-secondary:hover{background:rgba(255,255,255,.16)}
.storefront-trust-row{gap:1rem;margin-block-start:1.55rem;padding-block-start:1.15rem}
.storefront-trust-row b{font-size:.96rem}
.storefront-trust-row small{color:#c0d2cb;font-size:.68rem}
.storefront-hero-mark{opacity:.1}
.storefront-hero-mark b{letter-spacing:0}

.catalog-shell{padding-block-start:2rem;scroll-margin-top:5.6rem}
.catalog-intro{gap:.85rem}
.catalog-intro h2,.featured-plates h2,.success-partners h2{font-size:clamp(1.65rem,5.7vw,2.45rem);line-height:1.35}
.catalog-intro p,.partners-heading p{font-size:.85rem;line-height:1.8}
.catalog-count{min-height:2.5rem;padding-inline:.85rem;background:#edf6f1;font-size:.73rem}
.catalog-search{margin-block-start:1.25rem;padding:.42rem;border-color:#d5e4dd;border-radius:1.15rem;box-shadow:0 10px 28px rgba(13,44,42,.07)}
.catalog-search-field input{height:3.1rem;font-size:.93rem}
.catalog-search-field input::placeholder{color:#6f8280}
.catalog-search>button,.catalog-filter-actions>button{min-height:3.1rem;border-radius:.8rem;background:var(--ux-teal-dark);font-size:.86rem;font-weight:700;transition:background-color .18s ease,transform .18s ease}
.catalog-search>button:hover,.catalog-filter-actions>button:hover{background:#084b42;transform:translateY(-1px)}
.manufacturer-chips{gap:.55rem;margin-block:.95rem}
.manufacturer-chips a{min-height:2.8rem;padding-inline:1.05rem;border-color:#d7e4dc;color:#405c58;font-size:.79rem;transition:border-color .18s ease,background-color .18s ease}
.manufacturer-chips a:hover{border-color:#a8d2bf;background:#edf7f1}
.manufacturer-chips a.is-active{border-color:var(--ux-teal-dark);background:var(--ux-teal-dark);color:#fff}
.catalog-filters{overflow:hidden;margin-block:.55rem 1.25rem;border-radius:1.08rem;box-shadow:0 7px 22px rgba(13,44,42,.035)}
.catalog-filters summary{min-height:3.75rem;padding-inline:1rem;font-size:.86rem}
.catalog-filter-grid{gap:.85rem;padding:1rem}
.catalog-filter-field label{font-size:.75rem;color:var(--ux-ink-soft)}
.catalog-filter-field input,.catalog-filter-field select{height:3.2rem;border-color:#d6e4dd;background:#fbfdfb;font-size:.88rem}
.catalog-filter-field input:focus,.catalog-filter-field select:focus{border-color:var(--ux-teal);box-shadow:0 0 0 3px rgba(8,117,97,.13)}
.catalog-filter-actions>a{font-size:.76rem}

.vehicle-grid{gap:1.05rem}
.vehicle-card{border-color:#dce8e1;border-radius:1.45rem;box-shadow:0 9px 28px rgba(13,44,42,.065)}
.vehicle-card:hover{border-color:#afd5c4;box-shadow:0 18px 40px rgba(13,44,42,.11)}
.vehicle-card-media{aspect-ratio:1.48}
.vehicle-card-content{padding:1.15rem}
.vehicle-card-maker{font-size:.75rem}
.vehicle-card h3{min-height:3.4rem;margin-block-start:.28rem;font-size:1.12rem;line-height:1.55}
.vehicle-card-facts{margin-block-start:.82rem;padding-block:.78rem}
.vehicle-card-facts dt{font-size:.7rem;color:#617574}
.vehicle-card-facts dd{font-size:.81rem;color:var(--ux-ink)}
.vehicle-card-highlights>span{min-height:1.85rem;padding-inline:.65rem;font-size:.69rem}
.vehicle-card-footer{margin-block-start:1rem;padding-block-start:.85rem}
.vehicle-card-price small{font-size:.69rem;color:#617574}
.vehicle-card-price strong{font-size:1.19rem;color:var(--ux-teal-dark)}
.vehicle-card-cta,.without-price .vehicle-card-cta{min-height:2.85rem;padding-inline:.95rem;border-color:var(--ux-teal-dark);border-radius:.78rem;background:var(--ux-teal-dark);color:#fff;font-size:.77rem;box-shadow:none}
.vehicle-card-cta:hover{background:#07483f;color:#fff}
.catalog-pagination a{min-width:2.75rem;min-height:2.75rem;border-radius:.75rem;font-size:.8rem}
.catalog-pagination a.is-current{border-color:var(--ux-teal-dark);background:var(--ux-teal-dark)}

.featured-plates{padding:clamp(1.5rem,5vw,3.7rem);border-radius:1.75rem;background:radial-gradient(circle at 95% 12%,rgba(213,178,121,.17),transparent 17rem),linear-gradient(135deg,#102529,#1b413c);box-shadow:0 18px 42px rgba(13,44,42,.14)}
.featured-plates-copy p{color:#d7e7de;font-size:.9rem}
.featured-plates-copy>a{min-height:3rem;padding-inline:1.2rem;border-radius:.86rem;font-size:.8rem}
.success-partners{padding-block:2rem 2.3rem}
.partner-strip{gap:.8rem;margin-block-start:1.35rem}
.partner-mark{border-radius:1.1rem;box-shadow:0 8px 25px rgba(13,44,42,.055)}
.storefront-footer,.public-footer{background:radial-gradient(circle at 50% -8rem,rgba(8,117,97,.32),transparent 25rem),#102529}
.storefront-footer-contact,.public-footer-contact{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.065)}
.storefront-footer-contact>span,.public-footer-contact-heading .eyebrow{color:#f0d49e}
.storefront-footer-contact-links>a,.public-footer .footer-contact-link{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.065)}
.storefront-footer-contact-links>a:hover,.public-footer .footer-contact-link:hover{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.12)}

/* Car detail: quiet information cards and a clear price emphasis. */
.public-car-page{padding-block-start:1.25rem}
.public-main-image{border-radius:1.5rem;box-shadow:0 18px 42px rgba(13,44,42,.12)}
.public-thumbnails button{border-radius:.82rem}
.public-content-grid{gap:1.5rem;margin-block-start:1.35rem}
.car-title-block h1{line-height:1.45;letter-spacing:-.02em}
.car-title-block>p{font-size:.9rem;line-height:1.75}
.public-share-button{min-height:2.8rem;padding-inline:.95rem;border-radius:.8rem;font-size:.78rem}
.public-section,.public-benefits,.public-note,.showroom-card{border-color:#dce8e1;border-radius:1.35rem;box-shadow:0 10px 28px rgba(13,44,42,.055)}
.public-section,.public-benefits{padding:1.35rem}
.public-section-heading .eyebrow,.public-benefits-heading .eyebrow{font-size:.73rem}
.public-section-heading h2,.public-benefits-heading h2{line-height:1.45}
.public-spec-grid{gap:.7rem;margin-block-start:1.2rem}
.public-spec-grid>div,[dir="rtl"] .public-spec-grid>div,.public-spec-grid>div:nth-child(3n+2),.public-spec-grid>div:nth-child(3n){min-height:5.5rem;border-color:#deebe4;background:#f7faf8}
.public-spec-grid>div:nth-child(even){background:#f3f8f5}
.public-spec-grid dt{font-size:.74rem}
.public-spec-grid dd{font-size:clamp(.95rem,2vw,1.1rem);line-height:1.5}
.mobile-price-card,.public-price-card{border-color:#c5e4d5;border-radius:1.3rem;background:linear-gradient(135deg,#e8f6ef,#f8fcf9);box-shadow:0 10px 28px rgba(8,117,97,.075)}
.mobile-price-card>strong,.public-price-card>strong{color:#074c42}
.public-benefit-card,.public-benefit-card.is-delivery{border-radius:1rem}
.public-benefit-card p{line-height:1.8}
.public-related-card{border-color:#dce8e1;border-radius:1.15rem;box-shadow:0 8px 24px rgba(13,44,42,.065)}
.public-related-card strong{line-height:1.6}
.public-related-card b{font-size:1rem}
.public-related-cta{min-height:2.65rem;border-color:var(--ux-teal-dark);background:var(--ux-teal-dark);color:#fff;font-size:.75rem}
.public-related-controls button{min-width:2.75rem;min-height:2.75rem}

/* Plate catalogue and detail controls; the plate artwork keeps its own styles. */
.plates-index-page,.plate-detail-page{padding-block-start:1rem}
.plates-hero{min-height:19rem;padding:clamp(1.45rem,5vw,3.6rem);border-radius:1.8rem;background:radial-gradient(circle at 90% 8%,rgba(213,178,121,.22),transparent 17rem),linear-gradient(135deg,#102529,#1b413c);box-shadow:0 18px 42px rgba(13,44,42,.15)}
.plates-hero h1{font-size:clamp(2.2rem,9.5vw,4.7rem);line-height:1.3;letter-spacing:-.025em}
.plates-hero h1 em{color:#f2d7a3}
.plates-hero-copy>p{max-width:45ch;color:#dce9e2;font-size:.89rem;line-height:1.9}
.plates-catalog-shell,.plate-info-card,.plate-notes-card,.plate-related{border-color:#dce8e1;border-radius:1.35rem;box-shadow:0 10px 30px rgba(13,44,42,.06)}
.plates-section-heading h2{font-size:clamp(1.55rem,5.8vw,2.3rem);line-height:1.4}
.plates-filter-form{gap:.8rem;padding:.85rem;border-color:#dae7e0;border-radius:1.08rem;background:#f6faf7}
.plates-search-field,.plates-filter-field select{min-height:3.15rem;border-color:#d6e4dc;background:#fff}
.plates-search-field input,.plates-filter-field select{font-size:.83rem}
.plates-filter-field>span{font-size:.72rem;color:var(--ux-ink-soft)}
.plates-filter-submit{min-height:3.15rem;border-radius:.8rem;background:var(--ux-teal-dark);font-size:.83rem;box-shadow:none}
.plates-filter-submit:hover{background:#07483f}
.plates-filter-reset{min-height:2.8rem;font-size:.76rem}
.plates-grid{gap:1rem;margin-block-start:1.25rem}
.plate-card{border-color:#dce8e1;border-radius:1.35rem;box-shadow:0 9px 27px rgba(13,44,42,.065)}
.plate-card:hover{border-color:#afd5c4;box-shadow:0 16px 36px rgba(13,44,42,.1)}
.plate-card-link{padding:1.05rem}
.plate-type-pill,.plate-status-pill{min-height:1.9rem;font-size:.68rem}
.plate-card-foot{margin-block-start:1rem;padding-block-start:.85rem}
.plate-card-identity small,.plate-card-price small{font-size:.65rem;color:#657573}
.plate-card-identity strong{font-size:.87rem}
.plate-card-price strong{font-size:1.02rem;color:var(--ux-teal-dark)}
.plate-card-cta{font-size:.73rem;color:var(--ux-teal-dark)}
.plates-pagination a{min-width:2.75rem;min-height:2.75rem;border-radius:.75rem;font-size:.77rem}
.plates-pagination a.is-current{border-color:var(--ux-teal-dark);background:var(--ux-teal-dark)}
.plates-contact-banner,.plate-contact-card{border-radius:1.4rem;background:linear-gradient(135deg,#102529,#1b413c);box-shadow:0 15px 36px rgba(13,44,42,.12)}
.plates-contact-banner p,.plate-contact-card p{color:#d6e7dd;font-size:.78rem}
.plates-contact-actions a,.plate-contact-card a{min-height:3.05rem;border-radius:.8rem;font-size:.78rem}
.plates-contact-actions a.is-whatsapp,.plate-contact-card a.is-whatsapp{background:var(--ux-teal)}
.plates-footer{background:radial-gradient(circle at 50% -8rem,rgba(8,117,97,.32),transparent 23rem),#102529}
.plates-footer nav a{min-height:2.65rem;padding-inline:.9rem;font-size:.71rem}
.plate-detail-hero{gap:1.3rem;border-color:#dce8e1;border-radius:1.5rem;box-shadow:0 12px 34px rgba(13,44,42,.075)}
.plate-detail-copy h1{line-height:1.3;letter-spacing:-.02em}
.plate-detail-copy>p{font-size:.86rem;line-height:1.85}
.plate-detail-price{padding:1rem;border-color:#cbe6d8;border-radius:1rem;background:linear-gradient(135deg,#e8f6ef,#f8fcf9)}
.plate-detail-price>strong{color:#075a4d}
.plate-share-actions{gap:.6rem;margin-block-start:.8rem}
.plate-share-actions button{min-height:3rem;border-color:#d4e5dc;border-radius:.8rem;font-size:.78rem}
.plate-share-actions button:first-child{border-color:var(--ux-teal-dark);background:var(--ux-teal-dark)}
.plate-info-card,.plate-notes-card,.plate-qr-card,.plate-address-card{border-color:#dce8e1;border-radius:1.25rem;box-shadow:0 9px 28px rgba(13,44,42,.06)}
.plate-spec-list dt{font-size:.69rem;color:#647774}
.plate-spec-list dd{font-size:.87rem;color:var(--ux-ink)}

@media(max-width:48rem){
  .storefront-main{gap:1.4rem}
  .storefront-hero,.catalog-shell,.featured-plates,.success-partners{width:min(calc(100% - 1.25rem),var(--sf-width))}
  .storefront-hero{padding:1.7rem 1.3rem 1.25rem;border-radius:1.45rem}
  .storefront-hero h1{font-size:clamp(2rem,8.4vw,2.8rem)}
  .storefront-hero-copy>p{font-size:.84rem;line-height:1.85}
  .storefront-hero-actions a{min-height:3rem;font-size:.76rem}
  .storefront-trust-row{gap:.5rem;margin-block-start:1.25rem;padding-block-start:1rem}
  .storefront-trust-row b{font-size:.78rem}
  .catalog-shell{padding:1.15rem .25rem 1.65rem}
  .catalog-intro h2{font-size:1.65rem}
  .catalog-search{margin-block-start:1rem}
  .vehicle-card-content{padding:1.05rem}
  .public-car-page{padding-block-start:.8rem}
  .public-content-grid{gap:.95rem;margin-block-start:1rem}
  .public-section,.public-benefits{padding:1.05rem}
  .public-spec-grid>div,[dir="rtl"] .public-spec-grid>div{min-height:5.35rem;padding-inline-start:2.9rem;padding-inline-end:.6rem}
  .public-spec-grid dd{font-size:.96rem}
  .success-partners{padding-block:1.65rem 2rem}
  .plates-hero{min-height:17.5rem;padding:1.5rem;border-radius:1.45rem}
  .plates-hero h1{font-size:clamp(2.12rem,9vw,3rem)}
  .plates-catalog-shell,.plate-info-card,.plate-notes-card{padding:1rem}
  .plate-card-link{padding:.9rem}
  .plate-detail-hero{padding:.9rem}
  .app-bottom-nav{min-height:4.7rem;border-color:#dcebe3;box-shadow:0 12px 36px rgba(13,44,42,.18)}
  .app-bottom-nav a{font-size:.68rem}
  .app-bottom-nav a.is-current{background:#e4f2eb;color:var(--ux-teal-dark)}
}
@media(max-width:24rem){
  .storefront-hero{padding-inline:1rem}
  .storefront-hero-actions{gap:.4rem}
  .storefront-hero-actions a{padding-inline:.55rem;font-size:.7rem}
  .storefront-trust-row b{font-size:.72rem}
  .catalog-search-field{padding-inline:.55rem}
  .catalog-search>button{min-width:4.25rem;padding-inline:.65rem}
  .vehicle-card-facts>div{padding-inline:.35rem}
  .vehicle-card-facts dd{font-size:.7rem}
  .vehicle-card-cta{padding-inline:.65rem;font-size:.71rem}
}
@media print{.app-bottom-nav{display:none!important}}

/* The Kufi face needs a little more room than the former UI font on 320px phones. */
@media(max-width:21rem){
  .public-spec-grid{grid-template-columns:minmax(0,1fr)}
  .public-spec-grid>div,[dir="rtl"] .public-spec-grid>div{min-height:4.65rem;padding-inline-start:3rem;padding-inline-end:.8rem}
  .public-spec-grid dd{font-size:1rem}
}