/* D Studios — المعارض الجديدة + الأسعار + بلوكات المحتوى
   الألوان مأخوذة من القالب: خلفية #19222C / أسطح #232C3A / نص #EDEFF2 / مُلحق #A9B4BE / أزرق #268CF1 */
:root{
  --ds-bg:#19222C;--ds-bg2:#111113;--ds-sf:#232C3A;--ds-sf2:#2A3442;--ds-bd:#3A424D;
  --ds-tx:#EDEFF2;--ds-mu:#A9B4BE;--ds-ac:#268CF1;--ds-ac2:#7B97E2;
  --ds-r:14px;--ds-font:"Rubik",system-ui,sans-serif;
}
.ds-wrap{width:min(1320px,100% - 48px);margin-inline:auto}
.ds-showcase,.ds-pricing,.ds-case,.ds-cta,.ds-hero-plain,.ds-blocks{font-family:var(--ds-font);color:var(--ds-tx)}
.ds-showcase{padding:70px 0 90px}
.ds-showcase img,.ds-case img,.ds-blocks img{max-width:100%;height:auto;display:block}
.ds-empty{padding:80px 20px;text-align:center;color:var(--ds-mu);border:1px dashed var(--ds-bd);border-radius:var(--ds-r);font-size:18px}
.ds-sec-title{font-size:clamp(24px,3vw,34px);line-height:1.2;font-weight:500;margin:50px 0 24px;color:var(--ds-tx)}
.ds-sec-title:first-child{margin-top:0}
.ds-kicker{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ds-ac);margin-bottom:10px}

/* hero بدون صورة */
.ds-hero-plain{padding:190px 0 50px;background:radial-gradient(1200px 400px at 80% -10%,rgba(38,140,241,.18),transparent 60%)}
.ds-hero-title{font-size:clamp(44px,7vw,96px);line-height:1;font-weight:500;margin:0;color:var(--ds-tx)}
.ds-hero-sub{max-width:640px;margin:20px 0 0;color:var(--ds-mu);font-size:19px;line-height:1.6}

