/* Sarh Al Etqan · PID-8 site identity, 2026-11-02.
   One layer over design-system.css that carries the approved «بطاقة هوية القطعة» (PID-8) look to every
   public page IN THE STORE'S OWN COLOURS (owner, 10:28Z: «بألوانه الحقيقية»): guilloche head band, accent rule,
   Amiri display type, dotted leaders, card hairline frames, MRZ strip. PID-8 cards themselves keep their colours. Colours/typography only: no layout, data or
   behaviour change. Rollback = remove the <link> to this file. Assets self-hosted in /assets/site-id/. */
@font-face{font-family:AmiriD;src:url('/assets/site-id/Amiri-Bold-arabic.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:AmiriD;src:url('/assets/site-id/Amiri-Bold-latin.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+2013-2014}
@font-face{font-family:PlexMonoD;src:url('/assets/site-id/PlexMono-500-latin.woff2') format('woff2');font-weight:500;font-display:swap}

:root{
 /* The store's own palette (design-system.css, measured 2026-11-02): kept as is. Only the card's craft moves. */
 --id-main:#123d32;--id-main-2:#0e3229;--id-main-3:#0a241d;--id-accent:#a88a50;--id-price:#123d32;
 --id-paper:#f7f5ef;--id-ink:#172522;--id-muted:#53665e;--id-line:#dce2dd;--id-dot:#c2cec6;--id-soft:#edf2ee;
 --id-display:AmiriD,Sarh,SarhLatin,serif;--id-mono:PlexMonoD,ui-monospace,monospace;
 --id-card-shadow:0 8px 22px rgba(23,37,34,.07),inset 0 0 0 1px rgba(18,61,50,.14)
}
body.design-v1{background:var(--id-paper);color:var(--id-ink)}
body.design-v1 :focus-visible{outline-color:#286c56}
body.design-v1 ::selection{background:#d6e5da}

/* ---------- display type ---------- */
body.design-v1 :is(h1,.ds-heading):not(.pid *),body.design-v1 .ds-page h2:not(.pid *),body.design-v1 main h2:not(.pid *),
body.design-home .start-screen h1,body.design-v1 .home-section h2:not(.pid *){font-family:var(--id-display);font-weight:700;letter-spacing:0;color:var(--id-ink)}
body.design-v1 :is(h1,.ds-heading):not(.pid *){line-height:1.35}
body.design-home .start-screen h1{letter-spacing:0;line-height:1.3}
body.design-home .start-screen h1 span{color:var(--id-main)}
body.design-v1 .pid :is(h1,h2){font-family:AmiriD,PlexArabic,serif}
/* eyebrow: small red label with a short rule, like the card's field keys */
body.design-v1 :is(.ds-eyebrow,.hero-kicker){color:var(--id-main)!important;display:flex!important;align-items:center;gap:10px;letter-spacing:.04em}
body.design-v1 :is(.ds-eyebrow,.hero-kicker)::before{content:'';display:block!important;width:22px;height:3px;border-radius:2px;background:var(--id-accent);flex-shrink:0}

/* ---------- header: the card head, in store green ---------- */
body.design-v1 .ds-topline{background:var(--id-main-3);color:#eff6f0;letter-spacing:.03em}
body.design-v1 .ds-header{background:linear-gradient(180deg,var(--id-main) 0%,var(--id-main-2) 100%);border-bottom:4px solid var(--id-accent);color:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);isolation:isolate}
body.design-v1 .ds-header::before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/site-id/pid-head.svg') center/cover no-repeat;opacity:.8;pointer-events:none}
body.design-v1 .ds-brand img{background:#fff;border-radius:12px;padding:4px 8px;box-shadow:0 4px 10px rgba(0,0,0,.25),inset 0 0 0 1px rgba(18,61,50,.12);object-fit:contain}
body.design-v1 .ds-brand b{color:#fff;font-family:var(--id-display);font-size:19px;font-weight:700;letter-spacing:0}
body.design-v1 .ds-brand small{color:#c9d8cf}
body.design-v1 .ds-nav a{color:#e3ece6}
body.design-v1 .ds-nav a:hover{color:#fff}
body.design-v1 .ds-nav a[aria-current=page]{color:#fff;font-weight:700}
body.design-v1 .ds-nav a[aria-current=page]::after{background:var(--id-accent);height:3px;border-radius:2px}
body.design-v1 .ds-header-help{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff}
body.design-v1 .ds-header-help:hover{background:rgba(255,255,255,.18)}
@media(max-width:760px){body.design-v1 .ds-brand b{font-size:16px}body.design-v1 .ds-brand img{padding:3px 6px;border-radius:10px}}
@media(max-width:380px){body.design-v1 .ds-brand b{font-size:14.5px}}

/* ---------- buttons ---------- */
body.design-v1 .ds-button,body.design-v1 .btn-primary,body.design-v1 .single-submit,body.design-home .single-submit{background:linear-gradient(180deg,#1e5142 0%,var(--id-main) 55%,var(--id-main-2) 100%)!important;border:1px solid var(--id-main-2)!important;color:#fff!important;box-shadow:0 4px 12px rgba(18,61,50,.22)!important}
body.design-v1 .ds-button:hover,body.design-v1 .btn-primary:hover,body.design-v1 .single-submit:hover{background:var(--id-main-2)!important}
body.design-v1 .ds-button.secondary,body.design-v1 .btn-ghost{background:#fff!important;color:var(--id-main)!important;border:1px solid #b7c5bc!important;box-shadow:none!important}
body.design-v1 .ds-button.secondary:hover,body.design-v1 .btn-ghost:hover{background:var(--id-soft)!important}
body.design-v1 .ds-text-link{color:var(--id-main)!important;text-decoration-color:var(--id-accent)!important}

/* ---------- forms ---------- */
body.design-v1 :is(input,select,textarea){border-color:var(--id-dot);accent-color:var(--id-main)}
body.design-v1 :is(input,select,textarea):focus{border-color:var(--id-main);outline:3px solid #d6e5da;outline-offset:1px}
body.design-home .single-input{border-color:#9aaa9f;box-shadow:inset 0 0 0 1px rgba(18,61,50,.06)}
body.design-home .single-input:focus-within{outline-color:#d6e5da;border-color:var(--id-main)}
body.design-home .home-search-modes button[aria-pressed=true]{color:var(--id-main);border-color:var(--id-accent)}
body.design-v1 .hero-examples button,body.design-v1 .stock-chips button,body.design-v1 .stock-chips a{border-color:#c5d2c9;color:var(--id-ink)}

/* ---------- cards: white sheet with the card's blue hairline ---------- */
body.design-v1 :is(.ds-card,.history-item,.stock-card,.home-hero-visual,.product-inquiry,.reference-card,.benefit-card){border-color:transparent!important;box-shadow:var(--id-card-shadow)!important;background:#fff}
body.design-v1 .ds-card{border-radius:18px}
body.design-v1 .ds-section,body.design-v1 .home-section{border-top:1px dashed rgba(18,61,50,.28)}
body.design-v1 .ds-empty{border-color:#b7c5bc}
body.design-v1 .ds-status{border-inline-start-color:var(--id-main);background:var(--id-soft)}
body.design-v1 .ds-badge{background:var(--id-soft);color:var(--id-main);border-radius:7px}
body.design-v1 .ds-badge.warning{background:#fbf1de;color:#7a4f0c}
body.design-v1 .ds-breadcrumbs{color:var(--id-muted)}

/* home hero visual: the card head as its caption band */
body.design-home .home-hero-visual figcaption{background:linear-gradient(180deg,var(--id-main) 0%,var(--id-main-2) 100%);border-top:4px solid var(--id-accent)}
body.design-home .home-hero-visual :is(small,p){color:#dce6df}
body.design-home .home-hero-visual strong{font-family:var(--id-display);font-weight:700}
body.design-home .home-hero-visual a{border-color:rgba(255,255,255,.45)}

/* ---------- price: red Amiri figure like the card's price frame ---------- */
body.design-v1 :is(.product-price,.stock-price) strong,body.design-v1 .product-price>b{font-family:var(--id-display);color:var(--id-price)}

/* ---------- dotted leaders on key/value lists (the card's field rows) ---------- */
body.design-v1 .product-facts dl>div{border-bottom:1.5px dotted var(--id-dot)!important}
body.design-v1 .product-facts dt{color:var(--id-muted)}
body.design-v1 .product-code bdi,body.design-v1 .stock-code{font-family:var(--id-mono);color:var(--id-main);letter-spacing:.04em}

/* ---------- footer: store-green sheet, guilloche, accent rule, MRZ strip ---------- */
body.design-v1 .ds-footer{position:relative;isolation:isolate;background:linear-gradient(180deg,var(--id-main-2) 0%,var(--id-main-3) 100%);color:#f7f5ef;border-top:4px solid var(--id-accent);overflow:hidden}
body.design-v1 .ds-footer::before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/site-id/pid-head.svg') center/cover no-repeat;opacity:.55;pointer-events:none}
body.design-v1 .ds-footer::after{content:'SARAH<ALETQAN<<AUTO<PARTS<<RIYADH<<CR1010886367<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<';display:block;margin:28px 0 0;padding:10px 16px;border-radius:10px;background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.28);font:500 13px/1.6 var(--id-mono);letter-spacing:.32em;color:#c9d8cf;white-space:nowrap;overflow:hidden;direction:ltr;text-align:left}
body.design-v1 .ds-footer h3{font-family:var(--id-display);font-size:19px;color:#fff;letter-spacing:0}
body.design-v1 .ds-footer-brand strong{font-family:var(--id-display);font-weight:700;font-size:20px;line-height:1.5;color:#fff}
body.design-v1 .ds-footer-brand img{border-radius:12px;padding:6px 8px;box-shadow:0 4px 10px rgba(0,0,0,.3)}
body.design-v1 .ds-footer p,body.design-v1 .ds-footer-meta{color:#dce6df}
body.design-v1 .ds-footer-meta{border-top-color:rgba(255,255,255,.22)}
body.design-v1 .ds-migration-note{border-top-color:rgba(255,255,255,.22)}
@media(max-width:760px){body.design-v1 .ds-footer::after{font-size:11px;letter-spacing:.24em;padding-inline:12px}}

/* ---------- mobile bottom bar and «more» sheet ---------- */
body.design-v1 .ds-mobile-nav{background:#fff;border-top:0;box-shadow:0 -1px 0 rgba(18,61,50,.18),0 -6px 18px rgba(23,37,34,.08)}
body.design-v1 .ds-mobile-nav [aria-current=page]{color:var(--id-main);position:relative}
body.design-v1 .ds-mobile-nav [aria-current=page]::before{content:'';position:absolute;top:-5px;width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--id-accent)}
body.design-v1 .ds-mobile-more{padding-top:0!important;overflow:hidden auto;box-shadow:0 24px 80px rgba(23,37,34,.3)}
body.design-v1 .ds-mobile-more header{margin:0 -24px 20px;padding:18px 24px;background:linear-gradient(180deg,var(--id-main) 0%,var(--id-main-2) 100%);border-bottom:4px solid var(--id-accent);color:#fff}
body.design-v1 .ds-mobile-more h2{font-family:var(--id-display);color:#fff}
body.design-v1 .ds-mobile-more header button{background:#fff;color:var(--id-main-3);border:0}
body.design-v1 .ds-mobile-more nav a{border-bottom:1.5px dotted var(--id-dot)}
body.design-v1 .ds-mobile-more nav a[aria-current=page]{color:var(--id-main);font-weight:700}
body.design-v1 .ds-mobile-more::backdrop,body.design-v1 dialog::backdrop{background:#17252288}
@media(max-width:760px){body.design-v1 .ds-mobile-more header{margin-inline:-20px;padding-inline:20px}}

/* dialogs share the card frame */
body.design-v1 dialog{border-color:transparent;box-shadow:0 24px 80px rgba(23,37,34,.3),inset 0 0 0 1px rgba(18,61,50,.16)}

/* =====================================================================================
   v4 (10:40Z): owner «اين الخطوط الدقيقة والتصاميم الانيقة» — make the card's craft visible:
   guilloche paper, rosette watermarks, double-ring hairline frames, ornamental rules.
   Still the store's own colours only (green #123d32, gold #a88a50, paper #f7f5ef).
   ===================================================================================== */
:root{--id-ring:inset 0 0 0 1px rgba(18,61,50,.30),inset 0 0 0 5px #fff,inset 0 0 0 6px rgba(168,138,80,.55);
 --id-ring-soft:0 10px 26px rgba(23,37,34,.08)}

/* guilloche paper under every page (the card's background, in store green) */
body.design-v1{background-color:var(--id-paper);background-image:url('/assets/site-id/bg-green.svg');background-size:880px 880px;background-repeat:repeat;background-attachment:scroll}

/* header: stronger guilloche, rosette watermark, fine gold double rule */
body.design-v1 .ds-header::before{background-image:url('/assets/site-id/head-strong.svg');opacity:1}
body.design-v1 .ds-header{overflow:hidden;border-bottom:0;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25),0 1px 0 #a88a50,0 4px 0 #f7f5ef,0 5px 0 #a88a50}
body.design-v1 .ds-header-inner{position:relative}
body.design-v1 .ds-header-inner::after{content:'';position:absolute;inset-inline-end:-120px;top:50%;width:300px;height:300px;transform:translateY(-50%);background:url('/assets/site-id/rosette-white.svg') center/contain no-repeat;opacity:.38;pointer-events:none;z-index:-1}
body.design-v1 .ds-header{margin-bottom:6px}
body.design-v1 .ds-topline{border-bottom:1px solid rgba(168,138,80,.6);font-size:11.5px}
body.design-v1 .ds-brand>span{padding-inline-start:14px;border-inline-start:1px solid rgba(217,192,138,.55)}
body.design-v1 .ds-brand small{font-family:var(--id-mono);letter-spacing:.18em}

/* cards and panels: the price frame's double hairline ring */
body.design-v1 :is(.ds-card,.history-item,.stock-card,.home-hero-visual,.product-inquiry,.reference-card,.benefit-card,.ds-empty){box-shadow:var(--id-ring),var(--id-ring-soft)!important;border-color:transparent!important;border-radius:18px}
body.design-v1 :is(.ds-card,.product-inquiry,.ds-empty){background:#fff url('/assets/site-id/rosette-faint.svg') no-repeat;background-size:230px 230px;background-position:calc(100% + 80px) calc(100% + 80px)}

/* headings: Amiri with an engraved rule — gold bar, hairline, dotted leader */
body.design-v1 :is(.ds-heading,.ds-page h2,main h2,.home-section h2):not(.pid *):not(dialog *){padding-bottom:12px;background:linear-gradient(var(--id-accent),var(--id-accent)) right bottom/46px 3px no-repeat,linear-gradient(rgba(18,61,50,.35),rgba(18,61,50,.35)) right calc(100% - 1px)/min(100%,260px) 1px no-repeat}
html[dir=ltr] body.design-v1 :is(.ds-heading,.ds-page h2,main h2,.home-section h2):not(.pid *){background-position:left bottom,left calc(100% - 1px)}
body.design-v1 h1:not(.pid *){text-shadow:0 1px 0 #fff}

/* ornamental section divider: hairline + centred diamond (like the card's rosette dot) */
body.design-v1 :is(.ds-section,.home-section){position:relative;border-top:0!important;background:linear-gradient(90deg,transparent,rgba(18,61,50,.35) 18%,rgba(18,61,50,.35) 82%,transparent) top/100% 1px no-repeat}
body.design-v1 :is(.ds-section,.home-section)::before{content:'';position:absolute;top:-5px;left:50%;width:9px;height:9px;transform:translateX(-50%) rotate(45deg);background:var(--id-paper);border:1px solid var(--id-accent);box-shadow:0 0 0 3px var(--id-paper)}

/* buttons: engraved inner hairline and gold foot */
body.design-v1 .ds-button:not(.secondary),body.design-v1 .btn-primary,body.design-v1 .single-submit{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 -2px 0 #a88a50,0 4px 12px rgba(18,61,50,.22)!important;letter-spacing:.01em}
body.design-v1 .ds-button.secondary,body.design-v1 .btn-ghost{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px rgba(168,138,80,.45)!important}

/* inputs: card-field feel */
body.design-v1 :is(input,select,textarea):not([type=checkbox]):not([type=radio]){background:#fffefb;box-shadow:inset 0 1px 0 rgba(23,37,34,.04)}
body.design-home .single-input{background:#fffefb;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px rgba(168,138,80,.4)}

/* breadcrumbs and small keys: card field-key style */
body.design-v1 .ds-breadcrumbs{font-size:13px;letter-spacing:.02em}
body.design-v1 .ds-breadcrumbs a{text-decoration-style:dotted!important;text-decoration-color:var(--id-accent)!important}
body.design-v1 .ds-badge{box-shadow:inset 0 0 0 1px rgba(18,61,50,.18)}

/* footer: rosette watermark, stronger guilloche */
body.design-v1 .ds-footer::before{background-image:url('/assets/site-id/head-strong.svg'),url('/assets/site-id/rosette-white.svg');background-size:cover,420px 420px;background-position:center,-140px -120px;background-repeat:no-repeat;opacity:.75}
body.design-v1 .ds-footer{box-shadow:inset 0 4px 0 #a88a50,inset 0 7px 0 rgba(255,255,255,.08),inset 0 8px 0 rgba(168,138,80,.6);border-top:0}
body.design-v1 .ds-footer-brand img{box-shadow:0 0 0 1px rgba(168,138,80,.7),0 0 0 4px rgba(255,255,255,.08),0 0 0 5px rgba(168,138,80,.5),0 6px 14px rgba(0,0,0,.3)}
body.design-v1 .ds-footer nav a{border-bottom:1px dotted rgba(255,255,255,.18);padding-bottom:6px}
body.design-v1 .ds-footer h3{padding-bottom:8px;background:linear-gradient(#a88a50,#a88a50) right bottom/34px 2px no-repeat}

/* mobile «more» sheet head: same guilloche */
body.design-v1 .ds-mobile-more header{background-image:url('/assets/site-id/head-strong.svg'),linear-gradient(180deg,var(--id-main) 0%,var(--id-main-2) 100%);background-size:cover;border-bottom:3px solid var(--id-accent)}
@media(max-width:760px){body.design-v1 .ds-header-inner::after{width:220px;height:220px;inset-inline-end:-90px}body.design-v1 .ds-brand>span{padding-inline-start:10px}}
@media(prefers-reduced-motion:no-preference){body.design-v1 .ds-button,body.design-v1 .single-submit{transition:background-color .15s}}

/* =====================================================================================
   v5 (12:50Z): owner «لمسات خفيفة ناعمة… فاخر ملكي… ليس بهذه القوة» — same craft, softer hand:
   fainter guilloche, finer gold hairlines (champagne), deeper calmer green, airier type, gentle depth.
   Still the store's own colours only. No layout, data or behaviour change.
   ===================================================================================== */
:root{
 --id-gold:#b39a68;--id-gold-soft:rgba(179,154,104,.38);--id-gold-hair:rgba(179,154,104,.55);
 --id-green-deep:#0f3a2f;--id-green-ink:#173f34;
 --id-ring:inset 0 0 0 1px rgba(18,61,50,.10),inset 0 0 0 5px #fff,inset 0 0 0 6px rgba(179,154,104,.26);
 --id-ring-soft:0 1px 2px rgba(23,37,34,.04),0 22px 44px -26px rgba(23,37,34,.22)
}
/* ivory paper with a whisper of guilloche and a soft light from the top */
body.design-v1{background-color:#f8f6f0;background-image:radial-gradient(1200px 520px at 50% -120px,rgba(255,255,255,.85),rgba(255,255,255,0) 70%),url('/assets/site-id/bg-soft.svg');background-size:auto,1000px 1000px;background-repeat:no-repeat,repeat}
body.design-v1{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}

/* type: calmer display, deeper green headings, more air */
body.design-v1 :is(h1,.ds-heading):not(.pid *),body.design-home .start-screen h1{color:var(--id-green-ink);line-height:1.45;text-shadow:none}
body.design-v1 :is(.ds-page h2,main h2,.home-section h2):not(.pid *){color:var(--id-green-ink);line-height:1.5}
body.design-v1 :is(.ds-heading,.ds-page h2,main h2,.home-section h2):not(.pid *):not(dialog *){padding-bottom:14px;background:linear-gradient(var(--id-gold),var(--id-gold)) right bottom/30px 2px no-repeat,linear-gradient(90deg,rgba(179,154,104,.45),rgba(179,154,104,0)) right calc(100% - .5px)/min(100%,220px) 1px no-repeat}
html[dir=rtl] body.design-v1 :is(.ds-heading,.ds-page h2,main h2,.home-section h2):not(.pid *):not(dialog *){background:linear-gradient(var(--id-gold),var(--id-gold)) right bottom/30px 2px no-repeat,linear-gradient(270deg,rgba(179,154,104,.45),rgba(179,154,104,0)) right calc(100% - .5px)/min(100%,220px) 1px no-repeat}
body.design-v1 :is(.ds-eyebrow,.hero-kicker){color:#8a7146!important;font-weight:700;letter-spacing:.06em}
body.design-v1 :is(.ds-eyebrow,.hero-kicker)::before{width:18px;height:1px;background:var(--id-gold)}
body.design-v1 :is(p,li,dd){line-height:1.85}
body.design-v1 .ds-brand small{letter-spacing:.22em;opacity:.85}

/* header: deep velvet green, guilloche as a whisper, single champagne hairline */
body.design-v1 .ds-topline{background:#0b2c24;border-bottom:1px solid rgba(179,154,104,.35);color:#e9efe9}
body.design-v1 .ds-header{background:radial-gradient(900px 260px at 85% -40px,rgba(255,255,255,.07),rgba(255,255,255,0) 70%),linear-gradient(180deg,#134034 0%,var(--id-green-deep) 100%);box-shadow:0 1px 0 rgba(179,154,104,.75),0 4px 0 #f8f6f0,0 5px 0 rgba(179,154,104,.35),0 14px 30px -18px rgba(11,44,36,.45)}
body.design-v1 .ds-header::before{background-image:url('/assets/site-id/head-soft.svg');opacity:.45}
body.design-v1 .ds-header-inner::after{opacity:.12}
body.design-v1 .ds-brand>span{border-inline-start-color:rgba(179,154,104,.4)}
body.design-v1 .ds-brand img{box-shadow:0 2px 8px rgba(0,0,0,.18),0 0 0 1px rgba(179,154,104,.45)}
body.design-v1 .ds-nav a{color:rgba(240,245,241,.86);transition:color .2s}
body.design-v1 .ds-nav a[aria-current=page]::after{height:1.5px;background:var(--id-gold)}

/* cards: white silk, hairline ring barely there, soft floating depth */
body.design-v1 :is(.ds-card,.history-item,.stock-card,.home-hero-visual,.product-inquiry,.reference-card,.benefit-card,.ds-empty){border-radius:20px;box-shadow:var(--id-ring),var(--id-ring-soft)!important}
body.design-v1 :is(.ds-card,.product-inquiry,.ds-empty){background-image:url('/assets/site-id/rosette-faint.svg');background-size:220px 220px;background-position:calc(100% + 90px) calc(100% + 90px);background-repeat:no-repeat}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body.design-v1 :is(.stock-card,.reference-card,.benefit-card,.history-item){transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
 body.design-v1 :is(.stock-card,.reference-card,.benefit-card,.history-item):hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(18,61,50,.12),inset 0 0 0 5px #fff,inset 0 0 0 6px rgba(179,154,104,.42),0 28px 50px -26px rgba(23,37,34,.32)!important}
}

/* section dividers: hairline fading out, small champagne diamond */
body.design-v1 :is(.ds-section,.home-section){background:linear-gradient(90deg,transparent,rgba(179,154,104,.38) 25%,rgba(179,154,104,.38) 75%,transparent) top/100% 1px no-repeat}
body.design-v1 :is(.ds-section,.home-section)::before{width:7px;height:7px;top:-4px;background:#f8f6f0;border-color:rgba(179,154,104,.8);box-shadow:0 0 0 4px #f8f6f0}

/* buttons: satin green, fine champagne foot, gentle lift */
body.design-v1 .ds-button:not(.secondary),body.design-v1 .btn-primary,body.design-v1 .single-submit,body.design-home .single-submit{background:linear-gradient(180deg,#1b4a3d 0%,#133f33 60%,#0f372c 100%)!important;border-color:#0f372c!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(179,154,104,.85),0 10px 22px -12px rgba(18,61,50,.55)!important;letter-spacing:.015em}
body.design-v1 .ds-button.secondary,body.design-v1 .btn-ghost{border-color:rgba(18,61,50,.22)!important;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px rgba(179,154,104,.28)!important}
@media(prefers-reduced-motion:no-preference){body.design-v1 :is(.ds-button,.btn-primary,.btn-ghost,.single-submit){transition:transform .2s,box-shadow .2s,background-color .2s}body.design-v1 :is(.ds-button,.btn-primary,.single-submit):hover{transform:translateY(-1px)}}

/* inputs and search: quiet ivory field, faint gold inner line */
body.design-v1 :is(input,select,textarea):not([type=checkbox]):not([type=radio]){border-color:#cfd8d1;background:#fffefc}
body.design-home .single-input{border-color:#c3cec6;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px rgba(179,154,104,.24),0 16px 36px -24px rgba(23,37,34,.28)}
body.design-v1 :is(input,select,textarea):focus{border-color:#286c56;outline:3px solid rgba(40,108,86,.16)}

/* small details */
body.design-v1 .ds-badge{box-shadow:inset 0 0 0 1px rgba(18,61,50,.12);background:#f1f4f0}
body.design-v1 .product-facts dl>div{border-bottom:1px dotted rgba(18,61,50,.22)!important}
body.design-home .home-hero-visual figcaption{background:linear-gradient(180deg,#134034,var(--id-green-deep));border-top:1px solid rgba(179,154,104,.8);box-shadow:inset 0 3px 0 rgba(255,255,255,.04)}

/* footer: velvet green, whisper guilloche, champagne hairlines, MRZ as a faint engraving */
body.design-v1 .ds-footer{background:linear-gradient(180deg,#0f3a2f 0%,#0a2a22 100%);box-shadow:inset 0 1px 0 rgba(179,154,104,.8),inset 0 4px 0 rgba(255,255,255,.03),inset 0 5px 0 rgba(179,154,104,.3)}
body.design-v1 .ds-footer::before{background-image:url('/assets/site-id/head-soft.svg'),url('/assets/site-id/rosette-white.svg');opacity:.32}
body.design-v1 .ds-footer::after{background:transparent;border:0;border-top:1px solid rgba(179,154,104,.25);border-bottom:1px solid rgba(179,154,104,.25);border-radius:0;color:rgba(220,230,223,.45);letter-spacing:.36em}
body.design-v1 .ds-footer h3{background:linear-gradient(var(--id-gold),var(--id-gold)) right bottom/26px 1.5px no-repeat}
body.design-v1 .ds-footer nav a{border-bottom-color:rgba(255,255,255,.09)}
body.design-v1 .ds-footer-brand img{box-shadow:0 0 0 1px rgba(179,154,104,.55),0 6px 14px rgba(0,0,0,.25)}

/* mobile sheet and bar */
body.design-v1 .ds-mobile-more header{background-image:url('/assets/site-id/head-soft.svg'),linear-gradient(180deg,#134034 0%,var(--id-green-deep) 100%);border-bottom:1px solid rgba(179,154,104,.8)}
body.design-v1 .ds-mobile-nav{box-shadow:0 -1px 0 rgba(179,154,104,.3),0 -10px 24px -12px rgba(23,37,34,.18)}
body.design-v1 .ds-mobile-nav [aria-current=page]::before{height:2px;background:var(--id-gold)}

/* 22:30Z: footer column «مراكز Cars Space» (owner) — 4 columns on desktop, 2 on phones */
@media(min-width:761px){body.design-v1 .ds-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.1fr}}
body.design-v1 .ds-footer-centres .ds-footer-note{display:block;margin-top:6px;font-size:13px;color:rgba(220,230,223,.7)}
@media(max-width:760px){body.design-v1 .ds-footer-centres{grid-column:1/-1}}
/* home «من مخزوننا»: identity cards in one column inside the hero side */
body.design-home #homeStockGrid.pid-grid{grid-template-columns:1fr}