/* OFFENSIVE SHOP — Smart Product Search / standalone modal, matches approved v2. */
.osss-launch{display:flex;align-items:center;justify-content:center;color:#f7f7f7;background:transparent;border:0;cursor:pointer;padding:5px;min-width:29px;min-height:38px;transition:color .18s ease,transform .18s ease}
.osss-launch:hover,.osss-launch:focus-visible{color:#ed2836;transform:scale(1.06)}
.osss-launch svg{display:block;width:23px;height:23px}
.osss-launch:focus-visible,.osss-close:focus-visible,.osss-clear:focus-visible,.osss-suggestion-btn:focus-visible,.osss-item:focus-visible{outline:2px solid #e03742;outline-offset:3px}
.osss[hidden],.osss-clear[hidden],.osss-empty[hidden],.osss-error[hidden],.osss-suggestion[hidden],.osss-results[hidden]{display:none!important}
.osss{position:fixed;inset:0;z-index:99999;display:flex;justify-content:center;align-items:flex-start;padding:96px 16px 20px;box-sizing:border-box;font-family:Arial,'Helvetica Neue',sans-serif;color:#f6f6f6;animation:osssFade .16s ease-out both}
.osss *, .osss *::before,.osss *::after{box-sizing:border-box}
.osss-shade{position:absolute;inset:0;border:0;background:rgba(0,0,0,.78);cursor:default;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.osss-sheet{position:relative;z-index:1;background:#101010;border:1px solid #383838;width:min(688px,100%);min-width:0;max-height:min(760px,calc(100dvh - 116px));display:flex;flex-direction:column;box-shadow:0 26px 95px rgba(0,0,0,.68);animation:osssReveal .2s cubic-bezier(.2,.7,.1,1) both;overflow:hidden}
.osss-head{display:flex;justify-content:space-between;align-items:center;padding:30px 32px 21px;gap:16px}
.osss-brand{min-width:0}
.osss-eyebrow{color:#9a9a9a;font-size:10px;font-weight:800;letter-spacing:.19em}
.osss-eyebrow>span{color:#cf2b36;padding:0 6px}
.osss-head h2{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(30px,4vw,38px);letter-spacing:.03em;margin:9px 0 0;color:#fbfbfb;line-height:1.06;font-weight:900}
.osss-dot{color:#d32935!important}
.osss-close{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;background:#1a1a1a;color:white;border:1px solid #414141;cursor:pointer;transition:background .16s ease,border-color .16s ease}
.osss-close:hover{background:#333;border-color:#888}
.osss-close svg{width:19px;height:19px}
.osss-field-wrap{display:flex;align-items:center;gap:14px;margin:0 32px;min-height:56px;background:#191919;border:1px solid #525252;padding:0 16px;transition:border-color .18s ease,box-shadow .18s ease}
.osss-field-wrap:focus-within{border-color:#c6c6c6;box-shadow:inset 2px 0 0 #c92b34}
.osss-field-wrap>svg{width:21px;height:21px;flex:0 0 21px;color:#e3e3e3}
.osss-field-wrap input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:white!important;font:500 15px/1.4 Arial,sans-serif!important;padding:16px 0!important;height:auto!important;box-shadow:none!important;border-radius:0!important;letter-spacing:0!important}
.osss-field-wrap input::placeholder{color:#939393;opacity:1}
.osss-field-wrap input::-webkit-search-cancel-button{-webkit-appearance:none}
.osss-clear{flex:0 0 29px;width:29px;height:29px;display:grid;place-items:center;background:transparent;border:0;color:#bbb;cursor:pointer;padding:0}
.osss-clear:hover{color:white}
.osss-clear svg{width:16px;height:16px}
.osss-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:21px 32px 13px;min-height:54px;color:#b5b5b5;letter-spacing:.12em;font-size:10px;font-weight:800}
.osss-meta-right{color:#858585;font-size:10px;font-weight:700;letter-spacing:.06em;white-space:nowrap}
.osss-results{overflow-y:auto;min-height:90px;flex:1;scrollbar-width:thin;scrollbar-color:#444 #101010;padding:0 16px 13px 32px}
.osss-item{display:flex;align-items:center;gap:16px;padding:12px 16px 12px 0;position:relative;border-bottom:1px solid #2a2a2a;text-decoration:none!important;color:#fff!important;cursor:pointer;transition:background .16s ease,padding-left .16s ease;animation:osssResultIn .22s ease-out both}
.osss-item::before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:2px;background:#cf2b38;opacity:0;transition:opacity .16s ease}
.osss-item:hover,.osss-item.is-active{background:#1a1a1a;padding-left:10px}
.osss-item:hover::before,.osss-item.is-active::before{opacity:1}
.osss-item:nth-child(2){animation-delay:.028s}.osss-item:nth-child(3){animation-delay:.055s}.osss-item:nth-child(4){animation-delay:.078s}
.osss-thumb{height:74px;width:69px;flex:0 0 69px;border:1px solid #343434;background:#1c1c1c;overflow:hidden;display:flex;align-items:center;justify-content:center}
.osss-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.osss-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.osss-name{font-size:14px;font-weight:800;letter-spacing:0;line-height:1.35;overflow-wrap:anywhere;color:#f6f6f6}
.osss-name mark{background:transparent;color:#f1f1f1;text-decoration:underline;text-decoration-color:#ce2936;text-decoration-thickness:2px;text-underline-offset:3px}
.osss-price{font-size:13px;font-weight:700;color:#d9d9d9;white-space:nowrap;max-width:35%;text-align:right}
.osss-arrow{color:#a0a0a0;width:17px;height:17px;flex:0 0 17px}
.osss-empty{min-height:170px;padding:26px 32px 45px;text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}
.osss-empty-icon{width:42px;height:42px;margin-bottom:16px;border:1px solid #454545;display:grid;place-items:center;color:#acacac}
.osss-empty-icon svg{width:21px;height:21px}
.osss-empty strong{font:700 16px/1.35 Arial,'Helvetica Neue',sans-serif;color:#efefef}
.osss-empty p{font-size:12px;margin:8px 0 0;line-height:1.6;color:#929292}
.osss-suggestion{margin:0 32px 8px;background:#181818;border-left:2px solid #b82430;padding:12px 14px;color:#aaa;font-size:12px;line-height:1.55;animation:osssResultIn .2s ease-out both}
.osss-suggestion-btn{font:700 12px Arial,sans-serif;background:none;border:0;padding:0 2px;color:#fafafa;text-decoration:underline;text-decoration-color:#b82430;text-underline-offset:3px;cursor:pointer}
.osss-error{margin:14px 32px 34px;padding:18px;background:#1a1a1a;border:1px solid #555;color:#ddd;font-size:13px;line-height:1.5}
.osss-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 32px;border-top:1px solid #2b2b2b;font-size:9px;letter-spacing:.07em;color:#818181;line-height:1.6}
.osss-foot-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b51d2c;vertical-align:middle;margin-right:4px}
.osss-keyboard{white-space:nowrap;color:#888}
.osss-keyboard b{font-weight:700;color:#bdbdbd;border:1px solid #474747;padding:3px 5px;margin-left:5px}
@keyframes osssFade{from{opacity:0}to{opacity:1}}
@keyframes osssReveal{from{opacity:.78;transform:translateY(-9px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes osssResultIn{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:680px){
 .site-header .header-actions{gap:12px}
 .osss-launch{min-width:28px;padding:3px}.osss-launch svg{width:22px;height:22px}
 .osss{padding:0}.osss-shade{backdrop-filter:none;-webkit-backdrop-filter:none}
 .osss-sheet{width:100%;height:100dvh;max-height:100dvh;border:0;box-shadow:none;background:#101010;padding-top:env(safe-area-inset-top)}
 .osss-head{padding:27px 20px 21px}.osss-head h2{font-size:33px}.osss-eyebrow{font-size:9px}
 .osss-field-wrap{margin:0 20px;min-height:54px;padding:0 13px}.osss-field-wrap input{font-size:15px!important}
 .osss-meta{padding:20px 20px 12px;min-height:56px}.osss-results{padding:0 13px 14px 20px}
 .osss-suggestion{margin:0 20px 8px}.osss-item{gap:13px;padding:12px 5px 12px 0}.osss-item:hover,.osss-item.is-active{padding-left:7px}
 .osss-thumb{width:64px;height:69px;flex-basis:64px}.osss-name{font-size:13px}.osss-price{font-size:12px}.osss-arrow{width:15px;height:15px}
 .osss-foot{padding:16px 20px calc(20px + env(safe-area-inset-bottom))}.osss-keyboard{display:none}
}
@media(max-width:370px){.osss-head h2{font-size:30px}.osss-meta-right{font-size:9px}.site-header .header-actions{gap:9px}.osss-foot{font-size:8px}}
@media(prefers-reduced-motion:reduce){.osss,.osss-sheet,.osss-item,.osss-suggestion{animation:none!important}.osss-launch,.osss-item{transition:none!important}}