/* أزرار */
.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;border-radius:999px;font:500 15px/1 var(--ds-font);text-decoration:none!important;cursor:pointer;transition:transform .2s,background .2s,color .2s,border-color .2s;border:1px solid transparent}
.ds-btn-solid{background:var(--ds-ac);color:#fff!important}
.ds-btn-solid:hover{background:#fff;color:var(--ds-bg)!important;transform:translateY(-2px)}
.ds-btn-outline{border-color:var(--ds-bd);color:var(--ds-tx)!important;background:transparent}
.ds-btn-outline:hover{border-color:var(--ds-ac);color:var(--ds-ac)!important}
.ds-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* فلاتر */
.ds-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 40px}
.ds-filters button,.ds-tabs button{appearance:none;border:1px solid var(--ds-bd);background:transparent;color:var(--ds-mu);font:500 14px/1 var(--ds-font);padding:12px 20px;border-radius:999px;cursor:pointer;transition:.2s}
.ds-filters button:hover,.ds-tabs button:hover{color:var(--ds-tx);border-color:var(--ds-mu)}
.ds-filters button.is-active,.ds-tabs button.is-active{background:var(--ds-ac);border-color:var(--ds-ac);color:#fff}
[data-tags].is-hidden{display:none!important}
.ds-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.ds-reveal.is-in{opacity:1;transform:none}

/* chips */
.ds-chips{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ds-chips li{font-size:13px;padding:7px 12px;border-radius:8px;background:var(--ds-sf);color:var(--ds-mu);border:1px solid var(--ds-bd)}

/* ===== الويب: إطار متصفح بسكرول تلقائي ===== */
.ds-web-list{display:grid;gap:90px}
.ds-web-card{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}
.ds-web-card.is-rev .ds-browser{order:2}
.ds-web-body h3{font-size:clamp(28px,3.2vw,44px);line-height:1.1;font-weight:500;margin:0 0 16px}
.ds-web-body h3 a{color:var(--ds-tx);text-decoration:none}
.ds-web-body p{color:var(--ds-mu);font-size:17px;line-height:1.7;margin:0}
.ds-browser{display:block;border-radius:var(--ds-r);overflow:hidden;background:var(--ds-sf);border:1px solid var(--ds-bd);box-shadow:0 30px 80px -30px rgba(0,0,0,.7);text-decoration:none;transition:transform .4s,box-shadow .4s}
a.ds-browser:hover{transform:translateY(-6px);box-shadow:0 40px 90px -30px rgba(38,140,241,.35)}
.ds-browser-bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:var(--ds-sf2);border-bottom:1px solid var(--ds-bd)}
.ds-browser-bar i{width:11px;height:11px;border-radius:50%;background:#4a5562;display:block}
.ds-browser-bar i:nth-child(1){background:#ff5f57}.ds-browser-bar i:nth-child(2){background:#febc2e}.ds-browser-bar i:nth-child(3){background:#28c840}
.ds-browser-bar em{flex:1;margin-inline-start:12px;height:22px;border-radius:6px;background:var(--ds-bg);color:var(--ds-mu);font:normal 12px/22px var(--ds-font);padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ds-browser-screen{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ds-bg2)}
.ds-browser-screen.is-tall{aspect-ratio:16/9;max-height:78vh}
.ds-browser-screen .ds-scrollshot{width:100%;height:auto;position:absolute;top:0;left:0;transform:translateY(0);transition:transform var(--ds-scroll-t,6s) cubic-bezier(.45,.05,.55,.95)}
.ds-browser:hover .ds-scrollshot,.ds-browser.is-scrolling .ds-scrollshot{transform:translateY(var(--ds-scroll-y,0))}
.ds-browser.is-big{margin-bottom:40px}
.ds-browser.is-big .ds-browser-screen{overflow-y:auto;scrollbar-width:thin}
.ds-browser.is-big .ds-scrollshot{position:static;transition:none;transform:none!important}
.ds-phone{width:min(320px,70%);margin:-120px 6% 40px auto;position:relative;border:10px solid #0b0f14;border-radius:36px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.8);background:#0b0f14}

/* ===== اللوجوهات: حائط ===== */
.ds-logo-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.ds-logo-tile{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:var(--ds-r);background:var(--tile,#f3f1ec);overflow:hidden;text-decoration:none;isolation:isolate}
.ds-logo-tile img{width:62%;height:62%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.ds-logo-tile:hover img{transform:scale(1.08)}
.ds-logo-cap{position:absolute;inset:auto 0 0 0;padding:16px 18px;background:linear-gradient(transparent,rgba(10,14,20,.88));color:#fff;transform:translateY(101%);transition:transform .35s}
.ds-logo-tile:hover .ds-logo-cap,.ds-logo-tile:focus-visible .ds-logo-cap{transform:none}
.ds-logo-cap b{display:block;font-weight:500;font-size:16px}
.ds-logo-cap small{display:block;opacity:.75;font-size:13px;margin-top:3px}
.ds-logo-hero{display:flex;align-items:center;justify-content:center;min-height:min(70vh,640px);border-radius:var(--ds-r);background:var(--tile);margin-bottom:40px}
.ds-logo-hero img{max-width:52%;max-height:52vh;object-fit:contain}

/* ===== البراندينج ===== */
.ds-brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.ds-brand-card{position:relative;display:block;border-radius:var(--ds-r);overflow:hidden;text-decoration:none;background:var(--ds-sf)}
.ds-brand-card.is-wide{grid-column:1/-1}
.ds-brand-media{display:block;aspect-ratio:4/3;overflow:hidden}
.ds-brand-card.is-wide .ds-brand-media{aspect-ratio:21/9}
.ds-brand-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.ds-brand-card:hover .ds-brand-media img{transform:scale(1.05)}
.ds-brand-info{position:absolute;inset:auto 0 0 0;padding:26px 28px;background:linear-gradient(transparent,rgba(10,14,20,.9));display:flex;flex-direction:column;gap:6px}
.ds-brand-info small{color:var(--ds-mu);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.ds-brand-info b{color:#fff;font-weight:500;font-size:clamp(22px,2.4vw,32px);line-height:1.15}
.ds-palette{display:flex;gap:6px;margin-top:8px}
.ds-palette i{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.25)}
.ds-swatches>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.ds-swatch{appearance:none;border:0;padding:0;background:var(--ds-sf);border-radius:var(--ds-r);overflow:hidden;cursor:pointer;text-align:start;color:var(--ds-tx);font:500 14px var(--ds-font)}
.ds-swatch span{display:block;height:120px;background:var(--sw)}
.ds-swatch b{display:block;padding:12px 14px;font-weight:500}
.ds-swatch.is-copied b::after{content:" ✓";color:var(--ds-ac)}
.ds-fonts p{font-size:clamp(22px,3vw,34px);color:var(--ds-tx);margin:0}
.ds-stack{display:grid;gap:24px;margin-top:40px}
.ds-stack .ds-gal-item{border-radius:var(--ds-r);overflow:hidden;display:block}
.ds-stack img{width:100%}

/* ===== العبوات: masonry ===== */
.ds-masonry{columns:3 300px;column-gap:22px}
.ds-pack-card{display:block;break-inside:avoid;margin:0 0 22px;border-radius:var(--ds-r);overflow:hidden;background:var(--ds-sf);text-decoration:none;position:relative}
.ds-pack-media{display:block;overflow:hidden}
.ds-pack-media img{width:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.ds-pack-card:hover .ds-pack-media img{transform:scale(1.06)}
.ds-pack-info{display:flex;flex-direction:column;gap:4px;padding:16px 18px}
.ds-pack-info b{color:var(--ds-tx);font-weight:500;font-size:17px}
.ds-pack-info small{color:var(--ds-mu);font-size:13px}

/* ===== الفيديو والريلز ===== */
.ds-reels{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.ds-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:22px}
.ds-vid-card{appearance:none;border:0;padding:0;margin:0;background:none;text-align:start;cursor:pointer;color:var(--ds-tx);font-family:var(--ds-font);display:block;width:100%}
.ds-vid-media{position:relative;display:block;border-radius:var(--ds-r);overflow:hidden;background:var(--ds-sf);aspect-ratio:16/9}
.ds-vid-card.is-reel .ds-vid-media{aspect-ratio:9/16}
.ds-vid-media img,.ds-vid-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s,opacity .4s}
.ds-vid-media video{opacity:0}
.ds-vid-card.is-playing .ds-vid-media video{opacity:1}
.ds-vid-card:hover .ds-vid-media img{transform:scale(1.05)}
.ds-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.35);transition:transform .3s,background .3s}
.ds-play::after{content:"";position:absolute;left:26px;top:21px;border-style:solid;border-width:11px 0 11px 17px;border-color:transparent transparent transparent #fff}
.ds-vid-card:hover .ds-play{transform:scale(1.1);background:var(--ds-ac)}
.ds-vid-card.is-playing .ds-play{opacity:0}
.ds-dur{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;padding:4px 8px;border-radius:6px}
.ds-vid-info{display:flex;flex-direction:column;gap:3px;padding:14px 4px 0}
.ds-vid-info b{font-weight:500;font-size:16px}
.ds-vid-info small{color:var(--ds-mu);font-size:13px}
.ds-player{position:relative;aspect-ratio:16/9;border-radius:var(--ds-r);overflow:hidden;background:#000;margin-bottom:40px}
.ds-player.is-reel{aspect-ratio:9/16;max-width:420px;margin-inline:auto}
.ds-player iframe,.ds-player video{position:absolute;inset:0;width:100%;height:100%;border:0}

/* مودال */
.ds-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,8,12,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ds-modal[hidden]{display:none}
.ds-modal-box{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--ds-sf);color:var(--ds-tx);border:1px solid var(--ds-bd);border-radius:18px;padding:34px;font-family:var(--ds-font)}
.ds-modal-box h3{margin:0 0 22px;font-size:24px;font-weight:500;color:var(--ds-tx)}
.ds-modal-box h3 span{color:var(--ds-ac)}
.ds-modal-x{position:absolute;top:10px;right:12px;width:40px;height:40px;border:0;background:transparent;color:var(--ds-mu);font-size:30px;line-height:1;cursor:pointer}
.ds-modal-x:hover{color:#fff}
.ds-modal-video .ds-modal-box{width:min(1100px,100%);padding:0;background:#000;border:0;overflow:visible}
.ds-modal-video.is-reel .ds-modal-box{width:min(420px,100%,calc((100vh - 60px) * 9 / 16))}
.ds-modal-video .ds-modal-x{top:-46px;right:-4px;color:#fff}
.ds-modal-video .ds-player{margin:0;border-radius:12px}

/* ===== صفحة العنصر ===== */
.ds-case{padding-bottom:40px}
.ds-case-head{padding:180px 0 50px}
.ds-back{display:inline-block;color:var(--ds-mu);text-decoration:none;font-size:14px;margin-bottom:26px}
.ds-back:hover{color:var(--ds-ac)}
.ds-case-head h1{font-size:clamp(40px,6vw,84px);line-height:1.02;font-weight:500;margin:0;color:var(--ds-tx)}
.ds-case-sub{color:var(--ds-mu);font-size:20px;line-height:1.6;max-width:760px;margin:18px 0 0}
.ds-meta{display:flex;flex-wrap:wrap;gap:16px 60px;margin:40px 0 30px;padding:26px 0 0;border-top:1px solid var(--ds-bd)}
.ds-meta dt{color:var(--ds-mu);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.ds-meta dd{margin:0;font-size:17px}
.ds-case-cover{margin:0 0 40px;border-radius:var(--ds-r);overflow:hidden}
.ds-case-cover img{width:100%}
.ds-case-body{max-width:820px;margin:20px auto 50px;font-size:18px;line-height:1.8;color:var(--ds-mu)}
.ds-case-body h2,.ds-case-body h3{color:var(--ds-tx);font-weight:500}
.ds-case-body a{color:var(--ds-ac)}
.ds-gal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:40px 0}
.ds-gal-grid.is-logos{grid-template-columns:repeat(3,1fr)}
.ds-gal-item{display:block;border-radius:var(--ds-r);overflow:hidden;background:var(--ds-sf)}
.ds-gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.ds-gal-item:hover img{transform:scale(1.03)}
.ds-case-nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:70px 0 20px;padding-top:30px;border-top:1px solid var(--ds-bd)}
.ds-case-nav a{display:block;text-decoration:none;padding:22px;border-radius:var(--ds-r);background:var(--ds-sf);transition:background .2s}
.ds-case-nav a:hover{background:var(--ds-sf2)}
.ds-case-nav a.is-next{text-align:end}
.ds-case-nav small{display:block;color:var(--ds-mu);font-size:13px;margin-bottom:6px}
.ds-case-nav b{color:var(--ds-tx);font-weight:500;font-size:20px}

/* CTA */
.ds-cta{padding:80px 0;background:linear-gradient(120deg,rgba(38,140,241,.16),rgba(123,151,226,.06));border-top:1px solid var(--ds-bd)}
.ds-cta .ds-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.ds-cta h2{margin:0 0 8px;font-size:clamp(28px,3.4vw,46px);font-weight:500;color:var(--ds-tx);line-height:1.1}
.ds-cta p{margin:0;color:var(--ds-mu);font-size:18px}

/* ===== الأسعار ===== */
.ds-pricing{padding:70px 0 100px}
.ds-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}
.ds-tab-panel{display:none}
.ds-tab-panel.is-active{display:block;animation:dsFade .4s}
@keyframes dsFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ds-svc-sum{text-align:center;color:var(--ds-mu);font-size:18px;max-width:640px;margin:0 auto 40px}
.ds-plans{display:grid;gap:22px;align-items:stretch}
.ds-plans-1{grid-template-columns:minmax(0,440px);justify-content:center}
.ds-plans-2{grid-template-columns:repeat(2,minmax(0,420px));justify-content:center}
.ds-plans-3{grid-template-columns:repeat(3,1fr)}
.ds-plans-4{grid-template-columns:repeat(4,1fr)}
.ds-plan{position:relative;display:flex;flex-direction:column;padding:34px 30px;border-radius:18px;background:var(--ds-sf);border:1px solid var(--ds-bd);transition:transform .3s,border-color .3s}
.ds-plan:hover{transform:translateY(-6px);border-color:var(--ds-mu)}
.ds-plan.is-hl{border-color:var(--ds-ac);background:linear-gradient(180deg,rgba(38,140,241,.14),var(--ds-sf) 40%)}
.ds-plan-badge{position:absolute;top:-13px;inset-inline-start:30px;background:var(--ds-ac);color:#fff;font-size:12px;font-weight:500;letter-spacing:.06em;padding:6px 12px;border-radius:999px}
.ds-plan h3{margin:0;font-size:22px;font-weight:500;color:var(--ds-tx)}
.ds-plan-tag{margin:6px 0 0;color:var(--ds-mu);font-size:14px}
.ds-price{margin:22px 0 6px;display:flex;flex-direction:column;gap:4px}
.ds-price s{color:var(--ds-mu);font-size:15px}
.ds-price span{font-size:38px;font-weight:500;line-height:1.1;color:var(--ds-tx)}
.ds-price small{font-size:15px;color:var(--ds-mu);font-weight:400}
.ds-plan-del{color:var(--ds-mu);font-size:14px;margin:4px 0 0}
.ds-plan ul{list-style:none;padding:0;margin:24px 0 30px;display:grid;gap:12px;flex:1}
.ds-plan li{position:relative;padding-inline-start:28px;color:var(--ds-tx);font-size:15px;line-height:1.5}
.ds-plan li::before{content:"";position:absolute;inset-inline-start:0;top:3px;width:18px;height:18px;border-radius:50%;background:rgba(38,140,241,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23268CF1' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.ds-plan .ds-btn{width:100%}
.ds-pricing-note{text-align:center;color:var(--ds-mu);font-size:14px;margin:40px 0 0}
.ds-order-form{display:grid;gap:14px}
.ds-order-form label{display:grid;gap:6px;font-size:14px;color:var(--ds-mu)}
.ds-order-form input,.ds-order-form textarea{width:100%;box-sizing:border-box;background:var(--ds-bg);border:1px solid var(--ds-bd);border-radius:10px;color:var(--ds-tx);font:15px var(--ds-font);padding:12px 14px}
.ds-order-form input:focus,.ds-order-form textarea:focus{outline:none;border-color:var(--ds-ac)}
.ds-order-form .is-bad{border-color:#F22727}
.ds-form-msg{margin:0;font-size:14px;min-height:1em}
.ds-form-msg.is-ok{color:#3ecf8e}.ds-form-msg.is-err{color:#ff6b6b}

/* ===== بلوكات المحتوى (صفحات وأخبار جديدة) ===== */
.ds-blocks{padding:60px 0 90px}
.ds-blocks>*+*{margin-top:34px}
.ds-b-heading{color:var(--ds-tx);font-weight:500;line-height:1.15;margin:0}
h2.ds-b-heading{font-size:clamp(30px,4vw,52px)}
h3.ds-b-heading{font-size:clamp(24px,3vw,34px)}
h4.ds-b-heading{font-size:22px}
.ds-b-text{font-size:18px;line-height:1.8;color:var(--ds-mu);max-width:860px}
.ds-b-text a{color:var(--ds-ac)}
.ds-b-text strong,.ds-b-text b{color:var(--ds-tx)}
.ds-align-center{text-align:center;margin-inline:auto}
.ds-b-image{margin:0}
.ds-b-image img{border-radius:var(--ds-r);width:100%}
.ds-b-image figcaption,.ds-b-gallery figcaption{color:var(--ds-mu);font-size:14px;margin-top:10px;text-align:center}
.ds-b-gallery{display:grid;gap:16px;grid-template-columns:repeat(var(--cols,3),1fr)}
.ds-b-gallery a{display:block;border-radius:var(--ds-r);overflow:hidden}
.ds-b-gallery img{width:100%;height:100%;object-fit:cover;aspect-ratio:1}
.ds-b-columns{display:grid;gap:30px;grid-template-columns:repeat(var(--cols,2),1fr)}
.ds-b-col h3{color:var(--ds-tx);font-weight:500;margin:0 0 10px}
.ds-b-col p{color:var(--ds-mu);line-height:1.7;margin:0}
.ds-b-imagetext{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ds-b-imagetext.is-rev>:first-child{order:2}
.ds-b-imagetext img{border-radius:var(--ds-r);width:100%}
.ds-b-button{display:flex;gap:12px;flex-wrap:wrap}
.ds-b-quote{margin:0;padding:30px 36px;border-inline-start:3px solid var(--ds-ac);background:var(--ds-sf);border-radius:0 var(--ds-r) var(--ds-r) 0}
.ds-b-quote p{font-size:clamp(20px,2.4vw,28px);line-height:1.5;color:var(--ds-tx);margin:0}
.ds-b-quote cite{display:block;margin-top:14px;color:var(--ds-mu);font-style:normal;font-size:15px}
.ds-b-list{list-style:none;padding:0;display:grid;gap:12px;color:var(--ds-mu);font-size:17px}
.ds-b-list li{position:relative;padding-inline-start:26px}
.ds-b-list li::before{content:"";position:absolute;inset-inline-start:0;top:.6em;width:10px;height:10px;border-radius:50%;background:var(--ds-ac)}
.ds-b-cta{padding:50px;border-radius:18px;background:linear-gradient(120deg,rgba(38,140,241,.2),rgba(123,151,226,.06));border:1px solid var(--ds-bd);display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.ds-b-cta h3{margin:0 0 6px;color:var(--ds-tx);font-weight:500;font-size:clamp(24px,3vw,36px)}
.ds-b-cta p{margin:0;color:var(--ds-mu)}
.ds-b-divider{border:0;border-top:1px solid var(--ds-bd);margin-block:50px}
.ds-b-video{position:relative;aspect-ratio:16/9;border-radius:var(--ds-r);overflow:hidden;background:#000}
.ds-b-video iframe,.ds-b-video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.ds-b-items{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:22px}
.ds-b-items a{display:block;text-decoration:none;color:var(--ds-tx)}
.ds-b-items img{border-radius:var(--ds-r);aspect-ratio:4/3;object-fit:cover;width:100%}
.ds-b-items b{display:block;font-weight:500;margin-top:12px}
.ds-section{position:relative}

@media (max-width:1024px){
  .ds-plans-3,.ds-plans-4{grid-template-columns:repeat(2,1fr)}
  .ds-web-card{grid-template-columns:1fr;gap:30px}
  .ds-web-card.is-rev .ds-browser{order:0}
  .ds-b-items{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  .ds-wrap{width:calc(100% - 32px)}
  .ds-showcase,.ds-pricing{padding:44px 0 60px}
  .ds-hero-plain{padding:140px 0 30px}
  .ds-case-head{padding:130px 0 30px}
  .ds-web-list{gap:60px}
  .ds-brand-grid,.ds-gal-grid,.ds-plans-2,.ds-plans-3,.ds-plans-4,.ds-b-columns,.ds-b-imagetext,.ds-b-items{grid-template-columns:1fr}
  .ds-b-imagetext.is-rev>:first-child{order:0}
  .ds-brand-card.is-wide .ds-brand-media{aspect-ratio:4/3}
  .ds-gal-grid.is-logos,.ds-b-gallery{grid-template-columns:repeat(2,1fr)}
  .ds-logo-wall{grid-template-columns:repeat(2,1fr);gap:12px}
  .ds-logo-cap{transform:none;padding:10px 12px}
  .ds-reels{grid-template-columns:repeat(2,1fr);gap:12px}
  .ds-videos{grid-template-columns:1fr}
  .ds-play{width:50px;height:50px;margin:-25px 0 0 -25px}
  .ds-play::after{left:20px;top:16px;border-width:9px 0 9px 14px}
  .ds-case-nav{grid-template-columns:1fr}
  .ds-modal-box{padding:26px 20px}
  .ds-phone{margin:-60px auto 30px}
  .ds-filters{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:0 16px 6px;scrollbar-width:none}
  .ds-filters button{flex:none}
}
@media (prefers-reduced-motion:reduce){
  .ds-reveal{opacity:1;transform:none;transition:none}
  .ds-scrollshot,.ds-browser,.ds-logo-tile img,.ds-brand-media img,.ds-pack-media img{transition:none!important}
}
.ds-b-spacer.ds-sp-s{height:20px}.ds-b-spacer.ds-sp-m{height:50px}.ds-b-spacer.ds-sp-l{height:100px}
.ds-b-image.ds-size-small{max-width:420px}.ds-b-image.ds-size-normal{max-width:760px}.ds-b-image.ds-size-full{width:100vw;margin-inline:calc(50% - 50vw)}.ds-b-image.ds-size-full img{border-radius:0}
.ds-b-imagetext figure{margin:0}
/* lightbox */
.ds-lb{position:fixed;inset:0;z-index:100001;background:rgba(5,8,12,.94);display:flex;align-items:center;justify-content:center}
.ds-lb[hidden]{display:none}
.ds-lb img{max-width:calc(100vw - 120px);max-height:calc(100vh - 80px);object-fit:contain;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.ds-lb button{position:absolute;border:0;background:rgba(255,255,255,.08);color:#fff;width:52px;height:52px;border-radius:50%;font-size:26px;cursor:pointer;line-height:1}
.ds-lb button:hover{background:var(--ds-ac)}
.ds-lb-x{top:18px;right:18px}.ds-lb-p{left:18px;top:50%;margin-top:-26px}.ds-lb-n{right:18px;top:50%;margin-top:-26px}
.ds-lb-c{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:var(--ds-mu);font:14px var(--ds-font)}
@media (max-width:767px){.ds-lb img{max-width:100vw;max-height:80vh;border-radius:0}.ds-lb-p,.ds-lb-n{top:auto;bottom:14px;margin:0}}
/* تصفير تنسيقات قوائم القالب */
.ds-plan ul,.ds-chips,.ds-b-list,.ds-meta{list-style:none!important;padding:0!important}
.ds-plan li,.ds-chips li,.ds-b-list li{list-style:none!important;margin:0!important}
.ds-chips li::after,.ds-plan li::after,.ds-b-list li::after{display:none!important}
.ds-plan ul{align-content:start}
.ds-showcase h1,.ds-showcase h2,.ds-showcase h3,.ds-pricing h3,.ds-case h1,.ds-case h2,.ds-cta h2,.ds-hero-title,.ds-modal-box h3{font-family:var(--ds-font)}
.ds-case-body{margin:10px 0 50px}
.ds-swatches,.ds-fonts{margin:0 0 50px}
.ds-swatches .ds-sec-title,.ds-fonts .ds-sec-title{margin:0 0 18px}
.ds-case-body p,.ds-b-text p{margin:0 0 1em;padding:0;text-indent:0}