#dts-case-showcase{--dt-ink:#321421;--dt-plum:#3a0c24;--dt-burgundy:#68223e;--dt-rose:#9b5772;--dt-pale:#f7f0f3;--dt-line:#eddee4;--dt-muted:#776a73;direction:rtl;text-align:right;position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:100%;margin:0;padding:36px 20px 38px;border-radius:24px;background:radial-gradient(circle at 95% -3%,#fff9f9 0%,transparent 22%),radial-gradient(circle at 0% 90%,#e9f8f9 0%,transparent 32%),linear-gradient(140deg,#f7fcfc 0%,#f0faf9 65%,#fbf8f9 100%);color:var(--dt-ink);font:normal 15px/1.7 'Cairo','Tajawal',Tahoma,Arial,sans-serif}
#dts-case-showcase *,#dts-case-showcase *::before,#dts-case-showcase *::after{box-sizing:border-box}
#dts-case-showcase button{font-family:inherit;cursor:pointer}
#dts-case-showcase .dt-wrap{width:min(1220px,100%);margin:0 auto;position:relative;z-index:1}
#dts-case-showcase .dt-cases{display:grid;gap:22px}
#dts-case-showcase .dt-card{border-radius:24px;background:#fff;overflow:hidden;border:1px solid #e9dce3;box-shadow:0 14px 48px rgba(52,11,32,.065);min-width:0}
#dts-case-showcase .dt-card-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 26px 16px;border-bottom:1px solid #f3ebee}
#dts-case-showcase .dt-title-group{display:flex;align-items:center;gap:15px;min-width:0}
#dts-case-showcase .dt-num{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:14px;background:linear-gradient(135deg,#4b102b,#824963);color:#fff;font-weight:900;font-size:17px;box-shadow:0 5px 14px #511d3524}
#dts-case-showcase .dt-subtitle{display:block;font-size:11px;font-weight:800;color:#ae738b;margin-bottom:1px}
#dts-case-showcase .dt-card h3{font-size:clamp(20px,2vw,26px)!important;line-height:1.55;font-weight:900;color:var(--dt-plum)!important;margin:0!important;padding:0!important;font-family:inherit!important}
#dts-case-showcase .dt-head-tag{display:inline-flex;gap:7px;align-items:center;flex:none;border-radius:99px;background:#f9f2f5;padding:8px 13px;color:#89576b;font-size:12px;font-weight:800;white-space:nowrap}
#dts-case-showcase .dt-head-tag svg{width:16px;height:16px}
#dts-case-showcase .dt-content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;padding:22px 26px 26px;align-items:start}
#dts-case-showcase .dt-visual,#dts-case-showcase .dt-gallery{min-width:0}
#dts-case-showcase .dt-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:41px;margin-bottom:13px}
#dts-case-showcase .dt-eyebrow{font-size:12px;color:#6f4f60;font-weight:850;display:flex;align-items:center;gap:8px;white-space:nowrap}
#dts-case-showcase .dt-eyebrow svg{width:18px;height:18px;color:#94506e}
#dts-case-showcase .dt-angles{display:inline-flex;gap:3px;padding:4px;border:1px solid #eee0e7;border-radius:11px;background:#fbf5f7;flex:none}
#dts-case-showcase .dt-angles button{font-family:inherit!important;font-size:12px!important;font-weight:800!important;line-height:1.4!important;min-width:68px;min-height:auto!important;border:0!important;background:transparent!important;color:#916679!important;border-radius:8px;padding:7px 12px!important;margin:0!important;box-shadow:none!important;transition:background .2s}
#dts-case-showcase .dt-angles button[aria-pressed="true"]{background:#4a1730!important;color:#fff!important;box-shadow:0 4px 9px #4a173025!important}
#dts-case-showcase .dt-angles button:disabled{opacity:.36;cursor:not-allowed}
#dts-case-showcase button:focus-visible,#dts-case-showcase a:focus-visible,#dts-case-showcase .dt-compare:focus-visible{outline:3px solid #b9829a!important;outline-offset:3px}
#dts-case-showcase .dt-compare{--dt-split:50%;width:100%;aspect-ratio:1.55;min-height:260px;position:relative;overflow:hidden;display:block;border-radius:16px;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;background:#f2ecef;outline:none}
#dts-case-showcase .dt-compare img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none;user-select:none;-webkit-user-drag:none}
#dts-case-showcase .dt-compare .dt-before{clip-path:inset(0 calc(100% - var(--dt-split)) 0 0)}
#dts-case-showcase .dt-compare::after{content:"";position:absolute;inset:0;border:1px solid #ffffff77;border-radius:16px;pointer-events:none}
#dts-case-showcase .dt-label{position:absolute;z-index:5;top:14px;padding:7px 14px;border-radius:9px;font-size:12px;line-height:1.4;font-weight:900;pointer-events:none;box-shadow:0 6px 22px #0002}
#dts-case-showcase .dt-label-before{left:14px;color:#fff;background:#3e1028ed}
#dts-case-showcase .dt-label-after{right:14px;color:#3a1326;background:#fffcfff0}
#dts-case-showcase .dt-rule{position:absolute;z-index:6;top:0;bottom:0;left:var(--dt-split);width:3px;transform:translateX(-50%);background:white;box-shadow:0 0 0 1px #3b142844,0 0 18px #3b142888;pointer-events:none}
#dts-case-showcase .dt-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border:4px solid #ffffffa8;border-radius:50%;background:#46152c;box-shadow:0 5px 20px #0005;display:grid;place-items:center;color:#fff}
#dts-case-showcase .dt-handle svg{width:29px;height:29px}
#dts-case-showcase .dt-compare.dt-dragging .dt-handle{background:#7c3150}
#dts-case-showcase .dt-compare-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;padding:11px 3px 0;color:#83727d;font-size:11px;font-weight:650}
#dts-case-showcase .dt-side-note{color:#a07280;font-size:10px;text-align:left;max-width:190px}
#dts-case-showcase .dt-gallery{background:#fdfafb;border:1px solid #f0e8eb;border-radius:18px;padding:13px;align-self:stretch;display:flex;flex-direction:column}
#dts-case-showcase .dt-gallery-title{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:1px 3px 9px;gap:10px}
#dts-case-showcase .dt-gallery-title strong{font-size:14px;font-weight:850;color:#481b2e}
#dts-case-showcase .dt-gallery-count{font-size:12px;color:#a16c83;font-weight:800;font-variant-numeric:tabular-nums;direction:ltr}
#dts-case-showcase .dt-gallery-frame{position:relative;display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1.5;background:#e8e4e7;border-radius:12px;overflow:hidden}
#dts-case-showcase .dt-gallery-main{width:100%;height:100%;object-fit:contain;display:block;max-width:none!important;border:0!important}
#dts-case-showcase .dt-gallery-caption{position:absolute;right:0;bottom:0;left:0;padding:18px 12px 11px;font-size:12px;color:white;font-weight:850;text-align:center;background:linear-gradient(0deg,rgba(38,12,27,.78) 0%,transparent 100%);pointer-events:none}
#dts-case-showcase .dt-gallery-nav{display:grid;grid-template-columns:35px minmax(0,1fr) 35px;align-items:center;gap:8px;margin-top:12px}
#dts-case-showcase .dt-nav-btn{display:grid;place-items:center;padding:0!important;margin:0!important;min-height:auto!important;width:35px;height:42px;border:1px solid #e8dce1!important;border-radius:10px;background:white!important;color:#522039!important;box-shadow:none!important;transition:background .2s,transform .2s}
#dts-case-showcase .dt-nav-btn:hover{background:#f6eaf0!important;transform:translateY(-1px)}
#dts-case-showcase .dt-nav-btn svg{width:20px;height:20px}
#dts-case-showcase .dt-nav-btn.dt-next svg{transform:rotate(180deg)}
#dts-case-showcase .dt-thumbs{min-width:0;overflow-x:auto;display:flex;gap:6px;padding:3px;scrollbar-width:thin;scrollbar-color:#e2cbd5 transparent;overscroll-behavior-x:contain}
#dts-case-showcase .dt-thumb{min-width:54px;width:54px;height:43px;flex:none;border:2px solid transparent!important;padding:0!important;margin:0!important;background:#eee9ed!important;overflow:hidden;border-radius:8px;box-shadow:none!important;opacity:.78;transition:border-color .16s,opacity .16s}
#dts-case-showcase .dt-thumb[aria-current="true"]{border-color:#773450!important;opacity:1}
#dts-case-showcase .dt-thumb img{width:100%;height:100%;object-fit:cover;display:block}
#dts-case-showcase .dt-gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:13px 3px 0;min-height:49px}
#dts-case-showcase .dt-gallery-hint{color:#98818d;font-size:11px;line-height:1.6}
#dts-case-showcase .dt-video-btn{display:inline-flex;align-items:center;gap:7px;justify-content:center;border-radius:9px!important;padding:9px 12px!important;margin:0!important;min-height:auto!important;box-shadow:none!important;border:1px solid #623147!important;background:#572039!important;color:white!important;font:800 11px/1.5 'Cairo','Tajawal',Tahoma,sans-serif!important}
#dts-case-showcase .dt-video-btn[hidden]{display:none!important}
#dts-case-showcase .dt-video-btn svg{width:16px;height:16px}
#dts-case-showcase .dt-cta{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:22px;margin:26px auto 0;padding:26px 35px;border-radius:18px;background:linear-gradient(115deg,#300718,#4e1932 70%,#793952);color:#fff}
#dts-case-showcase .dt-cta::before{content:"";z-index:-1;position:absolute;left:-85px;top:-160px;width:300px;height:300px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 50px #ffffff08,0 0 0 100px #ffffff03;pointer-events:none}
#dts-case-showcase .dt-cta h3{font:900 clamp(19px,2vw,25px)/1.5 'Cairo','Tajawal',Tahoma,sans-serif!important;color:#fff!important;margin:0 0 5px!important}
#dts-case-showcase .dt-cta p{font-size:12px;color:#f3e1e9;line-height:1.75;margin:0}
#dts-case-showcase .dt-call{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:none;min-width:154px;padding:12px 19px;background:white!important;border-radius:10px;color:#491529!important;font-weight:900;font-size:13px;text-decoration:none!important;transition:transform .15s}
#dts-case-showcase .dt-call:hover{transform:translateY(-2px)}
#dts-case-showcase .dt-call svg{width:17px;height:17px}
#dts-case-showcase .dt-disclaimer{font-size:11px;text-align:center;margin:18px auto 0;color:#8f828b;line-height:1.8}
#dts-case-showcase .dt-modal[hidden]{display:none!important}
#dts-case-showcase .dt-modal{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;background:#170b13d9;padding:15px;direction:rtl}
#dts-case-showcase .dt-modal-box{width:min(840px,100%);padding:12px;background:#fff;border-radius:18px;box-shadow:0 25px 90px #0007}
#dts-case-showcase .dt-modal-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:1px 5px 11px;color:#42162b;font-weight:850;font-size:14px}
#dts-case-showcase .dt-close{border:0!important;box-shadow:none!important;background:#f5e7ed!important;border-radius:9px!important;color:#45172b!important;padding:1px!important;margin:0!important;font-size:28px!important;line-height:1!important;width:34px;height:34px}
#dts-case-showcase .dt-modal-inner{aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#090408}
#dts-case-showcase .dt-modal-inner iframe,#dts-case-showcase .dt-modal-inner video{display:block;width:100%;height:100%;border:0}
@media(max-width:1010px){#dts-case-showcase .dt-content{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:17px;padding:18px}#dts-case-showcase .dt-card-header{padding:17px 20px}#dts-case-showcase .dt-compare{min-height:225px}}
@media(max-width:790px){#dts-case-showcase{padding:22px 12px 30px}#dts-case-showcase .dt-wrap{max-width:620px}#dts-case-showcase .dt-content{display:flex;flex-direction:column;gap:14px;padding:14px}#dts-case-showcase .dt-visual,#dts-case-showcase .dt-gallery{width:100%}#dts-case-showcase .dt-compare{min-height:235px}#dts-case-showcase .dt-gallery-frame{aspect-ratio:1.7}#dts-case-showcase .dt-card-header{padding:14px 15px}#dts-case-showcase .dt-card{border-radius:18px}#dts-case-showcase .dt-gallery{padding:12px}#dts-case-showcase .dt-cta{flex-direction:column;align-items:stretch;gap:15px;text-align:center;padding:23px 18px}#dts-case-showcase .dt-call{width:100%}}
@media(max-width:430px){#dts-case-showcase{padding:18px 9px 24px;border-radius:13px}#dts-case-showcase .dt-card-header{padding:13px 12px;gap:8px}#dts-case-showcase .dt-title-group{gap:10px}#dts-case-showcase .dt-num{width:38px;height:38px;font-size:14px;border-radius:10px}#dts-case-showcase .dt-card h3{font-size:18px!important}#dts-case-showcase .dt-head-tag{font-size:10px;padding:7px 9px}#dts-case-showcase .dt-content{padding:9px;gap:12px}#dts-case-showcase .dt-compare{min-height:200px;aspect-ratio:1.48;border-radius:11px}#dts-case-showcase .dt-toolbar{gap:6px;margin-bottom:8px}#dts-case-showcase .dt-eyebrow{font-size:11px}#dts-case-showcase .dt-angles button{min-width:54px;padding:6px 7px!important;font-size:11px!important}#dts-case-showcase .dt-compare-foot{font-size:10px}#dts-case-showcase .dt-side-note{font-size:9px}#dts-case-showcase .dt-thumb{min-width:49px;width:49px;height:41px}#dts-case-showcase .dt-gallery-frame{aspect-ratio:1.55}#dts-case-showcase .dt-cases{gap:14px}}
@media(prefers-reduced-motion:reduce){#dts-case-showcase *,#dts-case-showcase *::before,#dts-case-showcase *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}