/* [GS 10/30 대표] PC 넓은 화면 오른쪽 = 쇼핑 내내 따라다니는 검색 판 하나(대표 «나머지 배너는 없애고 이 검색창만 따라다니게»)
   - 참고: 백년밥상(100bs.kr) PC 왼쪽 검색 판 = 큰 카피 2줄(윗줄 브랜드 색 굵게 · 아랫줄 보통) + 둥근 검색창 + 검색어 단추
   - 큰 글 «맛있는건 무조건 / 굿스푼에서»(대표 카피) · 배경 = 옛 1장 사진 그대로(1000000067_main_013) · 로고 = img/gs/logo.svg 흰색
   - 가운데 500px 화면(#wrap) 오른쪽 빈 곳에만 · 1160px 미만(휴대폰·작은 창)은 숨김 · 화면 세로 가운데 고정(스크롤해도 그 자리)
   - 검색어 단추 = 검색 층과 같은 출처(관리자 인기검색어 → 자동 갱신 낱말 GS_POP.words → 기본 낱말) · 그리는 곳 js/gs_side.js
   - 옛 카피 배너 3장(10/11)·관리자 배너 그룹 1606380917 연결은 10/30 뺐다 */
.gs-side { display: none; }
@media (min-width: 1160px) {
  .gs-side { display: block; position: fixed; z-index: 300; top: 50%; transform: translateY(-50%);
    left: calc(50% + 250px + 28px); width: 300px; font-family: var(--gs-font, 'Pretendard', -apple-system, 'Apple SD Gothic Neo', sans-serif);
    letter-spacing: -0.03em; word-break: keep-all; }
}
@media (min-width: 1320px) {
  .gs-side { left: calc(50% + 250px + 48px); width: 360px; }
}
.gs-side-card { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; padding: 34px 28px 30px;
  border-radius: 24px; color: #fff; background: #2b1d12;
  box-shadow: 0 18px 40px rgba(36, 25, 15, .16), 0 2px 6px rgba(36, 25, 15, .08); }
.gs-side-card:before { content: ''; position: absolute; inset: -12px; z-index: -1; background: var(--photo) center 78% / 175% no-repeat;
  filter: blur(1.5px) saturate(1.05); }
.gs-side-card:after { content: ''; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(43, 29, 18, .88) 0%, rgba(43, 29, 18, .74) 55%, rgba(43, 29, 18, .58) 100%); }
.gs-side-home { align-self: flex-start; display: block; border-radius: 8px; }
.gs-side-logo { display: block; width: 107px; height: auto; filter: brightness(0) invert(1); opacity: .95; }
.gs-side-title { margin: 30px 0 0; font-size: 40px; line-height: 1.22; font-weight: 300; letter-spacing: -0.055em; color: #fff; }
.gs-side-title span { display: block; }
.gs-side-title strong { font-weight: 800; color: #2CD3A0; }

.gs-side-search { position: relative; margin: 28px 0 0; }
.gs-side-search input { display: block; box-sizing: border-box; width: 100%; height: 54px; margin: 0; padding: 0 56px 0 22px;
  border: 2px solid #2CD3A0; border-radius: 999px; background: #fff; color: #24190f; font: inherit; font-size: 16px; font-weight: 500;
  letter-spacing: -0.02em; outline: 0; -webkit-appearance: none; appearance: none; }
.gs-side-search input::placeholder { color: #a39a90; font-weight: 400; }
.gs-side-search input::-webkit-search-cancel-button { -webkit-appearance: none; }
.gs-side-search input:focus { box-shadow: 0 0 0 4px rgba(44, 211, 160, .28); }
.gs-side-search button { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); width: 40px; height: 40px; padding: 0; border: 0;
  border-radius: 50%; background: none; color: #00785F; display: grid; place-items: center; cursor: pointer; }
.gs-side-search button svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
.gs-side-search button:focus-visible { outline: 2px solid #2CD3A0; outline-offset: 1px; }
.gs-side-blind { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; white-space: nowrap; }

.gs-side-words { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; }
.gs-side-words:empty { display: none; }
.gs-side-words a { display: inline-flex; align-items: center; height: 34px; padding: 0 15px; border-radius: 999px; box-sizing: border-box;
  border: 1.5px solid rgba(255, 255, 255, .34); background: rgba(255, 255, 255, .08); color: #fff; font-size: 14px; font-weight: 500;
  text-decoration: none; white-space: nowrap; transition: background .15s ease, border-color .15s ease; }
.gs-side-words a:hover { background: rgba(255, 255, 255, .18); border-color: rgba(255, 255, 255, .6); }
.gs-side-words a:focus-visible { outline: 2px solid #2CD3A0; outline-offset: 2px; }

@media (max-width: 1319px) {
  .gs-side-card { padding: 30px 24px 26px; }
  .gs-side-title { font-size: 34px; margin-top: 26px; }
  .gs-side-search { margin-top: 24px; }
  .gs-side-search input { height: 50px; font-size: 15px; padding-left: 20px; }
  .gs-side-words a { height: 32px; padding: 0 13px; font-size: 13px; }
}

/* [GS 10/30 대표 ev2팩] «닭가슴살» 자리 빨간 이벤트 단추(js/gs_side.js EV) · 천천히 깜빡 · 움직임 줄이기 켠 기기는 빨간 단추로만 */
.gs-side-words a[hidden] { display: none; }
@keyframes gsSideEvBlink { 0%, 100% { background: #E5262D; border-color: #E5262D; box-shadow: 0 0 0 0 rgba(229, 38, 45, .55); }
  50% { background: rgba(229, 38, 45, .28); border-color: rgba(255, 120, 120, .9); box-shadow: 0 0 0 5px rgba(229, 38, 45, 0); } }
.gs-side-words a.gs-side-ev { border-color: #E5262D; background: #E5262D; color: #fff; font-weight: 700; }   /* 10/31 대표 «깜빡이기보단 그냥 빨간색으로만» */
.gs-side-words a.gs-side-ev:hover { background: #C91C23; border-color: #C91C23; }
@media (prefers-reduced-motion: reduce) { .gs-side-words a.gs-side-ev { animation: none; } }