*{margin:0;padding:0;box-sizing:border-box}
:root{
  --ink:#0A2036; --body:#48596B; --mute:#8998A8; --line:#E3E9EF;
  --sea:#0A3A66; --sea2:#062A4D; --deep:#041B2E; --acc:#1E7FC2; --acc2:#6FC2F0;
  --gold:#B4894A; --cream:#FBF9F5; --soft:#F3F7FB; --soft2:#E6EFF8;
  --max:1180px; --top:72px; --bot:74px;
}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--top) + 46px)}
body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;
  color:var(--body);background:#fff;line-height:1.75;-webkit-text-size-adjust:100%;
  word-break:keep-all;overflow-x:hidden;padding-bottom:var(--bot)}
svg{display:block}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

/* ── 안내 띠 ── */
#tape{position:fixed;top:0;left:0;right:0;z-index:90;background:var(--deep);color:#9FC6C0;
  font-size:.79rem;text-align:center;padding:7px 14px;letter-spacing:-.2px;height:31px;line-height:17px}
#tape b{color:var(--acc2)}

/* ── 헤더 ── */
#hdr{position:fixed;top:31px;left:0;right:0;height:var(--top);z-index:80;background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}
#hdr.stuck{border-color:var(--line);box-shadow:0 2px 20px rgba(6,32,41,.06)}
#hdr .in{max-width:var(--max);height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:11px;flex:none}
.brand .mk{height:52px;width:auto;flex:none}
.brand .wd{height:31px;width:auto;flex:none}
#hdr nav{margin-left:auto;display:flex;align-items:center;gap:30px}
#hdr nav a{font-size:.96rem;font-weight:700;color:var(--ink);letter-spacing:-.4px;position:relative;padding:6px 0}
#hdr nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--acc);transition:right .25s}
#hdr nav a:hover::after,#hdr nav a.on::after{right:0}
#hdr .cta{margin-left:26px;background:var(--sea);color:#fff;border-radius:999px;padding:11px 22px;
  font-size:.92rem;font-weight:800;letter-spacing:-.3px;transition:background .2s}
#hdr .cta:hover{background:var(--sea2)}
#burger{margin-left:auto;display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;position:relative}
#burger i{position:absolute;left:11px;right:11px;height:2px;background:var(--ink);transition:.25s}
#burger i:nth-child(1){top:15px}#burger i:nth-child(2){top:21px}#burger i:nth-child(3){top:27px}

#mnav{position:fixed;inset:0;z-index:95;background:#fff;padding:96px 28px 40px;
  transform:translateY(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto}
#mnav.on{transform:none}
#mnav a{display:block;font-size:1.45rem;font-weight:800;color:var(--ink);letter-spacing:-1px;
  padding:15px 0;border-bottom:1px solid var(--line)}
#mnav .x{position:absolute;top:26px;right:22px;width:46px;height:46px;border:0;background:var(--soft);
  border-radius:50%;font-size:1.2rem;color:var(--ink);cursor:pointer}
#mnav .call{margin-top:26px;text-align:center;background:var(--sea);color:#fff;border-radius:14px;
  padding:16px;font-size:1.02rem;border-bottom:0}

/* ── 히어로 ── */
.hero{position:relative;min-height:88vh;background:var(--deep);overflow:hidden;
  display:flex;align-items:center;padding:calc(var(--top) + 90px) 0 90px;margin-top:31px}
.hero .scene{position:absolute;inset:0;width:100%;height:100%}
.hero .veil{position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(4,24,43,.86) 0%,rgba(4,24,43,.6) 46%,rgba(4,24,43,.18) 100%)}
.hero .in{position:relative;z-index:2;width:100%}
.hero .eye{font-size:.76rem;font-weight:800;letter-spacing:4.4px;color:var(--acc2)}
.hero h1{margin-top:20px;font-size:clamp(2.1rem,5.6vw,4.2rem);line-height:1.22;letter-spacing:-2.6px;
  font-weight:800;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.4)}
