/* WEB-308: image-search slide and request feedback. Keep these selectors scoped. */
.ws-home-image-search-slide .ws-home-slide-container { width:100%; max-width:none; padding:0; }
.ws-home-image-search-slide .ws-home-hero-shade { display:none; }
.ws-home-image-search-slide .ws-home-hero-copy { height:100%; max-width:none; padding:0; }
.ws-sbi-hero {
    --hero-yellow:#ffd400;
    position:relative; isolation:isolate; display:grid;
    grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr); align-items:center;
    gap:clamp(16px,3vw,48px); height:100%; padding:22px clamp(52px,5vw,80px);
    color:#171512; background:linear-gradient(90deg,#f3ece0 0%,#f3ece0 31%,#f3ece0eb 43%,#f3ece048 69%,#f3ece026 100%);
}
.ws-home-image-search-slide .ws-sbi-hero h2 {
    margin:0; color:#171512; font-size:clamp(32px,3.6vw,52px);
    line-height:1.03; font-weight:760; letter-spacing:-.032em;
}
.ws-sbi-hero-copy p { margin:0 0 13px; max-width:42ch; font-size:15px; line-height:1.48; color:#4b4236; }
.ws-sbi-hero-source { display:flex; align-items:center; gap:9px; margin:11px 0 6px; max-width:42ch; font-size:14px; line-height:1.37; font-weight:680; }
.ws-sbi-hero-pin { position:relative; z-index:3; flex:0 0 29px; width:29px; height:29px; padding:0; border:0; border-radius:50%; overflow:hidden; background:#fff; }
.ws-sbi-hero-pin img { position:absolute; width:151px; height:auto; max-width:none; left:50%; top:50%; transform:translate(-50%,-50%); }
.ws-sbi-hero-cta { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 17px; border:0; border-radius:4px; color:#211b08; background:var(--hero-yellow); font-size:14px; font-weight:720; }
.ws-sbi-hero-cta::after { position:absolute; z-index:2; inset:0; content:""; cursor:pointer; }
.ws-sbi-hero-cta:hover { background:#efc600; }
.ws-sbi-hero button:focus-visible { outline:3px solid #624c00; outline-offset:3px; }
.ws-sbi-hero svg { display:block; flex:none; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.ws-sbi-hero-flow { display:grid; grid-template-columns:minmax(0,1fr) 44px minmax(0,1.22fr); align-items:center; gap:10px; min-width:0; margin:0; }
.ws-sbi-hero-panel { min-width:0; overflow:hidden; border-radius:12px; background:#fff; box-shadow:0 7px 24px #291e1326; }
.ws-sbi-hero-label { display:flex; align-items:center; gap:7px; min-height:40px; padding:7px 12px; margin:0; font-size:13px; font-weight:720; color:#2c251c; background:#fcfaf6; border-bottom:1px solid #efe8dc; }
.ws-sbi-hero-label svg { width:15px; height:15px; }
.ws-sbi-hero-query { position:relative; height:145px; overflow:hidden; }
.ws-sbi-hero-query img,.ws-sbi-hero-products img { display:block; width:100%; height:100%; object-fit:contain; }
.ws-sbi-hero-query img { transform:scale(1.18); }
.ws-sbi-hero-brackets { position:absolute; inset:12px; }
.ws-sbi-hero-brackets i { position:absolute; width:15px; height:15px; border:2px solid #aa7d00; }
.ws-sbi-hero-brackets i:nth-child(1) { left:0; top:0; border-right:0; border-bottom:0; border-top-left-radius:4px; }
.ws-sbi-hero-brackets i:nth-child(2) { right:0; top:0; border-left:0; border-bottom:0; border-top-right-radius:4px; }
.ws-sbi-hero-brackets i:nth-child(3) { left:0; bottom:0; border-right:0; border-top:0; border-bottom-left-radius:4px; }
.ws-sbi-hero-brackets i:nth-child(4) { right:0; bottom:0; border-left:0; border-top:0; border-bottom-right-radius:4px; }
.ws-sbi-hero-arrow { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; color:#261d00; background:var(--hero-yellow); }
.ws-sbi-hero-products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.ws-sbi-hero-products figure { min-width:0; margin:0; text-align:center; }
.ws-sbi-hero-products figure+figure { border-left:1px solid #efe8dc; }
.ws-sbi-hero-products figure div { height:108px; overflow:hidden; }
.ws-sbi-hero-products img { transform:scale(1.12); }
.ws-sbi-hero-products figcaption { padding:7px 3px 12px; font-size:11px; line-height:1.2; font-weight:680; }
.ws-sbi-dialog[aria-busy="true"] .ws-sbi-status { display:flex; flex-direction:column; align-items:center; gap:9px; font-weight:680; text-align:center; }
.ws-sbi-dialog[aria-busy="true"] .ws-sbi-status::before {
    content:""; width:32px; height:32px; box-sizing:border-box;
    border:4px solid #e9e0cb; border-top-color:#936600; border-radius:50%;
    animation:ws-sbi-hero-spin .85s linear infinite;
}
@keyframes ws-sbi-hero-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) {
    .ws-sbi-dialog[aria-busy="true"] .ws-sbi-status::before { animation:none; }
}
@media (max-width:980px) {
    .ws-sbi-hero { padding-inline:53px; gap:15px; }
    .ws-sbi-hero-flow { grid-template-columns:minmax(0,1fr) 32px minmax(0,1.15fr); gap:6px; }
    .ws-sbi-hero-arrow { width:32px; height:32px; }
    .ws-sbi-hero-label { padding-inline:7px; font-size:11px; }
    .ws-sbi-hero-query { height:115px; }
    .ws-sbi-hero-products figure div { height:82px; }
}
@media (max-width:767px) {
    .ws-sbi-hero { grid-template-columns:minmax(0,1fr); gap:10px; align-content:center; padding:12px 40px 24px; background:linear-gradient(180deg,#f3ece0 3%,#f3ece0ee 54%,#f3ece044 100%); }
    .ws-home-image-search-slide .ws-sbi-hero h2 { font-size:clamp(26px,7.7vw,32px); }
    .ws-sbi-hero-source { margin:7px 0 4px; gap:6px; font-size:12px; }
    .ws-sbi-hero-pin { flex-basis:24px; width:24px; height:24px; }
    .ws-sbi-hero-pin img { width:125px; }
    .ws-sbi-hero-copy p { margin-bottom:8px; font-size:13px; }
    .ws-sbi-hero-cta { min-height:44px; padding-inline:12px; font-size:13px; }
    .ws-sbi-hero-flow { width:100%; max-width:370px; grid-template-columns:minmax(0,1fr) 24px minmax(0,1.12fr); }
    .ws-sbi-hero-arrow { width:24px; height:24px; }
    .ws-sbi-hero-arrow svg { width:17px; height:17px; }
    .ws-sbi-hero-label { min-height:28px; padding-block:4px; }
    .ws-sbi-hero-query { height:65px; }
    .ws-sbi-hero-brackets { inset:6px; }
    .ws-sbi-hero-brackets i { width:8px; height:8px; }
    .ws-sbi-hero-products figure div { height:44px; }
    .ws-sbi-hero-products figcaption { padding:3px 1px 5px; }
}
@media (max-width:767px) {
    .ws-sbi-hero { gap:6px; padding:7px 41px 17px; }
    .ws-home-image-search-slide .ws-sbi-hero h2 { font-size:clamp(19px,5.7vw,22px); letter-spacing:-.023em; }
    .ws-sbi-hero h2 br { display:none; }
    .ws-sbi-hero-source { margin:4px 0 3px; font-size:11px; line-height:1.23; }
    .ws-sbi-hero-copy p { margin-bottom:5px; font-size:12px; line-height:1.31; }
    .ws-sbi-hero-label { min-height:23px; padding-block:3px; }
    .ws-sbi-hero-query { height:54px; }
    .ws-sbi-hero-products figure div { height:34px; }
    .ws-sbi-hero-products figcaption { padding-block:2px 4px; }
}
@media (max-width:350px) {
    .ws-sbi-hero { padding-inline:30px; }
    .ws-home-image-search-slide .ws-sbi-hero h2 { font-size:18px; }
    .ws-sbi-hero-flow { grid-template-columns:minmax(0,1fr) 20px minmax(0,1.24fr); gap:5px; }
    .ws-sbi-hero-arrow { width:20px; height:20px; }
    .ws-sbi-hero-label { padding-inline:4px; }
    .ws-sbi-hero-products figcaption { display:none; }
}