#designs .stepped-wrap{min-width:0;flex-shrink:0}
#designs .stepped-gallery{display:flex;align-items:center;gap:7px;direction:ltr;height:410px;touch-action:pan-y}
#designs .stepped-card{position:relative;overflow:hidden;flex:1;min-width:44px;height:65%;border:1px solid #edcc9d4d;border-radius:10px;background:#2c2018;transform:translateY(0);transition:flex .65s cubic-bezier(.2,.7,.2,1),height .65s,transform .65s;box-shadow:0 20px 50px #0007}
#designs .stepped-card:first-child{transform:translateY(22px)}
#designs .stepped-card:last-child{transform:translateY(-22px)}
#designs .stepped-card.is-active{flex:7;height:90%;transform:none;border-color:#e8c79399;box-shadow:0 30px 80px #0009,0 0 35px #d9944020}
#designs .stepped-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.55);transition:filter .6s,transform .8s}
#designs .stepped-card.is-active img{filter:saturate(.88) brightness(.77);transform:scale(1.02)}
#designs .stepped-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#100b0755,transparent 38%,#100a07e8);pointer-events:none}
#designs .stepped-select{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;background:transparent}
#designs .stepped-select[hidden],#designs .stepped-explore[hidden]{display:none}
#designs .stepped-content{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:20px;text-align:start;direction:inherit}
#designs .stepped-gallery .stepped-content{direction:rtl}
#designs:lang(en) .stepped-gallery .stepped-content{direction:ltr}
#designs .stepped-mini{font-size:11px;color:#f4d8aa;white-space:nowrap}
#designs .stepped-card h3{font-weight:400;font-size:30px;line-height:1.25;margin:8px 0 10px;white-space:nowrap}
#designs .stepped-card p{font-size:13px;line-height:1.7;color:#f3e7d5;margin:0 0 14px}
#designs .stepped-explore{display:inline-flex;align-items:center;gap:8px;min-height:46px;color:#fff4df;border-bottom:1px solid #e7bd7c;font-size:13px}
#designs .stepped-explore span{font-size:20px}
#designs .stepped-card:not(.is-active) .stepped-content{padding:9px}
#designs .stepped-card:not(.is-active) h3{font-size:14px;writing-mode:vertical-rl;margin:8px 0}
#designs .stepped-card:not(.is-active) .stepped-mini,#designs .stepped-card:not(.is-active) p{display:none}
#designs .stepped-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}
#designs .stepped-status{color:#dbc8ad;font-size:11px;min-height:22px}
#designs .stepped-progress{display:flex;align-items:center;gap:8px;direction:ltr}
#designs .stepped-progress i{display:block;width:18px;height:2px;background:#827363;transition:width .3s,background .3s}
#designs .stepped-progress i.is-on{width:42px;background:#e3bc80}
#designs .stepped-arrows{display:flex;gap:8px;direction:ltr}
#designs:lang(ar) .stepped-arrows{flex-direction:row-reverse}
#designs .stepped-arrows button{width:46px;height:46px;border:1px solid #e4c59a66;border-radius:50%;background:#ffffff08;color:#f5e6d1;font-size:22px}
#designs .stepped-arrows button:hover:not(:disabled){background:#e5bf8c22}
#designs .stepped-arrows button:disabled{opacity:.28;cursor:default}
#designs .stepped-select:focus-visible{outline:2px solid #ffe5bd;outline-offset:-4px}
@media(max-width:1050px) and (min-width:701px){#designs .stepped-content{padding:12px}#designs .stepped-card h3{font-size:24px}#designs .stepped-card p{font-size:12px}#designs .stepped-mini{white-space:normal}}
@media(max-width:700px){#designs .stepped-gallery{height:395px}#designs .stepped-card h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){#designs .stepped-card,#designs .stepped-card img,#designs .stepped-progress i{transition:none}}