.retail-tools-page{background:#fff}
.retail-tools-main{padding-top:90px}
.toolkit-hero{padding:100px 0 80px;border-bottom:1px solid #e6e6e6}
.toolkit-hero .label{margin-bottom:24px}
.toolkit-hero h1{max-width:1200px;font-size:clamp(3.2rem,8vw,7rem)}
.toolkit-lead{max-width:900px;margin-top:34px;font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.75;color:var(--color-text-muted);font-weight:300}
.toolkit-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:36px}
.toolkit-badges span{border:1px solid #d6d6d6;padding:8px 12px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}
.toolkit-index{padding:80px 0 120px;background:#f4f4f2}
.toolkit-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.toolkit-card{position:relative;text-align:left;border:1px solid #dedede;background:#fff;padding:34px;min-height:330px;color:#111;text-decoration:none;font:inherit;cursor:pointer;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.toolkit-card:hover{transform:translateY(-5px);box-shadow:0 14px 35px rgba(0,0,0,.08);border-color:#bbb}
.toolkit-card-featured{grid-column:1/-1;min-height:360px;background:#111;color:#fff;border-color:#111}
.toolkit-card-featured:hover{border-color:#111;box-shadow:0 18px 42px rgba(0,0,0,.16)}
.toolkit-card-no{font-size:.7rem;letter-spacing:.14em;opacity:.52}
.toolkit-card-status{position:absolute;right:30px;top:28px;border:1px solid currentColor;padding:5px 8px;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;opacity:.55}
.toolkit-card h2{font-size:clamp(2rem,4vw,3.5rem);max-width:700px;margin-top:auto}
.toolkit-card p{max-width:710px;margin-top:20px;font-size:.98rem;line-height:1.65;opacity:.62}
.toolkit-card-action{margin-top:30px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600}
.tool-workspace{padding:90px 0 110px;border-top:1px solid #ddd}
.tool-workspace[hidden]{display:none!important}
.tool-workspace-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:45px;padding-bottom:30px;border-bottom:1px solid #ddd}
.tool-workspace-head .label{margin-bottom:10px}.tool-workspace-head h2{font-size:clamp(2.2rem,5vw,4.2rem)}
.toolkit-close{cursor:pointer;background:#fff}.tool-panel[hidden]{display:none!important}
.tool-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;margin-bottom:34px}.tool-intro h3{font-size:clamp(1.7rem,3vw,2.6rem)}.tool-intro p{max-width:680px;line-height:1.7;color:#666}
.tool-control-card,.tool-form-card{background:#f5f5f3;border:1px solid #dfdfdc;padding:34px}
.field-group{display:flex;flex-direction:column;gap:8px}.field-group label{font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;font-weight:600}.field-group input,.field-group select,.field-group textarea{border:1px solid #ccc;background:#fff;padding:12px 13px;font:400 .95rem var(--font-primary);border-radius:0;color:#111}.field-group textarea{resize:vertical}.field-group small{font-size:.7rem;color:#777}
.builder-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.builder-actions .btn{cursor:pointer;background:#fff}.builder-actions .tool-primary{background:#111;color:#fff;border-color:#111}.tool-status{min-height:20px;margin-top:16px;font-size:.8rem;line-height:1.5;color:#666}
.markup-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:28px;align-items:start}.markup-toolbar{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:22px 0}.markup-mode{border:1px solid #c9c9c9;background:#fff;padding:10px;cursor:pointer;font:600 .72rem var(--font-primary);text-transform:uppercase;letter-spacing:.08em}.markup-mode.is-active{background:#111;color:#fff;border-color:#111}.markup-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.markup-options label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;display:flex;flex-direction:column;gap:7px}.markup-stage-wrap{background:#e4e4e1;min-height:520px;display:grid;place-items:center;padding:20px;overflow:auto}.markup-stage-wrap canvas{max-width:100%;height:auto;box-shadow:0 8px 24px rgba(0,0,0,.14);background:#fff}.markup-empty{color:#777;font-size:.9rem}
.tool-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-form-full{grid-column:1/-1}
.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.check-section{border:1px solid #ddd;padding:22px;background:#fff}.check-section legend{padding:0 8px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.check-row{padding:18px 0;border-bottom:1px solid #eee}.check-row:last-child{border-bottom:0}.check-row span{display:block;min-height:48px;font-size:.92rem;line-height:1.45}.check-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}.check-options button{border:1px solid #ccc;background:#fff;padding:8px 5px;cursor:pointer;font:600 .66rem var(--font-primary);text-transform:uppercase;letter-spacing:.06em}.check-options button.is-selected{background:#111;color:#fff;border-color:#111}.check-result{margin-top:25px;background:#111;color:#fff;padding:32px;display:grid;grid-template-columns:auto 1fr;gap:10px 28px;align-items:center}.check-result .label{grid-column:1/-1;opacity:.55}.check-result strong{font-size:clamp(3rem,6vw,5.4rem);font-weight:200;line-height:1}.check-result p{color:rgba(255,255,255,.7);line-height:1.6}.check-breakdown{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.check-breakdown span{border:1px solid rgba(255,255,255,.3);padding:7px 9px;font-size:.68rem;letter-spacing:.06em}
.toolkit-soft-cta{margin-top:60px;background:#f4f4f2;padding:55px}.toolkit-soft-cta .label{margin-bottom:16px}.toolkit-soft-cta h3{max-width:900px;font-size:clamp(2rem,4vw,3.3rem);margin-bottom:28px}
.toolkit-philosophy{padding:100px 0}.toolkit-philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.toolkit-philosophy-grid .label{margin-bottom:18px;color:var(--color-accent)}.toolkit-philosophy-grid p{color:rgba(255,255,255,.65);line-height:1.8;font-size:1.05rem}
@media(max-width:900px){.toolkit-card-grid{grid-template-columns:1fr}.toolkit-card-featured{grid-column:auto}.markup-layout,.tool-intro,.toolkit-philosophy-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}.markup-stage-wrap{min-height:360px}}
@media(max-width:650px){.retail-tools-main{padding-top:70px}.toolkit-hero{padding:70px 0 55px}.toolkit-index{padding:50px 0 80px}.toolkit-card{min-height:270px;padding:26px}.tool-workspace{padding:60px 0 80px}.tool-workspace-head{flex-direction:column}.tool-form-grid{grid-template-columns:1fr}.tool-form-full{grid-column:auto}.tool-control-card,.tool-form-card{padding:22px 18px}.markup-options{grid-template-columns:1fr}.toolkit-soft-cta{padding:38px 24px}.check-result{grid-template-columns:1fr}.check-result strong{margin-top:4px}}