/* OyeKudiye — header search panel (markup: app/Views/oye/partials/search_panel.php, behaviour: js/search.js).
   Desktop: full-width sheet that drops down from the top. <=720px: full-screen sheet.
   Palette: plum #3B0B3E / #25062A, pink #FF4D9E / #E6157F, cream #FDF0F8, blush #FDE4EF. */
.oye-sp{position:fixed;inset:0;z-index:300;font-family:'Jost',system-ui,-apple-system,sans-serif;color:#3B0B3E}
.oye-sp[hidden],.oye-sp [hidden]{display:none !important}
.oye-sp-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.oye-sp-scrim{position:absolute;inset:0;background:rgba(37,6,42,.58);opacity:0;transition:opacity .22s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.oye-sp-sheet{position:absolute;left:0;right:0;top:0;max-height:min(88vh,820px);overflow:auto;overscroll-behavior:contain;background:#FDF0F8;border-radius:0 0 28px 28px;
  box-shadow:0 26px 70px rgba(37,6,42,.45);padding:22px 40px 36px;opacity:0;transform:translateY(-16px);transition:opacity .22s ease,transform .26s cubic-bezier(.2,.7,.2,1)}
.oye-sp.is-open .oye-sp-scrim{opacity:1}
.oye-sp.is-open .oye-sp-sheet{opacity:1;transform:none}
.oye-sp-wrap{max-width:1180px;margin:0 auto}
body.oye-sp-lock{overflow:hidden}

/* input row */
.oye-sp-form{display:flex;align-items:center;gap:12px;height:66px;padding:0 9px 0 24px;border-radius:999px;background:#fff;border:1.5px solid rgba(59,11,62,.2);transition:border-color .15s,box-shadow .15s}
.oye-sp-form:focus-within{border-color:#E6157F;box-shadow:0 0 0 4px rgba(230,21,127,.14)}
.oye-sp-ico{flex:none;color:#E6157F}
.oye-sp-input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:0;font:400 20px/1 'Jost',sans-serif;color:#3B0B3E;-webkit-appearance:none;appearance:none;border-radius:0}
.oye-sp-input::placeholder{color:rgba(59,11,62,.5)}
.oye-sp-input::-webkit-search-cancel-button,.oye-sp-input::-webkit-search-decoration{-webkit-appearance:none;display:none}
.oye-sp-go{flex:none;height:46px;padding:0 24px;border:0;border-radius:999px;background:#E6157F;color:#FDF0F8;font:500 13px/1 'Jost',sans-serif;letter-spacing:.14em;cursor:pointer}
.oye-sp-go:hover{background:#B00A60}
.oye-sp-x{flex:none;width:46px;height:46px;border:0;border-radius:50%;background:#3B0B3E;color:#FDF0F8;display:grid;place-items:center;cursor:pointer}
.oye-sp-x:hover{background:#25062A}
.oye-sp button:focus-visible,.oye-sp a:focus-visible,.oye-sp-rail:focus-visible{outline:2px solid #E6157F;outline-offset:2px}

/* idle view: recent + popular (left) and products browsed / trending (right) */
.oye-sp-results{margin-top:30px;min-height:120px}
.oye-sp-idle{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:56px;align-items:start}
.oye-sp-idle[data-solo]{grid-template-columns:1fr}
.oye-sp-left{display:flex;flex-direction:column;gap:32px;min-width:0}
.oye-sp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.oye-sp h3{margin:0;font:500 12px/1.2 'Jost',sans-serif;letter-spacing:.26em;color:#B00A60}
.oye-sp-clear{border:0;background:none;padding:4px 0;font:500 12px/1 'Jost',sans-serif;letter-spacing:.08em;color:rgba(59,11,62,.7);text-decoration:underline;cursor:pointer}
.oye-sp-clear:hover{color:#E6157F}
.oye-sp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.oye-sp-list a{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid rgba(59,11,62,.1);font:400 16px/1.3 'Jost',sans-serif;color:#3B0B3E;overflow-wrap:anywhere}
.oye-sp-list a svg{flex:none;opacity:.5}
.oye-sp-list a:hover{color:#E6157F}
.oye-sp-empty{margin:0;font:400 15px/1.5 'Jost',sans-serif;color:rgba(59,11,62,.6)}
.oye-sp-chips{display:flex;flex-wrap:wrap;gap:10px}
.oye-sp-chips a{display:inline-block;padding:10px 18px;border-radius:999px;background:#fff;border:1px solid rgba(59,11,62,.16);font:500 13px/1 'Jost',sans-serif;letter-spacing:.05em;color:#3B0B3E;transition:background .15s,color .15s,border-color .15s}
.oye-sp-chips a:hover{background:#3B0B3E;border-color:#3B0B3E;color:#FDF0F8}
.oye-sp-right{min-width:0}
.oye-sp-arrows{display:flex;gap:8px}
.oye-sp-arrow{width:38px;height:38px;border-radius:50%;border:1px solid rgba(59,11,62,.25);background:#fff;color:#3B0B3E;display:grid;place-items:center;cursor:pointer}
.oye-sp-arrow:hover:not(:disabled){background:#3B0B3E;color:#FDF0F8}
.oye-sp-arrow:disabled{opacity:.35;cursor:default}
.oye-sp-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px;overscroll-behavior-x:contain}
.oye-sp-rail::-webkit-scrollbar{display:none}
.oye-sp-hint{grid-column:1/-1;margin:0;font:400 15px/1.6 'Jost',sans-serif;color:rgba(59,11,62,.65)}

/* product card (rail + live results) */
.oye-sp-card{display:flex;flex-direction:column;gap:10px;min-width:0;color:#3B0B3E}
.oye-sp-rail .oye-sp-card{flex:0 0 176px;scroll-snap-align:start}
.oye-sp-img{display:block;width:100%;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#FDE4EF}
.oye-sp-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.oye-sp-card:hover .oye-sp-img img{transform:scale(1.04)}
.oye-sp-name{font:400 14px/1.35 'Jost',sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.oye-sp-price{font:500 15px/1 'Jost',sans-serif}
.oye-sp-price s{font-weight:400;font-size:13px;color:rgba(59,11,62,.45);margin-left:6px}
.oye-sp-price em{font-style:normal;font-size:12px;color:#E6157F;margin-left:6px}
.oye-sp-card:hover .oye-sp-name,.oye-sp-name:hover{color:#E6157F}
.oye-sp-name{color:inherit}
.oye-sp mark{background:rgba(255,77,158,.24);color:inherit;border-radius:3px;padding:0 1px}

/* live results */
.oye-sp-live{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:48px;align-items:start}
.oye-sp-live.is-solo{grid-template-columns:minmax(0,1fr)}
.oye-sp-sugg{display:flex;flex-direction:column;gap:24px;min-width:0}
.oye-sp-sugg a{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid rgba(59,11,62,.1);font:400 16px/1.3 'Jost',sans-serif;color:#3B0B3E;overflow-wrap:anywhere}
.oye-sp-sugg a small{flex:none;font:400 12px/1 'Jost',sans-serif;color:rgba(59,11,62,.55);letter-spacing:.04em}
.oye-sp-sugg a:hover{color:#E6157F}
.oye-sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}
.oye-sp-all{grid-column:1/-1;display:flex;justify-content:flex-start;margin-top:8px}
.oye-sp-all a{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:999px;background:#3B0B3E;color:#FDF0F8;font:500 13px/1.2 'Jost',sans-serif;letter-spacing:.1em;overflow-wrap:anywhere}
.oye-sp-all a:hover{background:#E6157F}
.oye-sp-note{grid-column:1/-1;margin:0 0 4px;font:400 14px/1.5 'Jost',sans-serif;color:rgba(59,11,62,.7)}
.oye-sp-none{grid-column:1/-1;max-width:640px}
.oye-sp-none p{margin:0 0 16px;font:400 16px/1.6 'Jost',sans-serif;color:rgba(59,11,62,.75)}
.oye-sp-none p b{font:400 24px/1.3 'Marcellus',serif;color:#3B0B3E;display:block;margin-bottom:6px;overflow-wrap:anywhere}

/* phones: full-screen sheet */
@media (max-width:720px){
  .oye-sp-sheet{top:0;bottom:0;max-height:none;height:100%;border-radius:0;padding:12px 14px calc(24px + env(safe-area-inset-bottom));transform:translateY(12px)}
  .oye-sp-form{height:56px;padding:0 6px 0 16px;gap:8px}
  .oye-sp-input{font-size:16px}
  .oye-sp-go{display:none}
  .oye-sp-x{width:42px;height:42px}
  .oye-sp-results{margin-top:22px}
  .oye-sp-idle,.oye-sp-live{grid-template-columns:1fr;gap:28px}
  .oye-sp-left{gap:26px}
  .oye-sp-rail .oye-sp-card{flex-basis:142px}
  .oye-sp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .oye-sp-all a{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .oye-sp-scrim,.oye-sp-sheet,.oye-sp-img img{transition:none}
  .oye-sp-sheet{transform:none}
  .oye-sp-rail{scroll-behavior:auto}
}