/* New Star Shadab Tailor — Customer Tools */
.customer-tools-section{position:relative;background:linear-gradient(180deg,#090b0e 0%,#111419 50%,#090b0e 100%);overflow:hidden}
.tools-intro{max-width:760px;margin:0 auto 48px;text-align:center}.tools-intro .eyebrow{justify-content:center}.tools-intro h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,64px);font-weight:500;line-height:1.05;margin-bottom:14px}.tools-intro>p:last-child{color:#a9adb4}
.tools-tabs{max-width:1040px;margin:0 auto 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:7px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025)}
.tool-tab{border:0;border-radius:12px;padding:14px 12px;background:transparent;color:#b8bbc1;font:700 13px/1.2 inherit;cursor:pointer}.tool-tab.active{color:#171108;background:linear-gradient(135deg,#f1d592,#c8953a)}
.tools-shell{max-width:1040px;margin:auto}.tool-panel{display:none}.tool-panel.active{display:block}.tool-card{padding:clamp(22px,4vw,38px);border:1px solid rgba(215,173,88,.22);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));box-shadow:0 24px 70px rgba(0,0,0,.3)}
.tool-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:27px}.tool-card-head h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,3vw,38px);font-weight:500}.tool-card-head p{margin-top:7px;color:#9da1a8;max-width:650px;line-height:1.65}.tool-icon{width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px;border-radius:16px;border:1px solid rgba(215,173,88,.28);background:rgba(215,173,88,.07);font-size:26px}
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.tool-grid .full{grid-column:1/-1}.tool-field{display:flex;flex-direction:column;gap:7px;color:#d7d9dd;font-size:13px;font-weight:700}.tool-field input,.tool-field select,.tool-field textarea{width:100%;padding:13px 14px;border:1px solid #353a41;border-radius:10px;background:#090b0e;color:#fff;font:inherit;outline:none}.measure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.measure-unit{color:#d7ad58;font-size:11px;font-weight:800}.tool-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:24px}.tool-action{border:0;border-radius:12px;padding:14px 20px;font:800 13px/1 inherit;cursor:pointer;text-decoration:none}.tool-action.primary{background:linear-gradient(135deg,#f1d592,#c8953a);color:#181107}.tool-action.secondary{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.025);color:#fff}.tool-note{margin-top:16px;color:#858a92;font-size:12px;line-height:1.65}
.upload-zone{box-sizing:border-box;position:relative;width:100%;min-height:190px;padding:34px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(215,173,88,.52);border-radius:17px;background:linear-gradient(145deg,rgba(215,173,88,.055),rgba(255,255,255,.015));text-align:center;cursor:pointer;overflow:hidden}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-zone>div{line-height:1;color:#f1d592}.upload-zone strong{display:block;font-size:17px;margin:14px 0 8px;color:#f7f3ea}.upload-zone span{display:block;max-width:520px;color:#8f949b;font-size:12px;line-height:1.55}.design-preview{display:none;margin-top:20px;grid-template-columns:170px 1fr;gap:20px;align-items:center}.design-preview.show{display:grid}.design-preview img{width:170px;height:170px;object-fit:cover;border-radius:14px;border:1px solid rgba(215,173,88,.25)}.design-meta{color:#a8acb2}.design-meta strong{display:block;color:#fff;margin-bottom:5px;word-break:break-all}
.tools-book-strip{max-width:1040px;margin:26px auto 0;padding:18px 21px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(215,173,88,.17);border-radius:16px;background:rgba(215,173,88,.045)}.tools-book-strip strong{font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:500}.tools-book-strip span{display:block;color:#8f949b;font-size:12px;margin-top:2px}
#services{overflow:visible!important}#services .cards{display:block!important;overflow:visible!important;max-width:720px!important;margin:0 auto!important}
#services .cards>article{position:sticky!important;top:82px!important;width:100%!important;margin:0 0 52vh!important;overflow:hidden!important;padding:0!important;background:#0b0e12!important;border:1px solid rgba(225,190,112,.38)!important;border-radius:24px!important;box-shadow:0 26px 70px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.025) inset!important;transform:none!important}
#services .cards>article:nth-child(1){z-index:1!important}#services .cards>article:nth-child(2){z-index:2!important}#services .cards>article:nth-child(3){z-index:3!important}#services .cards>article:nth-child(4){z-index:4!important}#services .cards>article:nth-child(5){z-index:5!important}#services .cards>article:nth-child(6){z-index:6!important}#services .cards>article:nth-child(7){z-index:7!important}#services .cards>article:nth-child(8){z-index:8!important}
#services .service-media{position:relative!important;margin:0!important;overflow:hidden!important;background:#080a0d!important;aspect-ratio:auto!important}
#services .service-media:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(to bottom,transparent 46%,rgba(4,6,9,.08) 58%,rgba(4,6,9,.92) 100%)!important;pointer-events:none!important}
#services .service-media img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important}
#services .service-body{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:3!important;margin:0!important;padding:82px 26px 26px!important;background:linear-gradient(to bottom,transparent,rgba(5,7,10,.88) 55%,rgba(5,7,10,.98))!important;pointer-events:none!important}
#services .service-top{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:9px!important}#services .service-top small{font-size:11px!important;font-weight:900!important;letter-spacing:2.4px!important;color:#e7c574!important}#services .service-top i{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:1px solid rgba(231,197,116,.55)!important;border-radius:50%!important;background:rgba(7,8,10,.76)!important;color:#f5dfaa!important;font-style:normal!important;box-shadow:0 5px 16px rgba(0,0,0,.3)!important}
#services .service-body h3{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(32px,4vw,44px)!important;font-weight:800!important;line-height:1!important;letter-spacing:.3px!important;margin:0 0 9px!important;color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.85)!important}
#services .service-body p{margin:0 0 13px!important;color:#eef0f3!important;font-size:14px!important;font-weight:650!important;line-height:1.45!important;text-shadow:0 2px 10px rgba(0,0,0,.85)!important}
#services .service-body em{display:inline-block!important;padding:8px 12px!important;border:1px solid rgba(231,197,116,.55)!important;border-radius:999px!important;color:#f1d38b!important;background:rgba(9,10,12,.72)!important;box-shadow:0 6px 18px rgba(0,0,0,.28)!important;font-size:10px!important;font-style:normal!important;font-weight:900!important;letter-spacing:1.35px!important;text-transform:uppercase!important}
/* Each next card gets roughly half a viewport of travel before it can cover the current card. This creates the requested half-card, pause-and-view rhythm. */
@media(max-width:760px){.customer-tools-section{padding-left:16px!important;padding-right:16px!important}.tools-tabs{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}.tool-grid .full{grid-column:auto}.measure-grid{grid-template-columns:1fr 1fr}.tool-card{padding:24px 20px}.tool-card-head{display:grid;grid-template-columns:1fr;margin-bottom:22px}.tool-card-head .tool-icon{grid-row:1}.tool-card-head>div:first-child{grid-row:2}.tool-card-head h3{font-size:32px;line-height:1.08}.tool-card-head p{font-size:14px;line-height:1.6}.upload-zone{min-height:210px;padding:30px 18px;border-radius:16px}.upload-zone>div{font-size:38px!important}.upload-zone strong{font-size:17px;margin-top:16px}.upload-zone span{font-size:12px;max-width:290px}.design-preview.show{grid-template-columns:1fr}.design-preview img{width:100%;height:auto;max-height:320px}.tool-actions{display:grid;grid-template-columns:1fr;margin-top:20px}.tool-action{width:100%;text-align:center;padding:15px 16px}.tool-note{font-size:11.5px}.tools-book-strip{align-items:flex-start;flex-direction:column}.tools-book-strip .tool-action{width:auto}.track-search{display:flex;flex-direction:column;gap:10px}#services{padding-left:16px!important;padding-right:16px!important}#services .cards{max-width:100%!important;padding:0!important}#services .cards>article{top:82px!important;margin-bottom:52vh!important;border-radius:21px!important}#services .service-body{padding:72px 19px 20px!important}#services .service-body h3{font-size:34px!important;font-weight:800!important}#services .service-body p{font-size:13px!important;font-weight:650!important;max-width:300px!important}#services .service-body em{font-size:9px!important;padding:7px 10px!important}#services .heading:after{content:"Scroll to explore  ↓";display:block;margin-top:18px;color:#d8b365;font-size:10px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}}
@media(max-width:430px){.measure-grid{grid-template-columns:1fr}.tool-card{padding:22px 16px;border-radius:20px}.tool-card-head h3{font-size:30px}.upload-zone{min-height:200px;padding:28px 14px}.tool-tab{font-size:12px}#services .cards>article{margin-bottom:50vh!important}}