:root{
  --ink:#222326; --sub:#717171; --line:#ebebeb; --bg:#ffffff; --soft:#f7f7f7;
  --point:#f0567a; --point-deep:#e0446a; --point-soft:#fef1f4; --green:#0e9f6e; --green-soft:#e7f7f1;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Pretendard Variable",Pretendard,-apple-system,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
a{text-decoration:none;color:inherit}

/* ── 헤더: 로고 + 카테고리 탭 (에어비앤비 문법) ── */
header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:50}
.hd{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-size:21px;font-weight:800;letter-spacing:-.5px}
.logo b{color:var(--point)}
.logo span{font-size:10.5px;color:#b0b0b0;font-weight:500;margin-left:7px;vertical-align:2px}
.hd-cta{font-size:13px;font-weight:700;padding:9px 16px;border-radius:999px;background:var(--ink);color:#fff;transition:.2s}
.hd-cta:hover{background:#3a3d42}
.tabs{display:flex;justify-content:center;gap:34px;padding:2px 0 0}
.tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 11px;font-size:13px;font-weight:600;color:var(--sub);cursor:pointer;border-bottom:2px solid transparent;transition:.2s}
.tab .ic{width:30px;height:30px}
.tab:hover{color:var(--ink)}
.tab.on{color:var(--ink);border-bottom-color:var(--ink)}

/* ── 검색존: 은은한 글로우 + 정사각 로고 히어로 ── */
.searchzone{position:relative;padding:34px 0 26px;background:#fff;z-index:20}
.glowwrap{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.glowwrap::before{content:"";position:absolute;top:-80px;left:14%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(38,40,44,.06),transparent 65%)}
.glowwrap::after{content:"";position:absolute;top:-30px;right:12%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(38,40,44,.05),transparent 65%)}
.searchzone .wrap{position:relative;z-index:1}
.hero-side{position:absolute;left:calc(50% + 355px);top:50%;transform:translateY(-50%);z-index:1}
.hero-side video{width:210px;height:210px;mix-blend-mode:multiply;opacity:.92;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 52%,transparent 98%);mask-image:radial-gradient(closest-side,#000 52%,transparent 98%)}
.hero-side img:hover{transform:translateY(-4px) rotate(-2deg)}
@media(max-width:1080px){
.hero-side{display:none}
.searchzone .wrap{padding-left:16px;padding-right:16px}
.pill{border-radius:24px}
.pill .div.d2{display:block}
.pill .seg{width:100%;min-width:0}
.pill .seg.heroseg{display:flex;align-items:center;justify-content:center;padding:5px 6px;cursor:default}
.heroseg video{width:70px;height:70px;mix-blend-mode:multiply;opacity:.92;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 52%,transparent 98%);mask-image:radial-gradient(closest-side,#000 52%,transparent 98%)}
.pill .go{display:none}
.gobar{display:block;margin:10px 0 0;background:var(--point);color:#fff;border-radius:16px;padding:13px;text-align:center;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 8px 22px rgba(240,86,122,.25)}
}
.pill{position:relative;max-width:430px;margin:14px auto 0;display:flex;align-items:center;border-radius:999px;overflow:visible;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#f6c6d4,#f0567a 45%,#ecc4ec 90%) border-box;box-shadow:0 14px 36px rgba(240,86,122,.15),0 4px 12px rgba(34,35,38,.06);transition:.25s}
.pill:hover{box-shadow:0 18px 44px rgba(240,86,122,.22),0 4px 12px rgba(34,35,38,.06);transform:translateY(-1px)}
.pill .seg{width:100%;min-width:0;padding:13px 84px;cursor:pointer;transition:.2s}
.pill .seg:hover{background:var(--soft)}
.pill .seg b{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #f6cdd7;box-shadow:0 2px 6px rgba(240,86,122,.12);padding:1px 13px;border-radius:999px;font-size:10.5px;font-weight:800;color:#e0526f;letter-spacing:2px;text-indent:2px;line-height:1.5;z-index:2}
.pill .seg span{font-size:12.5px;color:#b3b6bb;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pill .div{width:1px;height:30px;background:var(--line);flex-shrink:0}
.pill .go{position:absolute;right:5px;top:50%;transform:translateY(-50%);border-radius:999px;background:linear-gradient(135deg,#f4688a,#ee4b71);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;padding:9px 19px;margin:0;cursor:pointer;transition:.2s;letter-spacing:0;box-shadow:0 4px 12px rgba(240,86,122,.32)}
.pill .go:hover{background:var(--point-deep)}


/* ── 클릭 선택 패널 (지역 드릴다운 · 업종) ── */
.selpanel{position:absolute;top:70px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 48px rgba(34,35,38,.16);padding:20px 22px;z-index:120;display:none}
.selpanel.show{display:block}
.selpanel .pt{font-size:12px;font-weight:800;color:#b0b0b0;margin-bottom:10px}
.selpanel .cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.selpanel .col{border-right:1px solid var(--soft);padding-right:12px;max-height:250px;overflow-y:auto}
.selpanel .col:last-child{border-right:0}
.selpanel .opt{font-size:13.5px;font-weight:600;color:#3d434b;padding:8px 12px;border-radius:9px;cursor:pointer;transition:.15s;margin-bottom:2px}
.selpanel .opt:hover{background:var(--soft)}
.selpanel .opt.on{background:var(--point-soft);color:var(--point);font-weight:700}
.selpanel .opt small{color:#b0b0b0;font-weight:500;margin-left:5px}
.selpanel.catsel .cols{grid-template-columns:repeat(4,1fr)}
.selpanel .copt{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border:1px solid var(--line);border-radius:14px;cursor:pointer;transition:.2s;font-size:13px;font-weight:700}
.selpanel .copt:hover{border-color:var(--point);background:var(--point-soft)}
.selpanel .copt.on{border-color:var(--point);background:var(--point-soft);color:var(--point)}
.selpanel .copt svg{width:26px;height:26px}
.sbox-rel{position:relative}
@media(max-width:760px){.selpanel .cols{grid-template-columns:1fr 1fr}.selpanel.catsel .cols{grid-template-columns:repeat(3,1fr)}.selpanel .col{max-height:170px}}

/* ── 신뢰 배지 라인 (트립닷컴 문법) ── */
.trustline{display:flex;justify-content:center;padding:14px 0 4px}
.trustline p{font-size:12.5px;font-weight:500;color:#8a8f96;letter-spacing:.1px}
.trustline p b{font-weight:700;color:#5b6068}
.trustline p i{font-style:normal;color:#d0d4d9;margin:0 9px}
.trustline .dot{color:var(--green)}

/* ── 섹션 공통 ── */
section{padding:34px 0 6px}
.sec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.sec-h h2{font-size:20px;font-weight:800;letter-spacing:-.4px}
.sec-h h2 small{font-size:12.5px;color:var(--sub);font-weight:500;margin-left:8px}
.sec-h a{font-size:13px;color:var(--sub);font-weight:600;display:flex;align-items:center;gap:3px}

/* ── 카테고리: 원형 썸네일 한 줄 (미니멀) ── */
.cats{display:flex;gap:34px;justify-content:center;flex-wrap:wrap;padding:6px 0 2px}
.cat{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:.2s}
.cat:hover{transform:translateY(-2px)}
.cat .ring{width:76px;height:76px;border-radius:50%;padding:3px;background:#fff;border:1.5px solid var(--line);transition:.2s}
.cat:hover .ring{border-color:var(--point)}
.cat img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.cat .tx b{font-size:13px;font-weight:700;letter-spacing:-.2px;color:#3d434b}

/* ── "지역의 인기 샵" 가로 스크롤 카드 행 (에어비앤비 핵심 문법) ── */
.row{overflow:hidden;padding:2px 2px 14px;position:relative}
.rowtrack{display:flex;gap:14px;width:max-content;animation:flow 34s linear infinite}
.row:hover .rowtrack{animation-play-state:paused}
.row.slow .rowtrack{animation-duration:40s}
@keyframes flow{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}
.scard{flex:0 0 218px;width:218px;min-width:218px;max-width:218px;overflow:hidden;cursor:pointer}
.scard .ph{position:relative;aspect-ratio:1/0.95;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:9px;transition:.22s}
.scard:hover .ph{transform:translateY(-2px)}
.scard .ph .init{font-size:19px;font-weight:800;color:#fff;opacity:.85;letter-spacing:-.5px}.scard .ph .init i{font-style:normal;opacity:.7}
.g1{background:#fdf1f4;border:1px solid #f9e2e9} .g2{background:#faf4ef;border:1px solid #f1e7dd}
.g3{background:#f5f4f7;border:1px solid #eae8ef} .g4{background:#fdf1f4;border:1px solid #f9e2e9}
.g5{background:#f4f6f4;border:1px solid #e7ece7} .g6{background:#faf4ef;border:1px solid #f1e7dd}
.scard .bdg{position:absolute;top:10px;left:10px;background:#fff;border:1px solid #d9efe6;color:var(--green);font-size:10.5px;font-weight:800;padding:4px 9px;border-radius:999px}
.scard .heart{position:absolute;top:9px;right:10px;font-size:15px;opacity:.45;filter:grayscale(1)}
.scard .nm{font-size:14px;font-weight:700;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scard .mt{font-size:12px;color:var(--sub);margin-top:1px}
.scard .tag{font-size:11.5px;font-weight:700;color:var(--point);margin-top:3px}


/* 배너 광고 슬롯 (파워 등급) */
.banner{position:relative;border-radius:18px;overflow:hidden;margin-top:26px;display:flex;align-items:center;gap:22px;background:linear-gradient(115deg,#fde8ee,#fff4f7 55%,#fff);border:1px solid #f7d2dd;padding:24px 28px}
.banner .btx b{font-size:18px;font-weight:800;letter-spacing:-.4px;display:block}
.banner .btx b em{font-style:normal;color:var(--point)}
.banner .btx span{font-size:12.5px;color:var(--sub);margin-top:4px;display:block}
.banner .bgo{margin-left:auto;flex-shrink:0;background:var(--point);color:#fff;font-size:13px;font-weight:700;padding:11px 20px;border-radius:999px}
.banner .adtag{position:absolute;top:12px;right:14px;font-size:10.5px;font-weight:800;color:#c77700;background:#fff4e5;padding:3px 8px;border-radius:6px}
.banner img{width:120px;height:80px;object-fit:cover;border-radius:12px;flex-shrink:0}
.grade{font-size:10.5px;font-weight:800;color:#8b5cf6;background:#f3efff;padding:3px 8px;border-radius:6px;margin-left:6px;vertical-align:2px}
@media(max-width:760px){.banner{flex-wrap:wrap;padding:18px 20px}.banner img{width:100%;height:90px}.banner .bgo{margin-left:0}}

/* ── 지역 칩 ── */
.chips{display:flex;flex-wrap:wrap;gap:9px}
.chip{font-size:13px;font-weight:600;color:#3d434b;background:var(--soft);border:1px solid var(--line);padding:8px 17px;border-radius:999px;cursor:pointer;transition:.2s}
.chip:hover{border-color:var(--point);color:var(--point);background:var(--point-soft)}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}


/* 무료 등재 텍스트 리스트 (메인) */
.free{display:flex;flex-direction:column;margin-top:8px}
.frow{display:flex;align-items:center;gap:10px;padding:12px 6px;border-bottom:1px solid var(--soft);cursor:pointer;transition:.15s}
.frow:hover{background:#fcfcfc}
.frow .fnm{font-size:14px;font-weight:600}
.frow .fok{font-size:10px;font-weight:800;color:var(--green);background:var(--green-soft);padding:2px 7px;border-radius:5px;flex-shrink:0}
.frow .fmt{font-size:12px;color:var(--sub);margin-left:auto;flex-shrink:0}
.more{display:block;text-align:center;font-size:13px;font-weight:700;color:#3d434b;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:14px;transition:.2s}
.more:hover{background:var(--soft)}


/* 검정 경계선 박스 + 메달 */
.secbox{border:1.6px solid #26282c;border-radius:20px;padding:22px 24px 18px;margin-top:8px}
.medal{position:absolute;top:10px;left:10px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);z-index:2}
.m1{background:linear-gradient(135deg,#f5c552,#e09c1f)}
.m2{background:linear-gradient(135deg,#d9dde3,#a9b1bc);color:#5b6068}
.m3{background:linear-gradient(135deg,#e2a06b,#bf7a42)}

/* ── 등록 CTA ── */
.cta{background:linear-gradient(120deg,#222326,#3c4149);border-radius:20px;padding:38px 36px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px}
.cta h3{font-size:20px;font-weight:800;letter-spacing:-.4px}
.cta h3 em{font-style:normal;color:#ffb3c4}
.cta p{margin-top:6px;font-size:13px;color:#c4c9d0}
.cta a{flex-shrink:0;background:var(--point);color:#fff;font-size:14.5px;font-weight:700;padding:13px 26px;border-radius:999px}

.note{font-size:11.5px;color:#b0b0b0;margin-top:10px}
footer{background:#fff;border-top:2px solid #f6cdd7;padding:14px 0 16px;margin-top:36px;text-align:center}
footer p{font-size:11.5px;color:#8a8f98;line-height:1.8}

@media(max-width:760px){
  .tabs{gap:20px;overflow-x:auto;justify-content:flex-start;padding-left:4px;scrollbar-width:none}
  .pill{flex-direction:row;align-items:center;padding:0}
  .pill .seg{width:100%;min-width:0;padding:12px 16px}
  .pill .seg input{min-width:0}
  .pill .seg b{font-size:10.5px}
  .pill .seg input{font-size:14px;width:100%}
  .pill .seg span{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:22px}
  .pill .div{width:1px;height:26px;margin:0}
  .heroseg video{width:62px;height:62px}
  .cats{gap:14px 16px;flex-wrap:wrap;justify-content:center;padding-bottom:4px}
  .cat .ring{width:62px;height:62px}
  .scard{flex-basis:172px;width:172px;min-width:172px;max-width:172px}
  .cta{flex-direction:column;text-align:center;padding:30px 22px}
  .trustline{gap:14px}
  .searchzone .wrap{padding-left:16px;padding-right:16px}
  .selpanel .opt{padding:11px 12px;font-size:14.5px}
}

/* 홈 전용 보정 */
.selpanel .cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.selpanel .col{border-right:1px solid var(--soft);padding-right:12px;max-height:260px;overflow-y:auto}
.selpanel .col:last-child{border-right:0}
.selpanel .opt{font-size:13.5px;font-weight:600;color:#3d434b;padding:8px 12px;border-radius:9px;cursor:pointer;transition:.15s;margin-bottom:2px;display:flex;justify-content:space-between}
.selpanel .opt:hover{background:var(--soft)}
.selpanel .opt.on{background:var(--point-soft);color:var(--point);font-weight:700}
.selpanel .opt.dim{color:#b0b0b0;cursor:default}
.selpanel .opt small{color:#b0b0b0;font-weight:500}
.selpanel .pt{display:flex;justify-content:space-between;align-items:center}
.closebtn{background:#222326;color:#fff;font-size:12px;font-weight:700;padding:7px 18px;border-radius:999px;cursor:pointer}
.selpanel .it{display:flex;align-items:center;gap:12px;padding:11px 20px;cursor:pointer;transition:.15s;border-radius:10px}
.selpanel .it:hover{background:var(--point-soft)}
.selpanel .it .pin{width:34px;height:34px;border-radius:10px;background:var(--soft);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.selpanel .it b{font-size:14px;display:block}.selpanel .it span{font-size:12px;color:var(--sub)}
.selpanel .it .cnt{margin-left:auto;font-size:12px;font-weight:700;color:var(--sub);background:var(--soft);padding:4px 10px;border-radius:999px}
.pill .seg input{border:0;outline:0;font-family:inherit;font-size:12.5px;font-weight:600;width:100%;background:transparent;color:#222326}
.gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:11px}
.gcard{border:1px solid var(--line);border-radius:14px;padding:15px 17px;transition:.2s;background:#fff}
.gcard:hover{border-color:var(--point);transform:translateY(-2px)}
.gcard b{font-size:14.5px;font-weight:800;display:block}.gcard span{font-size:12px;color:var(--sub)}
.sec-h h2 small{font-size:12.5px;color:var(--sub);font-weight:500;margin-left:8px}

/* 모바일 3칸 구조 요소 (PC 숨김) */
.heroseg{display:none}
.gobar{display:none}
.pill .div.d2{display:none}

/* 헤더 움직이는 여자 (모바일 전용) */
.hdgirl{display:none}
@media(max-width:1080px){
.hdgirl{display:block;width:40px;height:40px;margin-left:10px;margin-right:auto;mix-blend-mode:multiply;opacity:.95;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 52%,transparent 98%);mask-image:radial-gradient(closest-side,#000 52%,transparent 98%)}
}

/* 로고: 움직이는 여자 + 뷰티픽 글자 */
.logo{display:flex;align-items:center;gap:0}
.logo .lgirl{width:46px;height:46px;flex-shrink:0;mix-blend-mode:multiply;opacity:.95;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 52%,transparent 98%);mask-image:radial-gradient(closest-side,#000 52%,transparent 98%)}
.logo .ltxt{height:32px;display:block;margin-left:-10px;align-self:center;position:relative;top:-3px}

/* 검색칸 가운데 정렬·연한 안내 글씨 */
.pill .seg{text-align:center}
.pill .seg input{text-align:center}
.pill .seg input::placeholder{color:#b3b6bb;font-weight:600}

.hero-side img{width:170px;display:block;opacity:.94}

/* 업종 동그라미 선택 표시 */
.cat{position:relative}
.cat .chk{position:absolute;top:-3px;right:2px;width:22px;height:22px;border-radius:50%;background:var(--point);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 7px rgba(240,86,122,.4);z-index:2}
.cat .xb{position:absolute;top:-3px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid #e2e2e5;color:#8a8f98;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:2;transition:.15s}
.cat .xb:hover{background:#222326;color:#fff;border-color:#222326}
.cat.sel .ring{border:2.5px solid var(--point);padding:2px}
.cat.sel .tx b{color:var(--point)}
.allring{display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--point);background:#fdf1f4}

/* 지역 미선택 안내 */
.seg.needsel input::placeholder{color:var(--point);font-weight:800}
.seg.needsel b{color:var(--point)}
@keyframes nudge{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.seg.needsel{animation:nudge .3s ease 2}

.catguide{text-align:center;font-size:12px;color:#b0b3b9;margin-top:28px;letter-spacing:-.2px}

/* 업종 패널 사진 카드 */
.selpanel.catsel .cols{display:flex;gap:8px}
.copt2{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:7px 10px 7px 8px;border:1.5px solid var(--line);border-radius:999px;cursor:pointer;transition:.15s;background:#fff;min-width:0;white-space:nowrap}
@media(max-width:760px){.selpanel.catsel .cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}.copt2{flex:none;width:100%;justify-content:flex-start;padding:7px 10px}}
.copt2:hover{border-color:#d9d9dc}
.copt2.on{border-color:var(--point);background:#fdf6f8}
.copt2 img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.copt2 b{font-size:13px;font-weight:700}
.copt2.on b{color:var(--point)}
.imgw{position:relative;display:flex;flex-shrink:0}
.chk2{position:absolute;top:-4px;right:-5px;width:15px;height:15px;border-radius:50%;background:var(--point);color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff}
.ptg{font-style:normal;font-size:11.5px;color:#b0b3b9;margin-left:8px;font-weight:600}

/* 베스트 샵 밴드 (검색존처럼 은은한 광택 배경) */
.bestband{position:relative;background:linear-gradient(180deg,#fafafa,#f5f5f6 55%,#fafafa);border-top:1px solid #f0f0f1;border-bottom:1px solid #f0f0f1;padding:32px 0 28px;margin-top:26px;overflow:hidden}
.bestband .wrap{position:relative;z-index:1}
.track2{display:contents}
@media(max-width:760px){
.bestband .row{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bestband .row::-webkit-scrollbar{display:none}
.bestband .rowtrack{animation:none;width:max-content}
}

/* 밴드 위 카드 = 흰 카드로 분리 */
.bestband .scard{background:#fff;border:1px solid #efeff0;border-radius:18px;padding:10px 10px 13px;box-shadow:0 6px 16px rgba(0,0,0,.06);box-sizing:border-box}
.bestband .scard .ph{border-radius:12px}
.bestband .scard .nm,.bestband .scard .mt,.bestband .scard .tag{padding-left:4px}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

.sec-h.center{justify-content:center}

.gobar{background:linear-gradient(135deg,#f4688a,#ee4b71)}

/* 영상 + 알약 한 줄 */
.searchrow{display:flex;align-items:center;justify-content:center;gap:6px}
.srgirl{width:96px;height:96px;flex-shrink:0;mix-blend-mode:multiply;opacity:.95;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 52%,transparent 98%);mask-image:radial-gradient(closest-side,#000 52%,transparent 98%)}
.searchrow .pill{margin:14px 0 0;flex:1;max-width:430px}
@media(max-width:760px){
.srgirl{width:64px;height:64px}
.searchrow{gap:2px}
}

/* ══ 캡슐 이미지 검색바 (챗GPT 시안) ══ */
.pill{max-width:620px;border:none;background:none;box-shadow:none;overflow:visible;padding:0}
.pill:hover{box-shadow:none;transform:none}
.pill .capsule{width:100%;display:block;pointer-events:none}
.searchzone .pill .seg{position:absolute;left:24%;right:24%;top:40%;bottom:20%;width:auto;min-width:0;padding:0;display:flex;align-items:center;text-align:center}
.pill .seg b{display:none}
.searchzone .pill .seg input{font-size:15px;height:100%;text-align:center}
.searchzone .pill .go{display:flex;position:absolute;left:auto;right:16.5%;top:46.3%;bottom:auto;width:5.9%;aspect-ratio:1/1;align-items:center;justify-content:center;margin:0;transform:none;border-radius:50%;
background:radial-gradient(circle at 32% 26%,#f9e7b8 0%,#e3bd6a 45%,#c99b3f 80%,#b58831 100%);
border:2px solid #26221a;
color:#fff;font-size:clamp(10px,0.95vw,13px);font-weight:800;white-space:nowrap;line-height:1;letter-spacing:.5px;
text-shadow:0 1px 1px rgba(120,90,30,.5);
box-shadow:inset 0 2px 6px rgba(255,255,255,.75),inset 0 -4px 8px rgba(180,50,85,.4),0 3px 8px rgba(190,120,140,.28);transition:.1s}
.searchzone .pill .go:after{content:"";position:absolute;top:12%;left:22%;width:26%;height:16%;border-radius:50%;background:rgba(255,255,255,.75);filter:blur(1px)}
.searchzone .pill .go:hover{filter:brightness(1.05)}
.gobar{display:none}
.selpanel{top:calc(100% + 6px)}
@media(max-width:760px){
.searchzone .pill .seg input{font-size:14px}
}

/* 캡슐 보정: 흰 상자 제거·누름 효과 */
.searchzone .pill .seg,.searchzone .pill .seg:hover{background:transparent}
.searchzone .pill .go:active{transform:scale(.93);filter:brightness(.85)}

@media(max-width:760px){
.searchzone{padding:10px 0 14px}
.searchrow .pill,.pill{margin-top:8px}
}

/* 검색 준비 완료 = 두근두근 펄스 */
.pill .go.ready{animation:gopulse 1.5s ease-in-out infinite}
@keyframes gopulse{
0%,100%{transform:scale(1);filter:drop-shadow(0 3px 8px rgba(190,150,60,.3))}
50%{transform:scale(1.09);filter:drop-shadow(0 6px 18px rgba(190,150,60,.6))}
}
/* 지역만 골랐을 때 업종 안내 */
.catguide.need{color:#e8384f;font-weight:800;animation:needbeat 1.4s ease-in-out infinite}
@keyframes needbeat{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* 검색존 글로우 원 제거 (모바일 경계선 원인) */
.glowwrap{display:none}

/* 무엇을 찾으세요 코너 장식 */
.catsec{position:relative}
.catsec .wrap{position:relative;z-index:1}
.ctl,.cbr{position:absolute;pointer-events:none;z-index:0}
@media(max-width:760px){.ctl{z-index:30}}
.ctl{top:-14px;left:0;width:175px}
.cbr{bottom:-18px;right:0;width:200px}
@media(max-width:760px){
.ctl{width:140px;top:-84px}
.cbr{width:155px;bottom:-42px}
.catsec{margin-top:30px}
}

/* 헤더: 내 샵 무료 등록 숨김 · 로고 핑크 링 */
.hd-cta{display:none}
.logo{position:relative}
.logo .lgirl{-webkit-mask-image:none;mask-image:none;border-radius:50%;object-fit:cover;background:#fff}
.logo:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;
background:conic-gradient(from 120deg,#f0567a,#ff9ab5 90deg,#ffd6e0 160deg,#e9a0d8 230deg,#e0446a 300deg,transparent 300deg 360deg);
-webkit-mask:radial-gradient(closest-side,transparent 72%,#000 74%);mask:radial-gradient(closest-side,transparent 72%,#000 74%);
pointer-events:none}
.logo .ltxt{margin-left:-4px}

/* 모바일: 업종 구역 위로 당겨 균형 */
@media(max-width:760px){
.searchzone{padding:10px 0 0}
.catsec{margin-top:8px;padding-top:6px}
.catsec .sec-h{margin-bottom:10px}
}

/* 슬로건 */
.slogan{text-align:center;font-size:20px;font-weight:900;letter-spacing:-.8px;margin:4px 0 0;color:#222326}
.slogan .pick{position:relative;color:#f0567a;font-style:normal}
.slogan .pick:after{content:"";position:absolute;left:1px;right:1px;bottom:1px;height:7px;background:rgba(240,86,122,.16);border-radius:3px;z-index:-1}
@media(max-width:760px){.slogan{font-size:16.5px;margin:2px 0 10px}}

/* 메인 헤더 로고 가운데 */
.hd{justify-content:center}

.searchzone .pill{margin-top:-22px}

.logo:before{display:none}

/* 메인 헤더 로고 확대 */
.hd{height:76px}
.logo .lgirl{width:64px;height:64px}
.logo .ltxt{height:46px;margin-left:-8px}

/* 광학 중심 보정 */
.hd .logo{transform:translateX(-5px)}

@media(max-width:760px){
.searchzone .pill .go{top:46.3%}
}

@media(max-width:760px){
.catguide{margin-top:44px}
}

@media(max-width:760px){
.catguide.need{top:0}
}

/* 흰 배경 */
body{background:#fff}
.searchzone{background:transparent}
footer{background:transparent}

/* 코너 장식 임시 숨김 */
.ctl,.cbr{display:none}

/* 페이지 맨 밑 장식 */
.botdeco{position:relative;height:150px;margin-top:34px;pointer-events:none}
.botdeco img{position:absolute;bottom:-6px}
.bd-l{left:0;width:175px}
.bd-r{right:0;width:195px}
@media(max-width:760px){.botdeco{height:105px}.bd-l{width:120px}.bd-r{width:135px}}

/* 바닥 화장품 가로 띠 */
.botline{display:block;width:100%;max-width:1100px;margin:40px auto -6px;pointer-events:none}
@media(max-width:760px){.botline{margin:26px auto -4px}}

.catguide:empty{margin:0;height:0}
.botline{margin:18px auto 10px}
@media(max-width:760px){.botline{margin:12px auto 8px}}

/* 헤더 핫핑크 */
header{background:#fff;border-bottom:1px solid #f6dfe6}

/* 흰 잔재 연핑크화 */
.cat .ring{background:#fdf3f6;border-color:#f6dfe6}

/* 업종 동그라미 = 그라데이션 주얼리 링 */
.cat .ring{border:2.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from 200deg,#ffd7cf,#f5a094 30%,#ffe9e4 52%,#f9b3a7 78%,#ffd7cf) border-box;box-shadow:0 5px 12px rgba(245,160,148,.17);transition:.2s}
.cat:hover .ring{box-shadow:0 7px 16px rgba(240,86,122,.28);transform:translateY(-1px)}
.cat.sel .ring{border-width:3px;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from 200deg,#f5a094,#e8877b 35%,#ffd3cb 60%,#f5a094) border-box;box-shadow:0 7px 18px rgba(245,160,148,.4)}


/* 위치 명찰 (골드) */
.plabel{position:absolute;left:50%;top:32.4%;transform:translate(-50%,-50%);background:#fff;border:1.5px solid #c9a24b;border-radius:999px;padding:2px 14px;font-size:11.5px;font-weight:800;color:#222326;letter-spacing:2px;text-indent:2px;z-index:2;pointer-events:none}
@media(max-width:760px){.plabel{font-size:10px;padding:1px 10px}}

/* 명품 가죽 페이지 프레임 */
.luxframe{display:none}
body{padding:0}
header{top:0}

/* 가방(가죽+금장) 테마: 원 테두리·배경 결 */
body{background:#fdf3f6}
.cat .ring{border:3px solid #17140f;background:#fff;box-shadow:0 0 0 2px #c9a24b,inset 0 0 0 2px #c9a24b,0 5px 12px rgba(20,15,5,.22)}
.cat:hover .ring{box-shadow:0 0 0 2px #dbb659,inset 0 0 0 2px #dbb659,0 7px 14px rgba(20,15,5,.3)}
.cat.sel .ring{border-color:#17140f;box-shadow:0 0 0 2.5px #e6c063,inset 0 0 0 2.5px #e6c063,0 0 16px rgba(202,162,75,.65)}

.plabel{display:none}

/* 검색 = 이미지 없이 순수 알약 (골드·블랙 라인) */
.pill .capsule{display:none}
.searchzone .pill{position:relative;height:64px;max-width:560px;margin:14px auto 0;border-radius:999px;background:#fff;border:2.5px solid #17140f;box-shadow:0 6px 16px rgba(20,15,5,.14)}
.searchzone .pill .seg{position:absolute;left:64px;right:64px;top:0;bottom:0;display:flex;align-items:center}
.searchzone .pill .go{position:absolute;left:auto;right:10px;top:calc(50% - 21px);width:42px;height:42px;aspect-ratio:auto}
@media(max-width:760px){
.searchzone .pill{height:54px}
.searchzone .pill .go{right:8px;top:calc(50% - 18px);width:36px;height:36px}
.searchzone .pill .seg{left:50px;right:50px}
}

/* 알약 테두리 = 블랙 + 골드 스티치 */
.searchzone .pill{box-shadow:0 8px 20px rgba(20,15,5,.15)}
.searchzone .pill:after{content:"";position:absolute;inset:4px;border:1.6px dashed #c9a24b;border-radius:999px;pointer-events:none}