.hero h1 em{font-style:normal;color:var(--acc2)}
.hero .p{margin-top:24px;font-size:clamp(.98rem,1.5vw,1.12rem);color:rgba(255,255,255,.8);max-width:30em}
.hero .chips{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}
.hero .chips span{border:1px solid rgba(255,255,255,.32);border-radius:999px;padding:7px 16px;
  font-size:.84rem;font-weight:700;color:#fff}
.hero .btns{margin-top:34px;display:flex;gap:11px;flex-wrap:wrap}

.pill{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:15px 30px;
  font-size:.98rem;font-weight:800;letter-spacing:-.4px;border:0;cursor:pointer;
  font-family:inherit;transition:.2s}
.pill i{font-style:normal;line-height:1}
.pill.acc{background:var(--acc);color:#04222A}
.pill.acc:hover{background:var(--acc2)}
.pill.line{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.48)}
.pill.line:hover{background:rgba(255,255,255,.12)}
.pill.dark{background:var(--sea);color:#fff}
.pill.dark:hover{background:var(--sea2)}

/* ── 배지 띠 ── */
.badges{background:#fff;border-bottom:1px solid var(--line)}
.badges .in{display:grid;grid-template-columns:repeat(3,1fr)}
.badges .b{display:flex;align-items:center;gap:15px;padding:30px 22px;border-right:1px solid var(--line)}
.badges .b:last-child{border-right:0}
.badges .ic{flex:none;width:50px;height:50px;border-radius:15px;background:var(--soft);
  display:flex;align-items:center;justify-content:center}
.badges b{display:block;font-size:1rem;color:var(--ink);letter-spacing:-.4px}
.badges span{font-size:.83rem;color:var(--mute)}

/* ── 공통 섹션 ── */
section{padding:104px 0}
section.soft{background:var(--soft)}
.eye{font-size:.75rem;font-weight:800;letter-spacing:3.4px;color:var(--gold);text-transform:uppercase}
h2.tt{margin-top:13px;font-size:clamp(1.65rem,3.4vw,2.6rem);line-height:1.34;letter-spacing:-1.8px;
  font-weight:800;color:var(--ink)}
h2.tt em{font-style:normal;color:var(--sea)}
.lead{margin-top:16px;font-size:1.02rem;color:var(--body);max-width:640px}
.center{text-align:center}
.center .lead{margin-left:auto;margin-right:auto}
.shead{margin-bottom:46px}

/* ── 키우는 법 ── */
.grow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grow .c{background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px 28px;
  box-shadow:0 1px 2px rgba(6,32,41,.03),0 18px 40px -32px rgba(6,32,41,.4)}
.grow .ic{width:58px;height:58px;border-radius:17px;background:var(--soft2);
  display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.grow h3{font-size:1.16rem;letter-spacing:-.6px;color:var(--ink);margin-bottom:8px}
.grow p{font-size:.93rem;color:var(--body)}

/* ── 상품 ── */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;
  box-shadow:0 1px 2px rgba(6,32,41,.04),0 14px 34px -28px rgba(6,32,41,.45)}
.card:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(6,32,41,.04),0 26px 54px -30px rgba(6,32,41,.5)}
.card .ph{position:relative;background:linear-gradient(180deg,#103B60 0%,#082744 58%,#04182B 100%)}
.card .ph svg{width:100%;height:auto}
.card .rib{position:absolute;top:14px;left:14px;background:var(--gold);color:#fff;font-size:.7rem;
  font-weight:800;padding:5px 12px;border-radius:999px;letter-spacing:-.2px;z-index:2}
.card .rib.g{background:var(--sea)}
.card .bd{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1}
.card h3{font-size:1.2rem;letter-spacing:-.6px;color:var(--ink)}
.card .spec{display:flex;gap:6px;margin:11px 0 12px;flex-wrap:wrap}
.card .spec span{font-size:.73rem;background:var(--soft);color:#4A5C6E;padding:4px 10px;border-radius:8px}
.card .desc{font-size:.9rem;color:var(--body);margin-bottom:18px}
.price{display:flex;align-items:baseline;gap:9px;margin:auto 0 18px}
.price .was{font-size:.82rem;color:#B6C2CE;text-decoration:line-through}
.price .now{font-size:1.52rem;font-weight:800;letter-spacing:-1.2px;color:var(--ink)}
.price .now small{font-size:.78rem;font-weight:600;color:var(--mute);letter-spacing:0}
.btn{display:block;width:100%;text-align:center;border:0;cursor:pointer;font-family:inherit;
  background:var(--sea);color:#fff;font-size:1rem;font-weight:800;padding:16px;border-radius:14px;
  letter-spacing:-.3px;transition:background .2s,transform .08s}
.btn:hover{background:var(--sea2)}
.btn:active{transform:scale(.99)}
.btn.line{background:#fff;color:var(--sea);border:1.6px solid #C3D9EC}
.btn.line:hover{background:var(--soft2)}

/* ── 크기 비교 ── */
.sizebox{background:var(--deep);color:#fff;border-radius:26px;padding:56px 44px;margin-top:70px;
  display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center}
.sizebox .eye{color:var(--acc2)}
.sizebox h2.tt{color:#fff}
.sizebox .lead{color:#9FB8CE}
.sizerow{display:flex;align-items:flex-end;justify-content:space-around;gap:12px;
  padding:0 0 22px;border-bottom:1px solid rgba(255,255,255,.14)}
.sizerow .it{text-align:center}
.sizerow .it b{display:block;font-size:.92rem;margin-top:12px;color:#fff}
.sizerow .it span{font-size:.76rem;color:#90A8BE}
.coin{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:.82rem;color:#9FB8CE}
.coin i{flex:none;width:28px;height:28px;border-radius:50%;background:#C6B27A;display:block;
  box-shadow:inset 0 -2px 4px rgba(0,0,0,.28)}

/* ── 요리 ── */
.dish{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dish .d{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px 20px;text-align:center}
.dish .d svg{margin:0 auto 14px}
.dish .d b{display:block;font-size:1.05rem;letter-spacing:-.4px;color:var(--ink)}
.dish .d span{font-size:.86rem;color:var(--body);line-height:1.6;display:block;margin-top:4px}

/* ── 주문서 ── */
.orderwrap{display:grid;grid-template-columns:1.25fr .85fr;gap:28px;align-items:start}
.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px 34px;
  box-shadow:0 1px 2px rgba(6,32,41,.04),0 22px 54px -38px rgba(6,32,41,.5)}
.panel h3{font-size:1.08rem;letter-spacing:-.5px;color:var(--ink);margin-bottom:22px;
  padding-bottom:14px;border-bottom:1px solid var(--line)}
.side{position:sticky;top:calc(var(--top) + 52px)}
.opt{margin-bottom:18px}
.opt.half{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.opt label{display:block;font-size:.79rem;font-weight:800;color:#3C4D60;margin-bottom:8px;letter-spacing:-.2px}
.chips3{display:flex;gap:9px}
.chip{flex:1;border:1.6px solid var(--line);border-radius:14px;padding:13px 6px;cursor:pointer;
  background:#fff;font-family:inherit;color:var(--ink);line-height:1.45;text-align:center;transition:.15s}
.chip b{display:block;font-size:.93rem}
.chip small{color:var(--mute);font-size:.72rem}
.chip.on{border-color:var(--sea);background:var(--soft2);color:var(--sea);box-shadow:0 0 0 3px rgba(13,92,87,.08)}
.chip.on small{color:#5B87B5}
input{width:100%;font-family:inherit;font-size:1rem;padding:14px 16px;border:1.6px solid var(--line);
  border-radius:13px;background:#fff;color:var(--ink)}
input::placeholder{color:#AAB6C2}
input:focus{outline:0;border-color:var(--sea);box-shadow:0 0 0 3px rgba(13,92,87,.08)}
.qty{display:flex;align-items:center;border:1.6px solid var(--line);border-radius:13px;overflow:hidden;width:170px}
.qty button{width:52px;height:50px;border:0;background:var(--soft);font-size:1.3rem;cursor:pointer;color:#4A5C6E}
.qty span{flex:1;text-align:center;font-weight:800;color:var(--ink)}
.total .r{display:flex;justify-content:space-between;font-size:.9rem;color:var(--body);margin-bottom:9px}
.total .r.s{margin:14px 0 0;padding-top:15px;border-top:1px dashed #D8E0E9;color:var(--ink);
  font-size:1.02rem;font-weight:800}
.total .r.s b{color:var(--sea);font-size:1.4rem;letter-spacing:-1px}
.bank{background:#FDF8EC;border:1px solid #EFE0BE;border-radius:14px;padding:16px 18px;font-size:.87rem;
  color:#8A6B1D;margin:20px 0 18px}
.bank b{color:#6D5314}
.bank .acct{display:block;font-size:1.02rem;font-weight:800;color:#6D5314;letter-spacing:-.3px;margin:4px 0 8px}
.foot-note{font-size:.79rem;color:var(--mute);margin-top:12px;text-align:center}

/* ── 후기 ── */
.rvs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rv{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 24px}
.rv .h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.rv .h b{font-size:.95rem;color:var(--ink)}
.rv .st{color:#E0A33C;font-size:.82rem;letter-spacing:1px}
.rv p{font-size:.92rem;color:var(--body)}
.rv .tagz{font-size:.73rem;color:var(--sea);background:var(--soft2);display:inline-block;
  padding:4px 10px;border-radius:7px;margin-top:14px}

/* ── FAQ ── */
.faq{max-width:840px;margin:0 auto}
details{border-bottom:1px solid var(--line);padding:20px 2px}
details summary{font-size:1.02rem;font-weight:700;cursor:pointer;list-style:none;display:flex;
  justify-content:space-between;gap:14px;letter-spacing:-.4px;color:var(--ink)}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";color:var(--sea);font-weight:800;flex:none;font-size:1.2rem}
details[open] summary::after{content:"−"}
details p{font-size:.94rem;color:var(--body);margin-top:12px;max-width:70ch}

/* ── 푸터 ── */
footer{background:var(--deep);color:#90A8BE;padding:70px 0 40px;font-size:.86rem;line-height:1.95}
footer .ft{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:34px;padding-bottom:36px;
  border-bottom:1px solid rgba(255,255,255,.1)}
footer .bt{display:block;color:#fff;font-size:1.16rem;font-weight:800;letter-spacing:-.6px;margin-bottom:12px}
footer h4{color:#fff;font-size:.9rem;font-weight:800;margin-bottom:10px;letter-spacing:-.3px}
footer .ln a{display:block;color:#90A8BE;padding:3px 0}
footer .ln a:hover{color:var(--acc2)}
footer .cp{padding-top:24px;font-size:.79rem;color:#6E8785}

/* ── 하단 고정 ── */
.fix{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);border-top:1px solid var(--line);
  padding:11px 0 calc(11px + env(safe-area-inset-bottom))}
.fix .in{max-width:var(--max);margin:0 auto;padding:0 24px;display:flex;gap:10px;align-items:center}
.fix .msg{flex:1;font-size:.9rem;color:var(--body)}
.fix .msg b{color:var(--ink)}
.fix .call{flex:none;background:var(--soft2);color:var(--sea);border:1.5px solid #C3D9EC;
  border-radius:13px;padding:14px 22px;font-size:.96rem;font-weight:800}
.fix .buy{flex:none;background:var(--sea);color:#fff;border-radius:13px;padding:14px 30px;
  font-size:.96rem;font-weight:800}

/* ── 접수 완료 ── */
.done{position:fixed;inset:0;z-index:100;background:var(--cream);display:none;overflow:auto}
.done.show{display:block}
.done .in{max-width:620px;margin:0 auto;padding:80px 24px}
.done h2{font-size:1.7rem;letter-spacing:-1.2px;color:var(--ink);margin-bottom:10px}
.done .sum{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin:24px 0;font-size:.93rem}
.done .sum div{display:flex;justify-content:space-between;margin-bottom:10px}
.done .sum div:last-child{margin-bottom:0;font-weight:800;color:var(--sea);padding-top:12px;border-top:1px dashed #E1E8EF}

/* ── 반응형 ── */
@media(max-width:1000px){
  .sizebox{grid-template-columns:1fr;padding:44px 30px}
  .orderwrap{grid-template-columns:1fr}
  .side{position:static}
  footer .ft{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  #hdr nav,#hdr .cta{display:none}
  #burger{display:block}
  .grow,.cards,.dish,.rvs{grid-template-columns:1fr}
  .badges .in{grid-template-columns:1fr}
  .badges .b{border-right:0;border-bottom:1px solid var(--line);padding:20px 4px}
  .badges .b:last-child{border-bottom:0}
  section{padding:58px 0}
  .shead{margin-bottom:30px}
  .hero{min-height:82vh;padding:calc(var(--top) + 70px) 0 70px}
  .panel{padding:26px 20px;border-radius:20px}
  .sizebox{margin-top:40px;border-radius:20px}
  .fix .msg{display:none}
  .fix .call,.fix .buy{flex:1;text-align:center;padding:15px 10px}
  footer .ft{grid-template-columns:1fr;gap:24px}
}
@media(max-width:420px){
  .opt.half{grid-template-columns:1fr}
  .wrap,#hdr .in,.fix .in{padding-left:18px;padding-right:18px}
}

/* ═══ 여러 페이지로 나누면서 더한 것들 ═══ */

/* 속페이지 제목 띠 */
.phead{position:relative;margin-top:31px;padding:calc(var(--top) + 86px) 0 66px;
  background:radial-gradient(120% 130% at 78% 0%,#0B3E6E 0%,#072B4D 46%,#041B2E 100%);
  color:#fff;overflow:hidden}
.phead::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(closest-side,rgba(111,194,240,.16),transparent 70%) 14% 108%/62% 150% no-repeat,
             radial-gradient(closest-side,rgba(111,194,240,.10),transparent 70%) 88% 10%/42% 120% no-repeat}
.phead .wrap{position:relative}
.phead .eye{color:var(--acc2)}
.phead h1{margin-top:14px;font-size:clamp(1.85rem,4vw,3.1rem);line-height:1.28;letter-spacing:-2px;
  font-weight:800;color:#fff}
.phead p{margin-top:18px;font-size:1.02rem;color:rgba(255,255,255,.78);max-width:52em}

/* 더 보기 줄 */
.morerow{margin-top:44px;text-align:center}
.pill.out{background:#fff;color:var(--sea);border:1.5px solid #C3D9EC}
.pill.out:hover{background:var(--soft2)}
a.btn{text-decoration:none}

/* 하단 고정 띠 왼쪽 로고 */
.fix .brandmini{flex:none;display:flex;align-items:center}
.fix .brandmini img{height:34px;width:auto}
.fix .grow1{flex:1}
@media(max-width:860px){ .fix .brandmini{display:none} }

/* 숫자 세 칸 (홈) */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.stats .s{background:var(--soft);border:1px solid var(--line);border-radius:22px;padding:34px 30px}
.stats b{font-size:clamp(2.6rem,5vw,3.9rem);font-weight:800;letter-spacing:-3px;color:var(--sea);line-height:1}
.stats span{font-size:1.12rem;font-weight:800;color:var(--sea);margin-left:4px}
.stats em{display:block;font-style:normal;font-size:.93rem;color:var(--body);margin-top:12px}

/* 둘러보기 카드 (홈) */
.guide{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.guide .g{display:block;background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px 30px;
  transition:transform .2s,box-shadow .2s,border-color .2s}
.guide .g:hover{transform:translateY(-3px);border-color:#C3D9EC;
  box-shadow:0 1px 2px rgba(6,32,41,.04),0 22px 46px -30px rgba(6,32,41,.5)}
.guide .k{display:block;font-size:.72rem;font-weight:800;letter-spacing:2.4px;color:var(--gold);margin-bottom:12px}
.guide b{display:block;font-size:1.3rem;letter-spacing:-.8px;color:var(--ink)}
.guide p{font-size:.94rem;color:var(--body);margin-top:9px}
.guide em{display:block;font-style:normal;font-size:.89rem;font-weight:800;color:var(--sea);margin-top:16px}

/* 번호 붙은 설명 칸 */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.steps .st{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 26px}
section.soft .steps .st{background:#fff}
.steps .n{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:1.6px;color:var(--acc);
  background:var(--soft2);border-radius:999px;padding:5px 13px;margin-bottom:14px}
.steps b{display:block;font-size:1.1rem;letter-spacing:-.5px;color:var(--ink);margin-bottom:7px}
.steps p{font-size:.93rem;color:var(--body)}

/* 체크 목록 */
.ticks{list-style:none;display:grid;gap:12px;max-width:820px}
.ticks li{position:relative;padding:16px 20px 16px 52px;background:#fff;border:1px solid var(--line);
  border-radius:16px;font-size:.95rem;color:var(--body)}
.ticks li b{color:var(--ink)}
.ticks li::before{content:"";position:absolute;left:20px;top:22px;width:16px;height:9px;
  border-left:2.4px solid var(--acc);border-bottom:2.4px solid var(--acc);transform:rotate(-45deg)}

/* 전화 안내 칸 */
.callbox{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;
  background:var(--soft);border:1px solid var(--line);border-radius:24px;padding:46px 42px}
.callbox .lead{margin-bottom:0}
.cbtn{display:flex;flex-direction:column;gap:11px}
.cbtn .pill{justify-content:center}

/* 다음 페이지 안내 띠 */
.nextband{background:var(--deep);padding:56px 0}
.nextband .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nx{display:block;position:relative;border:1px solid rgba(255,255,255,.14);border-radius:18px;
  padding:26px 56px 26px 26px;color:#fff;transition:background .2s,border-color .2s}
.nx:hover{background:rgba(255,255,255,.06);border-color:rgba(111,194,240,.5)}
.nx .k{display:block;font-size:.72rem;font-weight:800;letter-spacing:2.4px;color:var(--acc2);margin-bottom:10px}
.nx b{display:block;font-size:1.12rem;letter-spacing:-.5px}
.nx em{display:block;font-style:normal;font-size:.86rem;color:rgba(255,255,255,.6);margin-top:4px}
.nx i{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-style:normal;
  font-size:1.3rem;color:var(--acc2)}

@media(max-width:1000px){
  .callbox{grid-template-columns:1fr;padding:34px 28px}
}
@media(max-width:860px){
  .stats{grid-template-columns:1fr}
  .guide{grid-template-columns:1fr}
  .phead{padding:calc(var(--top) + 62px) 0 46px}
  .nextband{padding:40px 0}
  .nextband .wrap{grid-template-columns:1fr}
  .morerow{margin-top:30px}
}

/* ── 상품 한 가지 (2026-09-27) ── */
.cards.one{grid-template-columns:minmax(0,400px) 1fr;gap:40px;align-items:start}
.pricebox{padding:10px 0}
.pricebox h2.tt{margin-bottom:24px}
.ptable{width:100%;border-collapse:collapse;font-size:.95rem;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.ptable th{background:var(--soft);color:#3C4D60;font-size:.8rem;font-weight:800;text-align:right;padding:13px 16px}
.ptable td{padding:14px 16px;border-top:1px solid var(--line);text-align:right;color:var(--body)}
.ptable th:first-child,.ptable td:first-child{text-align:left;font-weight:700;color:var(--ink)}
.ptable td b{color:var(--sea);font-size:1.02rem}
.pnote{font-size:.86rem;color:var(--mute);margin-top:14px}
#tape a{color:inherit}
.gift{display:flex;align-items:center;gap:10px;border:1.6px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;font-size:.93rem;font-weight:700;color:var(--ink)}
.gift input{width:18px;height:18px;padding:0;accent-color:var(--sea);flex:none}
.gift small{margin-left:auto;color:var(--mute);font-weight:600}
.prodline{display:flex;justify-content:space-between;align-items:center;border:1.6px solid var(--sea);background:var(--soft2);border-radius:14px;padding:14px 16px;color:var(--sea)}
.prodline b{font-size:.98rem}
.prodline span{font-size:.86rem;font-weight:700}
.rcpt{display:flex;gap:8px;margin-bottom:10px}
.rcpt .chip{padding:11px 6px}
.warn{display:none;margin-top:8px;font-size:.82rem;color:#A2461B;background:#FDF1EA;border-radius:10px;padding:9px 12px}
.warn.on{display:block}
@media(max-width:860px){
  .cards.one{grid-template-columns:1fr}
  .ptable{font-size:.86rem}
  .ptable th,.ptable td{padding:11px 10px}
}
.steps.two{grid-template-columns:repeat(2,1fr)}
@media(max-width:860px){.steps.two{grid-template-columns:1fr}}

/* ── 실제 사진 (2026-09-27) ── */
.hero .hphoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.card .ph .cardph{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.photos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.photos.two{grid-template-columns:repeat(2,1fr);margin-top:40px;max-width:900px}
.photos figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.photos img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.photos figcaption,.storeph figcaption{padding:13px 16px;font-size:.88rem;font-weight:700;color:var(--ink)}
.storeph{margin:0 0 28px;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.storeph img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;object-position:center 45%}
@media(max-width:860px){
  .photos{grid-template-columns:repeat(2,1fr);gap:12px}
  .photos.two{margin-top:28px}
  .photos figcaption{padding:10px 12px;font-size:.8rem}
  .storeph img{aspect-ratio:4/3}
}
.hero .hvideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#041B2E}
.photos.three{grid-template-columns:repeat(3,1fr);margin-top:40px}
@media(max-width:860px){ .photos.three{grid-template-columns:repeat(2,1fr);margin-top:28px} }

/* ═══════════ 쇼핑몰형 (2026-09-28 · 참고: 전복이야기 스토어 · 바다농장) ═══════════ */
:root{--ink:#161616; --body:#444; --mute:#8A8A8A; --line:#E6E6E6; --red:#E03131; --top:76px}
body{color:var(--body)}
#tape{background:#0A3A66;color:#DDE8F3;font-weight:500}
#tape b{color:#fff}
#hdr{background:#fff;backdrop-filter:none;border-bottom:1px solid var(--line)}
#hdr nav a{color:#222;font-weight:600}
#hdr nav a::after{background:#161616}
#hdr .cta{background:#161616;border-radius:6px}
#hdr .cta:hover{background:#000}
footer{background:#F6F6F6;color:#777;border-top:1px solid var(--line);padding:54px 0 36px;font-size:.84rem}
footer .ft{border-bottom:1px solid #E2E2E2}
footer .bt,footer h4{color:#222}
footer .ln a{color:#777}
footer .ln a:hover{color:#111}
footer .cp{color:#999}
.fix .call{background:#fff;color:#222;border:1px solid #CFCFCF;border-radius:6px}
.fix .buy{background:#161616;border-radius:6px}

/* 배너 */
.mhero{position:relative;height:min(640px,72vh);min-height:460px;margin-top:calc(var(--top) + 31px);overflow:hidden;background:#111}
.mhero .sl{position:absolute;inset:0;opacity:0;transition:opacity .8s;pointer-events:none}
.mhero .sl.on{opacity:1;pointer-events:auto}
.mhero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mhero .bg.soft{filter:blur(22px) brightness(.75);transform:scale(1.12)}
.mhero .fg{position:absolute;top:0;right:max(40px,calc((100% - var(--max)) / 2 + 40px));height:100%;width:auto;z-index:1;box-shadow:0 0 60px rgba(0,0,0,.35)}
.mhero .sl::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.28) 55%,rgba(0,0,0,.05) 100%)}
.mhero .tx{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff}
.mhero .kk{display:inline-block;align-self:flex-start;background:#fff;color:#0A3A66;font-size:.8rem;font-weight:700;padding:5px 12px;border-radius:4px;margin-bottom:18px}
.mhero h1{font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.22;letter-spacing:-.05em;font-weight:800;color:#fff}
.mhero p{margin-top:16px;font-size:1.05rem;color:rgba(255,255,255,.88)}
.mhero .go{align-self:flex-start;margin-top:30px;background:#fff;color:#161616;font-weight:700;padding:14px 28px;border-radius:6px;font-size:.98rem}
.mhero .go:hover{background:#F0F0F0}
.mhero .ar{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:2rem;line-height:1;border-radius:50%;cursor:pointer}
.mhero .ar:hover{background:rgba(255,255,255,.3)}
.mhero .ar.l{left:24px}.mhero .ar.r{right:24px}
.mhero .dots{position:absolute;left:0;right:0;bottom:26px;z-index:3;display:flex;justify-content:center;gap:8px}
.mhero .dots i{width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.45);cursor:pointer;transition:width .3s}
.mhero .dots i.on{width:26px;background:#fff}

/* 바로가기 아이콘 */
.mcat{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding-top:44px;padding-bottom:10px}
.mcat a{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.92rem;font-weight:600;color:#222;text-align:center}
.mcat .ic{width:96px;height:96px;border-radius:14px;overflow:hidden;background:#F1F3F5;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.mcat a:hover .ic{transform:translateY(-3px)}
.mcat .ic img{width:100%;height:100%;object-fit:cover}
.mcat .ic.sv{color:#0A3A66}

/* 섹션 공통 */
.msec{padding:64px 0}
.mh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px}
.mh h2{font-size:1.75rem;letter-spacing:-.05em;color:var(--ink);font-weight:800;line-height:1.3}
.mh p{font-size:.95rem;color:var(--mute);margin-top:4px}
.mh .all{flex:none;font-size:.95rem;color:#333;font-weight:500}

/* 상품 카드 */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px}
.pc{display:block}
.pc .ph{aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:#F1F3F5}
.pc .ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.pc:hover .ph img{transform:scale(1.04)}
.pc .nm{margin-top:14px;font-size:.98rem;color:#222;line-height:1.45;letter-spacing:-.02em}
.pc .nm small{color:var(--mute);font-size:.86rem}
.pc .pr{margin-top:8px;font-size:1rem;color:#161616}
.pc .pr b{font-size:1.32rem;font-weight:800;letter-spacing:-.02em}
.pc .per{font-size:.83rem;color:var(--mute);margin-top:2px}
.pc .tgs{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.tg{font-size:.74rem;font-weight:600;border:1px solid #BFC7CF;color:#556;padding:2px 7px;border-radius:3px;line-height:1.5}
.tg.red{border-color:var(--red);color:var(--red)}
.tg.navy{border-color:#0A3A66;background:#0A3A66;color:#fff}
.pnote{margin-top:26px;font-size:.88rem;color:var(--mute);text-align:center}

/* 혜택 띠 */
.mben{background:#2B2B2B;padding:56px 0}
.mben h2{color:#fff;text-align:center;font-size:1.65rem;letter-spacing:-.05em;margin-bottom:30px;font-weight:700}
.tks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:960px;margin:0 auto}
.tk{display:flex;background:#fff;border-radius:10px;overflow:hidden;min-height:150px;position:relative}
.tk .l{flex:1;padding:22px 20px;display:flex;flex-direction:column}
.tk .l span{color:#3B6FB6;font-size:.86rem;font-weight:600}
.tk .l b{font-size:1.75rem;color:#111;letter-spacing:-.05em;margin:4px 0 auto;font-weight:800}
.tk .l em{font-style:normal;font-size:.82rem;color:#888;margin-top:10px}
.tk .r{flex:none;width:86px;border-left:1.5px dashed #D5D5D5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:.8rem;font-weight:700;color:#111}
.tk .r i{width:40px;height:40px;border-radius:50%;background:#111;color:#fff;font-style:normal;font-size:1.5rem;display:flex;align-items:center;justify-content:center;line-height:1}
.tk::before,.tk::after{content:"";position:absolute;right:79px;width:14px;height:14px;border-radius:50%;background:#2B2B2B}
.tk::before{top:-7px}.tk::after{bottom:-7px}

/* 이야기 */
.mstory{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.mstory .kk{font-size:.8rem;font-weight:700;letter-spacing:.2em;color:#0A3A66}
.mstory h2{font-size:2rem;line-height:1.35;letter-spacing:-.05em;color:var(--ink);margin:10px 0 16px;font-weight:800}
.mstory p{font-size:1rem;line-height:1.85}
.lbtn{display:inline-block;margin-top:26px;border:1.5px solid #161616;color:#161616;padding:12px 26px;font-weight:700;font-size:.94rem;border-radius:4px}
.lbtn:hover{background:#161616;color:#fff}
.mstory .ph{border-radius:10px;overflow:hidden;aspect-ratio:4/3}
.mstory .ph img{width:100%;height:100%;object-fit:cover;object-position:center 45%}

/* 고객센터 */
.mcom{background:#F3F3F3;padding:60px 0}
.mcom h2{text-align:center;font-size:1.6rem;letter-spacing:-.05em;color:var(--ink);margin-bottom:26px;font-weight:800}
.cbx{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cbx a{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border:1px solid #DDD;padding:26px 24px;color:#161616}
.cbx a:hover{border-color:#161616}
.cbx b{display:block;font-size:1.15rem;letter-spacing:-.04em}
.cbx span{display:block;font-size:.84rem;color:var(--mute);margin-top:4px}
.cbx svg{flex:none}

/* 배송 안내 */
.mship{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid #161616}
.mship div{padding:22px 20px 24px;border-bottom:1px solid var(--line)}
.mship div+div{border-left:1px solid var(--line)}
.mship b{display:block;font-size:1.02rem;color:#161616;margin-bottom:8px}
.mship p{font-size:.9rem;line-height:1.75}

@media (max-width:980px){
  .pgrid{grid-template-columns:repeat(2,1fr)}
  .mship{grid-template-columns:repeat(2,1fr)}
  .mship div:nth-child(3){border-left:0}
  .tks{grid-template-columns:1fr;max-width:480px}
  .mstory{grid-template-columns:1fr;gap:30px}
  .cbx{grid-template-columns:1fr}
}
@media (max-width:760px){
  .mhero{height:78vh;min-height:520px;max-height:640px}
  .mhero .sl::after{background:linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.25) 60%,rgba(0,0,0,.1) 100%)}
  .mhero .tx{justify-content:flex-end;padding-bottom:70px}
  .mhero .fg{display:none}
  .mhero .bg.soft{filter:none;transform:none;object-position:center 30%}
  .mhero p{font-size:.95rem}
  .mhero .ar{display:none}
  #tape .tp{display:none}
  #tape{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mcat{grid-template-columns:repeat(3,1fr);gap:20px 10px;padding-top:30px}
  .mcat .ic{width:84px;height:84px}
  .mcat a{font-size:.86rem}
  .msec{padding:46px 0}
  .mh h2{font-size:1.4rem}
  .mh p{font-size:.86rem}
  .pgrid{gap:24px 12px}
  .pc .nm{font-size:.9rem}
  .pc .pr b{font-size:1.15rem}
  .mben{padding:44px 0}
  .mben h2{font-size:1.35rem}
  .mstory h2{font-size:1.6rem}
  .mship{grid-template-columns:1fr}
  .mship div+div{border-left:0}
}

/* 쇼핑몰형 — 하위 페이지도 같은 톤으로 */
:root{--sea:#1B1B1B; --sea2:#000; --soft:#F6F6F6; --soft2:#EEEEEE; --acc:#0A3A66}
.phead{background:#F5F5F5;color:var(--ink);padding:calc(var(--top) + 64px) 0 48px;border-bottom:1px solid var(--line);text-align:center}
.phead::before{display:none}
.phead .eye{color:#0A3A66}
.phead h1{color:var(--ink);letter-spacing:-.05em;font-size:clamp(1.7rem,3.4vw,2.5rem)}
.phead p{color:#666;margin-left:auto;margin-right:auto;font-size:.98rem}
.nextband{background:#F3F3F3;border-top:1px solid var(--line)}
.nx{background:#fff;border:1px solid #DDD;border-radius:0;color:#161616}
.nx:hover{background:#fff;border-color:#161616}
.nx .k{color:#0A3A66}
.nx em{color:#888}
.nx i{color:#161616}

/* ═══ 공지 팝업 ═══ */
.npop{position:fixed;inset:0;z-index:200;background:rgba(4,27,46,.55);display:flex;align-items:center;justify-content:center;padding:20px}
.npop[hidden]{display:none}
.npop .nbox{width:100%;max-width:420px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.3);animation:npIn .25s ease-out}
@keyframes npIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.npop .nhd{display:flex;align-items:center;gap:10px;background:#0A3A66;color:#fff;padding:16px 14px 16px 20px}
.npop .nhd img{height:30px;width:auto;background:#fff;border-radius:6px;padding:2px}
.npop .nhd b{flex:1;font-size:1.08rem;font-weight:800;letter-spacing:-.4px}
.npop .nclose{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer}
.npop .nclose:hover{background:rgba(255,255,255,.28)}
.npop .nbd{padding:22px 22px 24px;font-size:1rem;line-height:1.8;color:var(--ink);overflow-y:auto}
.npop .nft{display:flex;border-top:1px solid var(--line)}
.npop .nft button{flex:1;border:0;background:#fff;font-family:inherit;font-size:.92rem;color:var(--body);padding:15px 10px;cursor:pointer}
.npop .nft button+button{border-left:1px solid var(--line);color:var(--ink);font-weight:700}
.npop .nft button:hover{background:#F3F7FB}
.npop.pic .nbox{max-width:460px}
.npop.pic .nbd{padding:0}
.npop .nimg{display:block;width:100%;height:auto}
.npop.pic .ntx{padding:16px 20px 18px;font-size:.94rem;line-height:1.7;border-top:1px solid var(--line)}

/* ═══ 2026-09-29 사장님 피드백 반영 ═══ */
/* 메뉴가 6개로 늘어서 좁은 PC에서는 햄버거로 */
#hdr nav{gap:26px}
#hdr nav a{font-size:.93rem;white-space:nowrap}
@media(max-width:1120px){ #hdr nav,#hdr .cta{display:none} #burger{display:block} }

/* 홈 — 큰 배너 3개 */
.mbn{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:44px;padding-bottom:10px}
.mbn .bn{position:relative;display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#111;color:#fff}
.mbn .bn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mbn .bn:hover img{transform:scale(1.05)}
.mbn .bn::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.72) 100%)}
.mbn .t{position:absolute;left:24px;right:24px;bottom:22px;z-index:1}
.mbn .t span{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.2em;background:#fff;color:#0A3A66;padding:4px 10px;border-radius:4px}
.mbn .t b{display:block;margin-top:10px;font-size:1.45rem;line-height:1.3;letter-spacing:-.04em;font-weight:800}
.mbn .t em{display:block;margin-top:6px;font-style:normal;font-size:.9rem;color:rgba(255,255,255,.85)}
@media(max-width:860px){ .mbn{grid-template-columns:1fr;gap:12px} .mbn .bn{aspect-ratio:16/8} .mbn .t b{font-size:1.25rem} }

/* 사진 받을 자리 */
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.slot{aspect-ratio:4/3;border:2px dashed #C9D3DD;border-radius:16px;background:#FAFBFC;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#8A97A3}
.slot span{font-weight:800;font-size:.95rem}
.slot em{font-style:normal;font-size:.82rem}
@media(max-width:860px){ .slots{grid-template-columns:1fr 1fr} .slots .slot:nth-child(3){display:none} }

/* 이야기 */
.sto{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}
.sto .ph{border-radius:20px;overflow:hidden;aspect-ratio:4/5}
.sto .ph img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.facts{list-style:none;margin-top:26px;border-top:1px solid var(--line)}
.facts li{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:.96rem;color:var(--ink)}
.facts b{flex:none;width:92px;color:#0A3A66}
@media(max-width:860px){ .sto{grid-template-columns:1fr;gap:30px} .sto .ph{aspect-ratio:4/3} }

/* 사이즈 비교 */
.szs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.sz{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;padding:30px 26px 26px;background:#fff}
.sz.hot{border:2px solid #0A3A66;box-shadow:0 14px 34px rgba(10,58,102,.12)}
.sz .flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#0A3A66;color:#fff;font-size:.76rem;font-weight:800;padding:5px 14px;border-radius:999px;white-space:nowrap}
.sz .pic{height:150px;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(ellipse at 50% 92%,#E8EEF3 0,#E8EEF3 34%,transparent 35%);margin-bottom:18px}
.sz .pic svg{height:auto;filter:drop-shadow(0 6px 8px rgba(0,0,0,.18))}
.sz .lb{display:flex;align-items:baseline;gap:10px}
.sz .nm{font-size:2rem;font-weight:900;letter-spacing:-.05em;color:var(--ink)}
.sz .mi{font-size:.95rem;font-weight:800;color:#0A3A66;background:#EAF2F9;padding:3px 10px;border-radius:6px}
.sz h3{margin-top:12px;font-size:1.22rem;line-height:1.4;letter-spacing:-.04em;color:var(--ink)}
.sz p{margin-top:10px;font-size:.94rem;line-height:1.75}
.sz .rc{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 22px;align-items:center}
.sz .rc b{font-size:.82rem;color:var(--gold);margin-right:4px}
.sz .rc span{font-size:.82rem;background:#F3F3F3;border-radius:999px;padding:4px 11px;color:#333}
.sbtn{margin-top:auto;display:block;text-align:center;padding:14px 10px;border-radius:8px;background:#161616;color:#fff;font-weight:700;font-size:.95rem}
.sbtn:hover{background:#000}
.sbtn.out{background:#fff;color:#161616;border:1.5px solid #CFCFCF}
.sbtn.out:hover{border-color:#161616}
.sznote{margin-top:18px;text-align:center;font-size:.84rem;color:var(--mute)}
.sumup{max-width:760px;margin:0 auto;text-align:center}
.sumup ul{list-style:none;margin-top:30px;text-align:left;background:#fff;border-radius:18px;border:1px solid var(--line);overflow:hidden}
.sumup li{display:flex;align-items:center;gap:22px;padding:22px 28px;font-size:1.08rem;color:var(--ink)}
.sumup li+li{border-top:1px solid var(--line)}
.sumup li b{flex:none;width:64px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#0A3A66;color:#fff;font-weight:800}
.askb{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin:0 auto}
.askb a{display:flex;align-items:center;gap:18px;padding:26px 26px;border-radius:16px;font-weight:600}
.askb a div{flex:1}
.askb b{display:block;font-size:1.2rem;letter-spacing:-.03em}
.askb span{display:block;margin-top:4px;font-size:.88rem;opacity:.8}
.askb i{font-style:normal;font-size:2rem;line-height:1}
.askb .kk{background:#FEE500;color:#191600}
.askb .kk:hover{background:#F5DC00}
.askb .tl{background:#0A3A66;color:#fff}
.askb .tl:hover{background:#062A4D}
@media(max-width:860px){ .szs{grid-template-columns:1fr;gap:26px} .askb{grid-template-columns:1fr} .sumup li{padding:18px 18px;gap:14px;font-size:1rem} }

/* 세척·조리 — 배송 받으면 */
.arrive{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ar1{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 30px 28px}
.ar1 .n{font-size:.8rem;font-weight:800;color:#0A3A66;letter-spacing:.1em}
.ar1 b{display:block;margin-top:8px;font-size:1.25rem;letter-spacing:-.04em;color:var(--ink)}
.ar1 p{margin-top:10px;font-size:.98rem;line-height:1.8}
.ar1 small{display:block;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);font-size:.86rem;color:var(--mute)}
@media(max-width:860px){ .arrive{grid-template-columns:1fr} .ar1{padding:24px 22px} }

/* 포토리뷰 */
section.rvtop{padding:56px 0 0}
.evt{display:flex;align-items:center;gap:30px;background:linear-gradient(120deg,#0A3A66,#062A4D);color:#DDE8F3;border-radius:22px;padding:40px 44px}
.evt .l{flex:1}
.evt .tagx{font-size:.74rem;font-weight:800;letter-spacing:.2em;background:#FEE500;color:#191600;padding:5px 11px;border-radius:4px}
.evt h2{margin-top:14px;color:#fff;font-size:clamp(1.35rem,2.6vw,1.9rem);line-height:1.38;letter-spacing:-.04em;font-weight:800}
.evt h2 em{font-style:normal;color:#FEE500}
.evt p{margin-top:12px;font-size:.98rem}
.evt ul{margin-top:12px;padding-left:18px;font-size:.88rem;color:#AFC4D8;line-height:1.8}
.evt .pill.dark{background:#fff;color:#0A3A66;flex:none}
.evt .pill.dark:hover{background:#EAF2F9}
section.rvform-wrap{padding:40px 0 0}
.rvform{max-width:760px;margin:0 auto;border:1px solid var(--line);border-radius:18px;padding:30px;background:#fff}
.rvform h3{font-size:1.2rem;color:var(--ink)}
.rvform label{display:block;margin-top:16px;font-size:.9rem;font-weight:700;color:var(--ink)}
.rvform label small{font-weight:500;color:var(--mute);margin-left:6px}
.rvform input:not([type=file]),.rvform textarea{display:block;width:100%;margin-top:7px;border:1px solid #D5D5D5;border-radius:8px;padding:12px 13px;font:inherit;font-size:1rem;color:var(--ink);background:#fff}
.rvform input[type=file]{display:block;margin-top:8px;font-size:.9rem}
.rvform .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rvform .hp{position:absolute;left:-9999px;width:1px;height:1px}
.stars{margin-top:12px;display:flex;gap:4px}
.stars button{border:0;background:none;font-size:2rem;line-height:1;color:#DDD;cursor:pointer;padding:0 2px}
.stars button.on{color:#F2B01E}
.thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.thumbs .th{position:relative;width:84px;height:84px;border-radius:10px;overflow:hidden}
.thumbs img{width:100%;height:100%;object-fit:cover}
.thumbs button{position:absolute;top:3px;right:3px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:1rem;line-height:1;cursor:pointer}
.rvmsg{margin-top:14px;color:#C2410C;font-size:.9rem;font-weight:600;min-height:1em}
.rvform .acts{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.rvbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:2px solid #161616}
.rvbar b{font-size:1.15rem;color:var(--ink)}
.rvbar .tabs{display:flex;gap:6px}
.rvbar .tabs button{border:1px solid #D5D5D5;background:#fff;border-radius:999px;padding:8px 15px;font:inherit;font-size:.86rem;cursor:pointer;color:#444}
.rvbar .tabs button.on{background:#161616;border-color:#161616;color:#fff}
.rv{position:relative;padding:24px 0;border-bottom:1px solid var(--line)}
.rv.win{background:#FFFCEB;padding-left:18px;padding-right:18px;margin:0 -18px}
.rv .wb{display:inline-block;margin-bottom:10px;font-size:.76rem;font-weight:800;background:#FEE500;color:#191600;padding:4px 10px;border-radius:4px}
.rv .hd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.86rem}
.rv .st i{font-style:normal;color:#DDD;font-size:1.05rem}
.rv .st i.on{color:#F2B01E}
.rv .who{font-weight:700;color:var(--ink)}
.rv .who em{font-style:normal;font-size:.74rem;font-weight:700;color:#0A3A66;background:#EAF2F9;padding:2px 7px;border-radius:4px;margin-left:4px}
.rv .dt{color:var(--mute)}
.rv .ps{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.rv .p{border:0;padding:0;width:120px;height:120px;border-radius:10px;overflow:hidden;cursor:zoom-in;background:#eee}
.rv .p img{width:100%;height:100%;object-fit:cover}
.rv p{margin-top:12px;font-size:.98rem;line-height:1.8;color:#333}
.rvempty{padding:60px 0;text-align:center;color:var(--mute);line-height:1.8}
.lbx{position:fixed;inset:0;z-index:210;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding:20px;cursor:zoom-out}
.lbx[hidden]{display:none}
.lbx img{max-width:100%;max-height:100%;border-radius:8px}
@media(max-width:860px){
  .evt{flex-direction:column;align-items:flex-start;padding:28px 22px;gap:20px}
  .rvform{padding:22px 18px}
  .rvform .two{grid-template-columns:1fr}
  .rv .p{width:96px;height:96px}
}
/* 새 사진 0929 */
.mhero .fg.wide{height:auto;width:min(620px,48%);top:50%;transform:translateY(-50%);border-radius:14px}
.slot.pic{border:0;padding:0;overflow:hidden;background:none}
.slot.pic img{width:100%;height:100%;object-fit:cover;display:block}
.szphoto{margin:0 auto 40px;max-width:900px}
.szphoto img{width:100%;display:block;border-radius:18px;aspect-ratio:2/1;object-fit:cover;object-position:center 62%}
.szphoto figcaption{margin-top:10px;text-align:center;font-size:.86rem;color:var(--mute)}
/* 선물포장 예시 */
.giftbox{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;background:#F6F4EF;border-radius:20px;padding:28px}
.giftbox figure{margin:0}.giftbox img{width:100%;display:block;border-radius:14px;aspect-ratio:4/3;object-fit:cover}
.giftbox h3{font-size:1.5rem;margin:6px 0 10px}.giftbox p{color:var(--mute);margin:0 0 20px;line-height:1.7}
.giftex{display:flex;align-items:center;gap:12px;margin-top:10px}
.giftex img{width:96px;height:72px;object-fit:cover;border-radius:8px}
.giftex span{font-size:.84rem;color:var(--mute)}
@media(max-width:860px){ .giftbox{grid-template-columns:1fr;gap:20px;padding:18px} }
/* 첫 배너 대표 사진 넓게 (PC) */
.mhero .bg.owner{object-position:center 30%}
/* PC = 가로 사진, 모바일 = 세로 사진 */
.mhero .bg.ownwide{object-position:72% center}
@media(min-width:761px){ .mhero .bg.owner{display:none} }
@media(max-width:760px){ .mhero .bg.ownwide{display:none} }
@media(min-width:761px){ .mhero .sl:first-child::after{background:linear-gradient(90deg,rgba(4,27,46,.72) 0%,rgba(4,27,46,.38) 38%,rgba(0,0,0,0) 62%)} }
/* 오른쪽 떠 있는 버튼 */
.qfloat{position:fixed;right:20px;bottom:104px;z-index:75;display:flex;flex-direction:column;gap:10px;align-items:center}
.qfloat .q{width:62px;height:62px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  box-shadow:0 6px 18px rgba(0,0,0,.18);border:0;cursor:pointer;font:inherit;text-decoration:none}
.qfloat .q span{font-size:.64rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.qfloat .kk{background:#FEE500;color:#191919}
.qfloat .tl{background:#0A3A66;color:#fff}
.qfloat .up{width:46px;height:46px;background:#fff;color:#333;border:1px solid #E3E3E3;opacity:0;visibility:hidden;transition:.25s}
.qfloat .up.show{opacity:1;visibility:visible}
.qfloat .q:hover{transform:translateY(-2px)}
@media(max-width:760px){ .qfloat{right:14px;bottom:92px;gap:8px} .qfloat .q{width:54px;height:54px} .qfloat .up{width:42px;height:42px} }

/* ── 주문/결제 (쇼핑몰형) ── */
.cohead{background:#fff;border-bottom:1px solid var(--line);padding:34px 0 30px}
.cohead h1{font-size:2rem;letter-spacing:-1px;color:var(--ink)}
.cobg{background:#F2F3F5;padding:36px 0 70px}
.co{display:grid;grid-template-columns:1fr 430px;gap:34px;align-items:start}
.comain{display:flex;flex-direction:column;gap:22px;min-width:0}
.cbox{background:#fff;border-radius:22px;overflow:hidden}
.cbox .ch{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:none;
  font-family:inherit;text-align:left;padding:24px 24px;border-bottom:1px solid #ECEEF1;cursor:pointer}
.cbox .ch.static{cursor:default}
.cbox .ch b{font-size:1.2rem;letter-spacing:-.5px;color:#111}
.cbox .ch i{width:10px;height:10px;border-left:2px solid #333;border-top:2px solid #333;transform:rotate(45deg);margin-top:5px;transition:.2s}
.cbox.shut .ch i{transform:rotate(225deg);margin-top:-5px}
.cbox.shut .cb{display:none}
.cbox.shut .ch{border-bottom:0}
.cbox .cb{padding:24px}
.pitem{display:flex;gap:18px;align-items:flex-start}
.pitem img{width:92px;height:92px;border-radius:10px;object-fit:cover;flex:none}
.pitem b{display:block;font-size:1.12rem;color:#111;letter-spacing:-.4px}
.pitem .po{display:block;color:#777;font-size:.95rem;margin:6px 0 8px}
.pitem .po em{font-style:normal;color:#ccc;margin:0 6px}
.pitem strong{font-size:1.15rem;color:#111}
.prow{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px}
.prow>span{font-weight:700;color:#333;font-size:.95rem}
.prow .qty{width:150px}.prow .qty button{height:44px;width:46px}
.shipbar{display:flex;justify-content:space-between;align-items:center;background:#F6F7F8;border-radius:10px;padding:18px 22px;margin-top:14px;color:#555}
.shipbar small{color:#999}.shipbar b{color:#111;font-size:1.05rem}
.cbox .f{margin-bottom:20px}.cbox .f:last-child{margin-bottom:0}
.cbox .f>label{display:block;font-weight:700;color:#222;margin-bottom:9px;font-size:.98rem}
.cbox .f>label em{font-style:normal;color:#2446F0;font-size:.7rem;vertical-align:top;margin-left:2px}
.cbox input{border:1px solid #CFD3D8;border-radius:6px;padding:14px 16px}
.cbox input[readonly]{background:#F6F7F8;border-color:#ECEEF1;cursor:pointer}
.cbox input:focus{border-color:#2446F0;box-shadow:0 0 0 3px rgba(36,70,240,.1)}
.cbox .f input+input{margin-top:10px}
.zip{display:flex;gap:8px;margin-bottom:10px}
.zip button{flex:none;border:1px solid #CFD3D8;background:#fff;border-radius:6px;padding:0 20px;font-family:inherit;font-weight:700;font-size:.98rem;cursor:pointer;color:#111}
.paym{display:flex;align-items:center;gap:10px;border:1.5px solid #2446F0;background:#F3F5FF;border-radius:10px;padding:15px 18px;color:#2446F0}
.paym .rd{width:18px;height:18px;border-radius:50%;border:5px solid #2446F0;background:#fff}
.cbox .bank{margin:14px 0 20px}
.side .sr{display:flex;justify-content:space-between;color:#444;margin-bottom:14px;font-size:1rem}
.side .sr span:last-child{color:#111;font-weight:700}
.side .sr .red{color:#E0243A!important}
.side .cb{padding-top:14px}
.fin{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ECEEF1;padding:22px 0 20px;margin-top:6px}
.fin span{font-weight:800;color:#111}
.fin b{font-size:1.75rem;letter-spacing:-1px;color:#111}
.paybtn{width:100%;border:0;background:#2446F0;color:#fff;font-family:inherit;font-size:1.12rem;font-weight:800;
  padding:21px;border-radius:4px;cursor:pointer;transition:.15s}
.paybtn:hover{background:#1733C9}.paybtn:disabled{opacity:.6}
.agall,.ag{display:flex;align-items:center;gap:12px;cursor:pointer}
.agall{padding:22px 0 18px;border-bottom:1px solid #ECEEF1;font-size:1.02rem;color:#222}
.agall input{width:24px;height:24px;padding:0;accent-color:#2446F0;flex:none}
.ags{padding-top:10px}
.ag{padding:8px 0;font-size:.95rem;color:#888}
.ag input{width:18px;height:18px;padding:0;accent-color:#2446F0;flex:none}
.ag span{flex:1}
.ag a{color:#333;font-size:1.4rem;line-height:1;padding:0 4px;text-decoration:none}
.side .foot-note{margin-top:16px}
.tmodal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:300;align-items:center;justify-content:center;padding:16px}
.tmodal.on{display:flex}
.tmodal .tin{background:#fff;border-radius:16px;max-width:520px;width:100%;max-height:80vh;overflow:auto;padding:30px 26px;position:relative}
.tmodal h3{font-size:1.2rem;margin-bottom:16px;color:#111}
.tmodal p{font-size:.92rem;color:#444;line-height:1.7;margin-bottom:10px}
.tmodal .tx{position:absolute;top:14px;right:14px;border:0;background:#F2F3F5;width:36px;height:36px;border-radius:50%;cursor:pointer}
@media(max-width:1000px){ .co{grid-template-columns:1fr} .side{position:static} }
@media(max-width:560px){
  .cohead{padding:22px 0 18px}.cohead h1{font-size:1.5rem}
  .cobg{padding:16px 0 50px}.comain{gap:14px}.co{gap:14px}
  .cbox{border-radius:16px}.cbox .ch,.cbox .cb{padding:18px}
  .pitem img{width:72px;height:72px}.pitem b{font-size:1rem}
  .zip button{padding:0 14px}
}
.cbox .chip{border-radius:8px;border-width:1px}
.cbox .chip.on{border-color:#2446F0;background:#F3F5FF;color:#2446F0;box-shadow:none}
.cbox .chip.on small{color:#6B80F5}
.sto .ph.vid{position:relative;background:#0B2B36}
.sto .ph video{width:100%;height:100%;object-fit:cover;display:block}
.sto .ph .live{position:absolute;left:14px;bottom:14px;background:rgba(0,0,0,.55);color:#fff;font-size:.8rem;font-weight:700;padding:6px 12px;border-radius:999px}
@media(max-width:860px){ .sto .ph.vid{aspect-ratio:4/5;max-height:560px} }
/* 하단 문의 띠 (2026-09-30) */
.fix .ask{flex:1;min-width:0;line-height:1.4;margin:0}
.fix .ask b{display:block;font-size:1rem;color:#161616;letter-spacing:-.4px}
.fix .ask span{font-size:.86rem;color:#6B7780}
.fix .kk,.fix .tl{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border-radius:8px;padding:14px 22px;font-size:.96rem;font-weight:800;text-decoration:none;white-space:nowrap}
.fix .kk{background:#FEE500;color:#191919}
.fix .tl{background:#0A3A66;color:#fff}
.qfloat .kk,.qfloat .tl{display:none}
.qfloat{bottom:96px}
@media(max-width:860px){ .qfloat{bottom:116px} }
@media(max-width:860px){
  :root{--bot:100px}
  .fix{padding-top:9px}
  .fix .in{flex-wrap:wrap;gap:7px}
  .fix .ask{flex:1 0 100%;text-align:center}
  .fix .ask b{display:inline;font-size:.86rem}
  .fix .ask span{display:none}
  .fix .kk,.fix .tl{flex:1;padding:13px 8px;font-size:.93rem}
}
/* 실제 사진 사이즈 비교 (2026-09-30) */
.szphoto.three{max-width:640px}
.szphoto.three .fr{position:relative}
.szphoto.three img{aspect-ratio:857/640;object-position:center 60%}
.szphoto.three .fr span{position:absolute;bottom:14px;transform:translateX(-50%);background:rgba(255,255,255,.94);color:#0A3A66;font-weight:900;font-size:.95rem;padding:5px 14px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.sz .pic{height:190px;background:none;align-items:center}
.sz .pic img{height:100%;width:auto;border-radius:12px;display:block}
/* 가격표 개편 — 특대·대·중 + 전복튀김 (2026-09-30) */
.cards.three .card .ph{background:#3E2724}
.cards.three .cardph{aspect-ratio:4/3!important;object-fit:contain!important}
.card h3 small{font-size:.8rem;color:#0A3A66;background:#EAF2F9;padding:2px 8px;border-radius:6px;margin-left:6px;vertical-align:middle}
.ribbon{position:absolute;top:14px;left:14px;z-index:2;background:#D9342B;color:#fff;font-size:.76rem;font-weight:800;padding:5px 12px;border-radius:999px}
.pnote.center{text-align:center;margin-top:20px}
.pnote a{color:#0A3A66;font-weight:700}
.frz{font-style:normal;display:inline-block;vertical-align:middle;background:#E3F1FB;color:#0B6AA8;font-size:.72rem;font-weight:800;padding:3px 9px;border-radius:999px;letter-spacing:0;margin-left:6px}
h2.tt .frz{font-size:.9rem;padding:5px 12px}
.fried{margin-top:70px;background:#FBF6EE;border-radius:24px;padding:44px 40px}
.fried .fh{margin-bottom:26px}
.fried .fh .lead{margin-top:10px}
.fcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fc{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #EFE3CF;border-radius:16px;padding:24px 22px;text-decoration:none;color:var(--ink);transition:.15s}
a.fc:hover{transform:translateY(-2px);box-shadow:0 10px 26px -14px rgba(90,60,20,.4)}
.fc b{font-size:1.12rem;letter-spacing:-.4px}
.fc span{font-size:.86rem;color:var(--mute)}
.fc strong{font-size:1.5rem;letter-spacing:-.8px;margin-top:10px;color:#111}
.fc i{font-style:normal;font-size:.86rem;font-weight:800;color:#B0701C;margin-top:8px}
.fc.sauce{background:transparent;border-style:dashed}
.fc.sauce i{color:var(--mute)}
.fried .pnote{margin-top:18px}
.pricebox.wide{margin-top:70px}
.pricebox.wide .ptable{font-size:.92rem}
.pc .ph img[src*="size-"]{object-fit:contain;background:#3E2724}
.pc .ph.fried{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#E9B35A 0,#C07A2C 45%,#6B3A14 100%);text-align:center;color:#fff}
.pc .ph.fried b{display:block;font-size:1.5rem;letter-spacing:-1px;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.pc .ph.fried span{display:inline-block;margin-top:8px;background:rgba(255,255,255,.92);color:#0B6AA8;font-size:.78rem;font-weight:800;padding:4px 12px;border-radius:999px}
/* 주문서 상품 목록 */
.pgrp{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:6px 0 10px}
.pgrp:not(:first-child){margin-top:26px;padding-top:22px;border-top:1px solid #ECEEF1}
.pgrp b{font-size:1.05rem;color:#111}
.pgrp span{font-size:.82rem;color:#888}
.prod{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #ECEEF1;border-radius:12px;margin-bottom:8px;transition:.15s}
.prod.on{border-color:#2446F0;background:#F7F8FF}
.prod img,.prod .fph{width:58px;height:58px;border-radius:8px;object-fit:cover;flex:none}
.prod .fph{display:flex;align-items:center;justify-content:center;text-align:center;font-size:.72rem;font-weight:800;line-height:1.2;color:#fff;background:radial-gradient(circle at 50% 40%,#E0A450,#8A4D1C)}
.prod .pt{flex:1;min-width:0}
.prod .pt b{display:block;font-size:1rem;color:#111;letter-spacing:-.3px}
.prod .pt span{font-size:.84rem;color:#777}
.prod .bst{font-style:normal;background:#D9342B;color:#fff;font-size:.66rem;padding:2px 7px;border-radius:999px;vertical-align:middle;margin-left:4px}
.prod.sauce{padding:8px 12px;border-style:dashed}
.qty.sm{width:124px;flex:none}
.qty.sm button{width:38px;height:38px;font-size:1.1rem}
.qty.sm span{font-size:.92rem}
.cbox .gift{margin:4px 0 0}
@media(max-width:860px){
  .fried{padding:30px 20px;margin-top:50px}
  .fcards{grid-template-columns:1fr}
  .pricebox.wide{overflow-x:auto}
  .pricebox.wide .ptable{min-width:520px}
}
@media(max-width:420px){ .prod{gap:10px;padding:10px} .prod img,.prod .fph{width:48px;height:48px} .qty.sm{width:110px} .qty.sm button{width:34px} }
.shipbar{gap:12px}
.shipbar>span{flex:1;min-width:0}
.shipbar #shipNote{display:block;margin-top:3px;font-size:.8rem;line-height:1.5}
.shipbar b{white-space:nowrap}
/* 전복튀김 사진 */
.pc .ph{position:relative}
.pc .ph .frzb{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.95);color:#0B6AA8;font-size:.74rem;font-weight:800;padding:4px 10px;border-radius:999px}
.fried .ftop{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;margin-bottom:30px}
.fried .ftop .fh{margin-bottom:0}
.fphoto{margin:0}.fphoto img{width:100%;display:block;border-radius:18px;aspect-ratio:4/3;object-fit:cover}
@media(max-width:860px){ .fried .ftop{grid-template-columns:1fr;gap:22px} }
/* 이야기·손질 사진 (2026-09-30) */
.cleanph{margin:36px auto 0;max-width:760px}
.cleanph img{width:100%;display:block;border-radius:18px;border:1px solid var(--line)}
.gunph{margin:0 auto;max-width:820px}
.gunph img{width:100%;display:block;border-radius:18px;aspect-ratio:600/398;object-fit:cover}
.shead .lead b{color:var(--ink)}
.introph{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:16px}
.introph figure{margin:0;position:relative;border-radius:18px;overflow:hidden;background:#EEF1F4}
.introph .big{grid-row:1 / span 2}
.introph img{width:100%;height:100%;display:block;object-fit:cover;min-height:200px}
.introph .big img{min-height:420px}
.introph figcaption{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.6);color:#fff;font-size:.82rem;font-weight:700;padding:6px 12px;border-radius:999px}
@media(max-width:760px){ .introph{grid-template-columns:1fr 1fr;grid-template-rows:auto} .introph .big{grid-column:1 / span 2;grid-row:auto} .introph .big img{min-height:0;aspect-ratio:4/3} .introph img{aspect-ratio:1/1;min-height:0} }
/* 포토리뷰 이벤트 팝업 */
.rpop{position:fixed;inset:0;z-index:210;background:rgba(4,27,46,.55);display:flex;align-items:center;justify-content:center;padding:20px}
.rpop[hidden]{display:none}
.rpop .rin{position:relative;width:100%;max-width:380px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.3);animation:npIn .25s ease-out;text-align:center}
.rpop .rx{position:absolute;top:10px;right:10px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;z-index:2}
.rpop .rtop{background:linear-gradient(160deg,#0A3A66,#0B5A7A);padding:34px 20px 26px;color:#fff}
.rpop .rbadge{display:inline-block;background:#FEE500;color:#191919;font-weight:900;font-size:.82rem;padding:5px 14px;border-radius:999px}
.rpop .rgifts{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px}
.rpop .rgifts span{background:#fff;color:#0A3A66;font-weight:900;font-size:1.15rem;padding:12px 16px;border-radius:14px;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.rpop .rgifts i{font-style:normal;font-size:.85rem;opacity:.85}
.rpop .rbd{padding:24px 22px 10px}
.rpop .rbd b{display:block;font-size:1.18rem;line-height:1.55;letter-spacing:-.5px;color:#111}
.rpop .rbd em{font-style:normal;color:#D9342B}
.rpop .rbd p{margin-top:10px;font-size:.88rem;color:#6B7780}
.rpop .rft{display:flex;gap:8px;padding:16px 20px 20px}
.rpop .rft a,.rpop .rft button{flex:1;border:0;border-radius:10px;padding:14px 10px;font-family:inherit;font-size:.95rem;font-weight:800;cursor:pointer;text-decoration:none;text-align:center}
.rpop .rgo{background:#0A3A66;color:#fff}
.rpop .rok{background:#F2F3F5;color:#333}
.rpop .rft button.rok:only-child{background:#0A3A66;color:#fff}
.introph{grid-template-rows:250px 250px}
.introph img{position:absolute;inset:0;min-height:0!important}
.introph .big img{object-position:center 45%}
@media(max-width:760px){ .introph{grid-template-rows:230px 160px} .introph .big img,.introph img{aspect-ratio:auto} }
/* 주문 조회 */
.trkw{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.trkw .cbox{border:1px solid #ECEEF1}
.trkr .ch{cursor:default}
.trkr .ch b{font-size:1.05rem}
.trkr .tg{font-size:.78rem;font-weight:800;padding:5px 12px;border-radius:999px;background:#F1F3F2;color:#7A8790}
.trkr .tg.new{background:#FDEEE9;color:#C2410C}.trkr .tg.paid{background:#E8F1FD;color:#1D4ED8}.trkr .tg.shipped{background:#E8F4EF;color:#14664F}
.tsteps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 18px;padding:0;position:relative}
.tsteps li{text-align:center;position:relative;color:#A0AAB4}
.tsteps li i{display:block;width:18px;height:18px;border-radius:50%;background:#E3E7EB;margin:0 auto 8px;position:relative;z-index:1}
.tsteps li+li::before{content:"";position:absolute;top:8px;right:50%;width:100%;height:2px;background:#E3E7EB}
.tsteps li.on{color:#111}.tsteps li.on i{background:#2446F0;box-shadow:0 0 0 4px rgba(36,70,240,.15)}
.tsteps li.on::before{background:#2446F0}
.tsteps b{display:block;font-size:.9rem}.tsteps span{font-size:.78rem;color:#888}
.tmsg{background:#F6F7F8;border-radius:10px;padding:14px 16px;font-size:.92rem;line-height:1.7;color:#333}
.tlink{display:block;margin-top:10px;text-align:center;background:#0A3A66;color:#fff;border-radius:10px;padding:14px;font-weight:800;text-decoration:none}
.tsum{margin-top:16px}
.tsum div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed #E6E9EC;font-size:.92rem}
.tsum div span:first-child{color:#666}
.tsum .t{border-bottom:0;padding-top:14px;font-weight:800}
.tsum .t b{font-size:1.2rem}
.fhelp{display:block;margin-top:7px;font-size:.8rem;color:#8A949E}
.same{display:flex;align-items:center;gap:9px;font-size:.93rem;font-weight:700;color:#333;margin-bottom:18px;cursor:pointer}
.same input{width:18px;height:18px;padding:0;accent-color:#2446F0;flex:none}
.cbox input[readonly]#name,.cbox input[readonly]#phone{cursor:default}
.prod .bst.rec{background:#FFF3D6;color:#9A6A00}
.bulk5{margin-top:14px;padding:13px 16px;border-radius:14px;background:#FDF8EC;border:1px solid #EFE0BE;color:#5E4C22;font-size:.92rem;text-align:center;line-height:1.6}
.bulk5 b{color:var(--sea)}
.bulk5 a{color:var(--sea);font-weight:700;white-space:nowrap}