/* FarmBridge - 70s American retro. 색/서체는 :root 토큰 한 곳에서만 관리한다. */
:root{
  color-scheme: only light;
  --green-deep:#00492C; --green:#067A3F; --yellow:#FBBA16; --orange:#E04E26; --red:#E22028;
  --cream:#FFF7E6; --mint:#B1D8B8; --sky:#9BCCD0; --pink:#E2B2B4; --blue:#1E4380;
  /* 기존 토큰 이름 유지 (페이지/관리자 화면 호환) */
  --indigo:#E04E26; --indigo2:#C23F1B; --indigo-lt:#FDE9DD;
  --white:#ffffff; --surface:#FFF1CF; --navy:#00492C;
  --text:#1B2B20; --muted:#5B6B5F;
  --accent-red:#E22028; --accent-amber:#8A5A00; --accent-amber-lt:#FFE9A8;
  --r:10px; --r-lg:18px; --r-pill:999px;
  --border:rgba(0,73,44,.22);
  --font-display:"Fraunces","Noto Sans KR","Apple SD Gothic Neo",Georgia,serif;
  --font-head:"Fraunces","Noto Sans KR","Apple SD Gothic Neo",Georgia,serif;
  --font-body:"DM Sans","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--cream);color:var(--text)}
body{font-family:var(--font-body);font-size:15px;word-break:keep-all;-webkit-font-smoothing:antialiased;line-height:1.6}
h1,h2,h3,.brand,.display{font-family:var(--font-display);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:900;letter-spacing:-.01em;color:var(--green-deep)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 18px}

/* 70년대 줄무늬 */
.stripes{height:16px;background:linear-gradient(var(--yellow) 0 25%,var(--orange) 25% 50%,var(--red) 50% 75%,var(--green-deep) 75%)}

/* 상단 안내 띠 */
.announce{background:var(--yellow);color:var(--green-deep);text-align:center;font-weight:700;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;padding:9px 12px}

/* 헤더 */
.topbar{background:var(--green-deep);position:sticky;top:0;z-index:50}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:84px}
.brand{display:flex;align-items:center;gap:14px;color:var(--cream)}
.brand .logo{font-size:2.15rem;line-height:.84;color:var(--cream);font-weight:900;text-align:left}
.brand .logo span{display:block}
.brand .tag{font-family:var(--font-display);font-variation-settings:"SOFT" 100;font-weight:800;font-size:.66rem;line-height:1.25;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);border-left:2px solid var(--yellow);padding-left:10px}
.main-nav{display:flex;gap:26px;align-items:center}
.main-nav a{font-family:var(--font-display);font-variation-settings:"SOFT" 100;font-weight:800;font-size:.95rem;letter-spacing:.02em;text-transform:uppercase;color:var(--cream);padding:6px 0;border-bottom:3px solid transparent;white-space:nowrap}
.main-nav a:hover{color:var(--yellow)}
.main-nav a.on{border-bottom-color:var(--yellow);color:var(--yellow)}
.nav-right{display:flex;align-items:center;gap:14px}
.nav-right .ord{font-weight:700;font-size:.82rem;color:var(--cream);opacity:.9}
.cart-link{position:relative;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--green-deep);background:var(--yellow);padding:9px 14px;border-radius:var(--r-pill)}
.cart-link svg{width:20px;height:20px}
.cart-link b{min-width:20px;height:20px;padding:0 5px;border-radius:var(--r-pill);background:var(--green-deep);color:var(--yellow);font-size:.7rem;line-height:20px;text-align:center}
.menu-btn{display:none;background:transparent;border:2px solid var(--yellow);color:var(--yellow);border-radius:var(--r);width:44px;height:44px;cursor:pointer}
.menu-btn svg{width:22px;height:22px}
@media(max-width:1100px){
  .topbar-inner{min-height:72px}
  .brand .logo{font-size:1.7rem}
  .brand .tag{display:none}
  .menu-btn{display:inline-flex;align-items:center;justify-content:center}
  .nav-right .ord{display:none}
  .main-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--green-deep);border-top:2px solid var(--yellow);padding:6px 18px 14px}
  .topbar.open .main-nav{display:flex}
  .main-nav a{padding:14px 0;border-bottom:1px solid rgba(255,247,230,.18);font-size:.95rem}
  .main-nav a.on{border-bottom-color:rgba(255,247,230,.18)}
  .main-nav a.sub{font-size:.85rem;opacity:.85}
}
@media(min-width:1101px){.main-nav a.sub{display:none}}

/* 버튼 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 26px;border-radius:var(--r-pill);font-family:var(--font-display);font-variation-settings:"SOFT" 100;font-weight:800;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;border:2px solid transparent;cursor:pointer;transition:.15s;white-space:nowrap}
.btn-primary{background:var(--orange);color:#fff;border-color:var(--orange)}
.btn-primary:hover{background:var(--green-deep);border-color:var(--green-deep)}
.btn-yellow{background:var(--yellow);color:var(--green-deep);border-color:var(--yellow)}
.btn-yellow:hover{background:var(--cream);border-color:var(--cream)}
.btn-ghost{background:transparent;color:var(--green-deep);border-color:var(--green-deep)}
.btn-ghost:hover{background:var(--green-deep);color:var(--cream)}
.btn-cream{background:transparent;color:var(--cream);border-color:var(--cream)}
.btn-cream:hover{background:var(--cream);color:var(--green-deep)}
.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn-block{width:100%}

/* 히어로: 딥그린 + 노랑/주황/빨강 아치 */
.hero{position:relative;background:var(--green-deep);color:var(--cream);overflow:hidden}
.hero-in{position:relative;z-index:2;padding:34px 18px 40px}
.eyebrow{font-family:var(--font-display);font-variation-settings:"SOFT" 100;font-weight:800;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);margin:0 0 8px}
.hero h1{color:var(--cream);font-size:clamp(2.2rem,6vw,4rem);line-height:.95;margin:0 0 14px;max-width:760px}
.hero h1 em{font-style:normal;color:var(--yellow)}
.hero .lead{max-width:520px;font-size:1rem;color:#e8e3cf;margin:0 0 18px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
.arch{position:absolute;right:-90px;bottom:-130px;width:380px;height:380px;border-radius:50%;z-index:1;
  background:radial-gradient(circle,var(--green-deep) 0 22%,var(--yellow) 22% 40%,var(--orange) 40% 58%,var(--red) 58% 76%,var(--green) 76% 100%)}
@media(max-width:700px){.arch{width:250px;height:250px;right:-80px;bottom:-90px}.hero-in{padding:26px 18px 56px}.hero .lead{font-size:.95rem}}

.section{padding:48px 0}
.section h2{margin:0 0 22px;font-size:clamp(1.7rem,4.5vw,2.6rem);line-height:1.05}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:22px}
.section-head h2{margin:0}
.section-head a{font-family:var(--font-display);font-variation-settings:"SOFT" 100;font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);border-bottom:2px solid var(--orange)}
.band{background:var(--yellow)}
.band-mint{background:var(--mint)}

/* 컬러 블록 타일 (스와치 느낌) */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.tile{border-radius:var(--r-lg);padding:28px 24px;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end}
.tile h3{margin:0 0 6px;font-size:1.7rem;line-height:1}
.tile p{margin:0;font-size:.92rem}
.tile.y{background:var(--yellow);color:var(--green-deep)}
.tile.o{background:var(--orange);color:#fff}.tile.o h3{color:#fff}
.tile.m{background:var(--mint);color:var(--green-deep)}
.tile.g{background:var(--green);color:var(--cream)}.tile.g h3{color:var(--yellow)}
.tile.s{background:var(--sky);color:var(--blue)}.tile.s h3{color:var(--blue)}
.tile.p{background:var(--pink);color:var(--blue)}.tile.p h3{color:var(--blue)}

.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.cat-tile{background:var(--mint);border-radius:var(--r-lg);padding:22px 14px;text-align:center;font-family:var(--font-display);font-variation-settings:"SOFT" 100;font-weight:800;color:var(--green-deep);font-size:1.05rem;border:2px solid var(--green-deep)}
.cat-tile:nth-child(3n+2){background:var(--yellow)}
.cat-tile:nth-child(3n){background:var(--pink)}
.cat-tile:hover{transform:translateY(-2px)}

.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;counter-reset:s}
.step{background:#fff;border:2px solid var(--green-deep);border-radius:var(--r-lg);padding:22px;counter-increment:s}
.step::before{content:counter(s);display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--orange);color:#fff;font-family:var(--font-display);font-weight:900;align-items:center;justify-content:center;margin-bottom:10px}
.step b{display:block;color:var(--green-deep);margin-bottom:4px;font-family:var(--font-display);font-variation-settings:"SOFT" 100;font-weight:800;font-size:1.1rem}
.step span{color:var(--muted);font-size:.9rem}

/* 상품 카드 */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 14px}
@media(min-width:700px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.grid{grid-template-columns:repeat(4,1fr)}}
.card{display:flex;flex-direction:column;background:#fff;border:2px solid var(--green-deep);border-radius:var(--r-lg);overflow:hidden;transition:.15s}
.card:hover{transform:translateY(-3px);box-shadow:5px 5px 0 var(--yellow)}
.card .thumb{aspect-ratio:1/1;background:var(--mint);object-fit:cover;width:100%;display:block;border-bottom:2px solid var(--green-deep)}
.card .body{padding:12px 14px 16px;display:flex;flex-direction:column;flex:1}
.card .cat{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--orange)}
.card .name{font-family:var(--font-display);font-variation-settings:"SOFT" 100;font-weight:800;font-size:1.05rem;color:var(--green-deep);margin:4px 0;line-height:1.25}
.card .price{font-weight:800;color:var(--green-deep);font-size:1rem}
.card .origin{font-size:.76rem;color:var(--muted)}
.card .add{display:block;margin-top:auto;text-align:center;background:var(--yellow);color:var(--green-deep);border-radius:var(--r-pill);padding:9px 0;font-weight:800;font-size:.8rem;letter-spacing:.06em}
.card .body .origin{margin-bottom:10px}
.card:hover .add{background:var(--orange);color:#fff}
.empty{padding:48px 0;text-align:center;color:var(--muted)}

.panel{background:#fff;border:2px solid var(--green-deep);border-radius:var(--r-lg);padding:22px}
.row{display:flex;gap:12px;flex-wrap:wrap}
label.f{display:block;font-weight:700;font-size:.82rem;margin:0 0 6px;color:var(--green-deep)}
.field{margin-bottom:14px}
input[type=text],input[type=tel],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=datetime-local],select,textarea{width:100%;padding:12px 14px;border:2px solid var(--border);border-radius:var(--r);font-size:.95rem;background:#fff;color:var(--text);font-family:inherit}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--green-deep)}
textarea{min-height:90px;resize:vertical}
.hint{font-size:.8rem;color:var(--muted);margin-top:4px}
.error-box{background:#FFE2DF;color:#9E1B16;padding:10px 12px;border-radius:var(--r);font-size:.88rem;margin:12px 0;border:2px solid var(--red)}
.notice{background:var(--accent-amber-lt);color:#5C3D00;padding:12px 14px;border-radius:var(--r);font-size:.88rem;border:2px dashed var(--orange)}
.badge{display:inline-block;padding:3px 11px;border-radius:var(--r-pill);font-size:.72rem;font-weight:800;letter-spacing:.04em;background:var(--mint);color:var(--green-deep)}
.badge.warn{background:var(--yellow);color:var(--green-deep)}
.badge.bad{background:var(--red);color:#fff}
.badge.gray{background:#e6e1d2;color:#555}

.two{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}
@media(max-width:900px){.two{grid-template-columns:1fr}}
.kv{display:grid;grid-template-columns:110px 1fr;gap:6px 12px;font-size:.9rem}
.kv dt{color:var(--muted)}
.kv dd{margin:0}
.line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--border)}
.line.total{font-weight:800;font-size:1.1rem;border-bottom:none;color:var(--green-deep)}

.page-hero{background:var(--yellow);padding:46px 0 40px;border-bottom:4px solid var(--green-deep)}
.page-hero h1{margin:0 0 6px;font-size:clamp(2rem,6vw,3.6rem);line-height:1}
.page-hero p{margin:0;max-width:560px}
.prose p{max-width:680px}

.footer{background:var(--green-deep);color:#d9e3d2;padding:0 0 40px;margin-top:56px;font-size:.82rem}
.footer .wrap{padding-top:30px}
.footer b{color:var(--yellow);font-family:var(--font-display);font-size:1.1rem}
.footer a{color:var(--cream);text-decoration:underline}
.footer p{margin:4px 0}

.kakao-float{position:fixed;right:14px;bottom:14px;z-index:60;background:#FEE500;color:#391B1B;font-weight:800;font-size:.84rem;padding:11px 16px;border-radius:var(--r-pill);box-shadow:3px 3px 0 var(--green-deep)}

.qty{display:inline-flex;align-items:center;border:2px solid var(--green-deep);border-radius:var(--r-pill);overflow:hidden;background:#fff}
.qty button{width:36px;height:36px;border:none;background:var(--yellow);color:var(--green-deep);font-size:1.1rem;font-weight:800;cursor:pointer}
.qty span{min-width:38px;text-align:center;font-weight:800}

.toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);background:var(--green-deep);color:var(--cream);padding:11px 20px;border-radius:var(--r-pill);font-size:.88rem;z-index:100;opacity:0;pointer-events:none;transition:.2s;border:2px solid var(--yellow)}
.toast.show{opacity:1}

/* ── 카테고리 포스터 카드 (패키지 느낌) ── */
:root{--maroon:#6B1137;--paper:#EEF0CD;--font-poster:"Anton","Black Han Sans","Noto Sans KR",Impact,sans-serif;--font-mono:"DM Mono","Noto Sans KR",ui-monospace,Menlo,monospace}
.shelf{position:relative;overflow:hidden;padding:56px 0 64px;
  background:
    radial-gradient(circle at 10% 22%,#8A1538 0 15%,transparent 15.4%),
    radial-gradient(circle at 36% 4%,#F2701C 0 19%,transparent 19.4%),
    radial-gradient(circle at 62% 96%,#7A1236 0 18%,transparent 18.4%),
    radial-gradient(circle at 90% 14%,#0F4A2A 0 17%,transparent 17.4%),
    radial-gradient(circle at 24% 100%,#1B6B35 0 17%,transparent 17.4%),
    radial-gradient(circle at 98% 92%,#F2701C 0 14%,transparent 14.4%),
    #E8590C}
.shelf::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(115deg,rgba(0,0,0,.35) 0 1px,transparent 1px 7px)}
.shelf .wrap{position:relative;z-index:2}
.shelf-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:22px;flex-wrap:wrap}
.shelf-head h2{color:var(--cream);margin:0;font-family:var(--font-poster);font-variation-settings:normal;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(2rem,5vw,3.4rem);line-height:.95}
.shelf-head a{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cream);border-bottom:2px solid var(--cream)}
.pack-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.pack{display:flex;flex-direction:column;background:var(--paper);box-shadow:0 14px 30px rgba(0,0,0,.28);transition:.18s;color:inherit}
.pack:hover{transform:translateY(-6px) rotate(-.6deg)}
.pack-top{padding:16px 14px 14px;min-height:150px;display:flex;align-items:flex-start}
.pack-top h3{margin:0;font-family:var(--font-poster);font-variation-settings:normal;font-weight:400;text-transform:uppercase;line-height:.88;letter-spacing:.005em;color:var(--paper);font-size:clamp(2.1rem,3.6vw,3.3rem)}
.pack-items{padding:12px 14px 0;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.02em;text-transform:none;min-height:46px}
.pack-name{margin-top:auto;padding:18px 14px 16px;font-family:var(--font-poster);font-weight:400;font-size:clamp(1.55rem,2.5vw,2.2rem);line-height:1.02;letter-spacing:.005em;word-break:keep-all}
.pack.c1 .pack-top{background:#F04A12}.pack.c1 .pack-name,.pack.c1 .pack-items{color:#F04A12}
.pack.c2 .pack-top{background:#0A4A44}.pack.c2 .pack-name,.pack.c2 .pack-items{color:#0A4A44}
.pack.c3 .pack-top{background:var(--maroon)}.pack.c3 .pack-name,.pack.c3 .pack-items{color:var(--maroon)}
.pack.c4 .pack-top{background:var(--yellow)}.pack.c4 .pack-top h3{color:var(--green-deep)}.pack.c4 .pack-name,.pack.c4 .pack-items{color:#7A5200}
.pack.c5 .pack-top{background:var(--blue)}.pack.c5 .pack-name,.pack.c5 .pack-items{color:var(--blue)}
@media(max-width:900px){
  .pack-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:18px;gap:12px;padding:4px 18px 18px;margin:0 -18px;-webkit-overflow-scrolling:touch}
  .pack{flex:0 0 62vw;max-width:270px;scroll-snap-align:start}
  .pack-top h3{font-size:clamp(2.4rem,11vw,3.2rem)}
}

/* 화순 특산품: 왼쪽 프로모 패널 + 오른쪽 상품 줄 */
.feature{display:grid;grid-template-columns:minmax(220px,1fr) 3fr;gap:22px;align-items:stretch}
.promo{position:relative;overflow:hidden;background:var(--yellow);border:2px solid var(--green-deep);border-radius:var(--r-lg);padding:26px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:380px}
.promo>*{position:relative;z-index:2}
.promo h3{margin:0;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.08}
.promo-arch{position:absolute!important;z-index:1!important;right:-70px;top:-70px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,var(--yellow) 0 22%,var(--orange) 22% 44%,var(--red) 44% 66%,var(--green) 66% 100%)}
.feature-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.feature-head h2{margin:0;font-size:clamp(1.5rem,3vw,2.1rem)}
.feature-head .btn{padding:9px 18px}
.feature-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}
@media(max-width:900px){.feature{grid-template-columns:1fr}.promo{min-height:230px}}

/* 히어로: 왼쪽 문구 + 오른쪽 농부 사진 */
.hero-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center}
.hero-photo{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;border:3px solid var(--yellow);box-shadow:10px 10px 0 var(--orange);aspect-ratio:3/2;max-height:460px;width:100%;justify-self:end;transform:rotate(1.2deg)}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.hero .arch{right:-150px;bottom:-190px}
@media(max-width:900px){
  .hero-in{grid-template-columns:1fr;gap:22px}
  .hero-photo{max-height:none;transform:none;box-shadow:6px 6px 0 var(--orange);aspect-ratio:3/2}
}

/* 사진 오른쪽 아래 모서리에 겹치는 레트로 아치 */
.photo-arch{position:absolute;right:-70px;bottom:-70px;width:230px;height:230px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,var(--green-deep) 0 22%,var(--yellow) 22% 40%,var(--orange) 40% 58%,var(--red) 58% 76%,transparent 76% 100%)}
@media(max-width:900px){.photo-arch{width:170px;height:170px;right:-50px;bottom:-50px}}

/* 히어로 사진: 위아래 여백 없이 줄무늬까지 붙여 세로 길이 축소 */
@media(min-width:901px){
  .hero-in{padding-top:0;padding-bottom:0;align-items:stretch}
  .hero-copy{padding:26px 0;align-self:center}
  .hero-photo{border:0;border-left:4px solid var(--yellow);border-radius:0;box-shadow:none;transform:none;aspect-ratio:auto;max-height:none;height:340px;align-self:stretch}
  .hero-photo img{object-position:50% 58%}
}
@media(max-width:900px){
  .hero-in{padding-bottom:0}
  .hero-photo{border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:0;box-shadow:none}
}
@media(min-width:901px){
  .hero-copy{padding:18px 0}
  .hero h1{font-size:clamp(2rem,4.2vw,3.2rem)}
  .hero .lead{margin-bottom:14px}
  .hero-photo{height:auto;min-height:300px}
}
@media(min-width:901px){.hero-photo img{position:absolute;inset:0}}

/* 사진 아래 가장자리에 앉은 반원 아치 */
.photo-arch{right:26px;bottom:0;width:240px;height:120px;border-radius:120px 120px 0 0;
  background:radial-gradient(circle farthest-side at 50% 100%,var(--green-deep) 0 22%,var(--yellow) 22% 40%,var(--orange) 40% 58%,var(--red) 58% 76%,transparent 76% 100%)}
@media(max-width:900px){.photo-arch{right:16px;width:170px;height:85px;border-radius:85px 85px 0 0}}
.photo-arch{right:0}
@media(max-width:900px){.photo-arch{right:0}}

/* 사진을 화면 오른쪽 끝까지 붙이고, 그 모서리에 4분의 1 원(각도 모양) 아치 */
@media(min-width:901px){
  .hero-photo{margin-right:calc(-1 * (max(100vw, 1200px) - 1200px) / 2 - 18px);width:auto;justify-self:stretch}
}
@media(max-width:900px){
  .hero-photo{margin-left:-18px;margin-right:-18px;border-radius:0}
}
.photo-arch{right:0;bottom:0;width:210px;height:210px;border-radius:210px 0 0 0;
  background:radial-gradient(circle farthest-side at 100% 100%,var(--green-deep) 0 22%,var(--yellow) 22% 40%,var(--orange) 40% 58%,var(--red) 58% 76%,transparent 76% 100%)}
@media(max-width:900px){.photo-arch{width:140px;height:140px;border-radius:140px 0 0 0}}
.hero{container-type:inline-size}
@media(min-width:901px){
  .hero-photo{margin-right:calc(-1 * (max(100cqw, 1200px) - 1200px) / 2 - 18px)}
}

/* 사진 비율 유지(16:10)로 위아래 잘림 최소화 */
@media(min-width:901px){
  .hero-photo{height:auto;min-height:0;aspect-ratio:16/10;max-height:560px}
  .hero-photo img{object-position:50% 50%}
}

/* ── 카테고리 카드 정리: 동일 폭/동일 글자 크기/정렬 ── */
.pack-row{grid-template-columns:repeat(5,minmax(0,1fr))}
.pack{container-type:inline-size;min-width:0}
.pack-top{aspect-ratio:5/4;min-height:0;padding:7cqi 8cqi;align-items:flex-start}
.pack-top h3{font-size:calc((100cqi - 16cqi) / 4.15);line-height:.9;letter-spacing:0}
.pack-items{padding:5cqi 8cqi 0;font-size:max(.72rem,5.2cqi);line-height:1.5;min-height:calc(2 * 1.5 * max(.72rem,5.2cqi) + 5cqi);color-scheme:light}
.pack-name{margin-top:0;padding:3cqi 8cqi 8cqi;font-size:max(1.2rem,11.5cqi);line-height:1.12;min-height:2.4em;display:flex;align-items:flex-start;flex:1}

/* 한글 글꼴: 가짜 굵기(faux bold) 금지, 한글이 많은 제목은 700 */
body{font-synthesis:none}
.promo h3,.feature-head h2,.card .name,.step b,.page-hero p,.cat-tile{font-weight:700}
.promo h3{line-height:1.2;letter-spacing:-.02em}
.feature-head h2{letter-spacing:-.02em}
.btn{font-weight:700}

/* 전체 폭 배너 이미지 */
.banner-img{line-height:0;background:#cfeaf6}
.banner-img img{width:100%;height:auto;display:block}
@media(max-width:700px){.banner-img img{height:220px;object-fit:cover;object-position:left center}}

/* 배너 크기 축소: 가운데 정렬, 최대 폭 880px, 둥근 모서리 (잘림 없음) */
.banner-img{background:transparent;padding:30px 0 6px}
.banner-img .wrap{max-width:880px}
.banner-img img{border-radius:var(--r-lg);border:2px solid var(--green-deep)}
@media(max-width:700px){.banner-img{padding:20px 0 0}.banner-img img{height:190px}}

/* ── 배너 위에 카테고리 카드가 걸쳐 올라오는 레이아웃 (데스크톱) ── */
.banner-img{padding:28px 0 0;background:transparent;position:relative;z-index:1}
.banner-img .wrap{max-width:1200px}
.banner-img img{border:2px solid var(--green-deep);border-bottom:0;border-radius:var(--r-lg) var(--r-lg) 0 0}
.shelf{background:none;overflow:visible;margin-top:-135px;padding:0 0 64px;z-index:2}
.shelf::before{content:"";position:absolute;left:0;right:0;top:135px;bottom:0;z-index:0;
  background:
    radial-gradient(circle at 10% 22%,#8A1538 0 15%,transparent 15.4%),
    radial-gradient(circle at 36% 4%,#F2701C 0 19%,transparent 19.4%),
    radial-gradient(circle at 62% 96%,#7A1236 0 18%,transparent 18.4%),
    radial-gradient(circle at 90% 14%,#0F4A2A 0 17%,transparent 17.4%),
    radial-gradient(circle at 24% 100%,#1B6B35 0 17%,transparent 17.4%),
    radial-gradient(circle at 98% 92%,#F2701C 0 14%,transparent 14.4%),#E8590C}
.shelf::after{top:135px;z-index:0}
.shelf .wrap{z-index:2}
.shelf-head{margin-bottom:14px;align-items:center}
.shelf-head h2{color:var(--green-deep);font-size:clamp(1.6rem,2.6vw,2.2rem)}
.shelf-head a{color:var(--green-deep);border-bottom-color:var(--green-deep)}
@media(max-width:900px){
  .banner-img img{border-bottom:2px solid var(--green-deep);border-radius:var(--r-lg)}
  .shelf{margin-top:0;padding:40px 0 48px}
  .shelf::before,.shelf::after{top:0}
  .shelf-head h2{color:var(--cream)}
  .shelf-head a{color:var(--cream);border-bottom-color:var(--cream)}
}

/* 제목 줄은 카드 아래(주황 영역)로, 겹침 폭 110px */
.shelf{margin-top:-110px}
.shelf::before,.shelf::after{top:110px}
.shelf>.wrap{display:flex;flex-direction:column}
.shelf-head{order:2;margin:26px 0 0}
.shelf-head h2{color:var(--cream)}
.shelf-head a{color:var(--cream);border-bottom-color:var(--cream)}
.pack-row{order:1}
@media(max-width:900px){
  .shelf{margin-top:0}
  .shelf::before,.shelf::after{top:0}
  .shelf-head{order:0;margin:0 0 18px}
}

/* 배너를 더 크게: 넓은 화면에서 최대 1600px */
@media(min-width:901px){.banner-img .wrap{max-width:1600px}}

/* 카드 줄을 배너 왼쪽 가장자리에 맞춤 */
@media(min-width:901px){
  .shelf>.wrap{max-width:1600px}
  .shelf .pack-row,.shelf .shelf-head{max-width:1200px}
}

/* 배너: 좌우 여백 없이 화면 전체 폭으로 꽉 채움 */
.banner-img{padding:0}
.banner-img .wrap,.banner-img>.wrap{max-width:none;padding:0}
.banner-img img{width:100%;border:0;border-radius:0;object-fit:cover;object-position:50% 25%}
@media(min-width:901px){
  .banner-img .wrap{max-width:none}
  .banner-img img{height:auto;max-height:520px}
  .shelf>.wrap{max-width:1200px}
}
@media(max-width:900px){.banner-img{padding:0}.banner-img img{border:0;border-radius:0;height:190px}}
@media(min-width:901px){.banner-img img{object-position:50% 62%}}

/* 카드 줄을 화면 왼쪽에 붙이고, 'Shop by category' 제목을 카드 위로 (데스크톱) */
@media(min-width:901px){
  .shelf{margin-top:-150px}
  .shelf::before,.shelf::after{top:150px}
  .shelf>.wrap{max-width:none;margin:0;padding:0 40px}
  .shelf-head{order:0;margin:0 0 14px;max-width:1200px;justify-content:flex-start;gap:22px}
  .shelf-head h2{color:var(--green-deep)}
  .shelf-head a{color:var(--green-deep);border-bottom-color:var(--green-deep)}
  .pack-row{order:1;max-width:1200px}
}

/* 카드 줄을 조금 더 아래로 */
@media(min-width:901px){
  .shelf{margin-top:-120px}
  .shelf::before,.shelf::after{top:120px}
  .shelf-head{margin-bottom:34px}
}

/* 카드 아래 공백 제거: 카드 하단이 줄무늬에 바로 맞닿음 */
@media(min-width:901px){
  .shelf{margin-top:-100px;padding-bottom:0}
  .shelf::before,.shelf::after{top:100px}
}

/* 배너 글씨 안 잘리게: 위쪽 기준으로 보여주고 높이 여유 확대 */
@media(min-width:901px){.banner-img img{max-height:600px;object-position:50% 0%}}

/* 화순 특산품 프로모 패널: 가운데 정렬 문구 + 아래 사진 */
.promo{padding:0;gap:0;justify-content:flex-start;text-align:center;border:0;background:var(--yellow);min-height:0}
.promo .eyebrow{margin:26px 0 8px;color:rgba(0,73,44,.7);font-weight:600;letter-spacing:.16em}
.promo h3{padding:0 18px;margin:0 0 18px;font-size:clamp(1.6rem,2.3vw,2rem);line-height:1.22;color:var(--green-deep)}
.btn-green{background:var(--green-deep);color:var(--cream);border-color:var(--green-deep);align-self:center;padding:11px 26px}
.btn-green:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.promo-img{margin-top:24px;width:100%;flex:1;min-height:190px;object-fit:cover;object-position:50% 40%;display:block}
.promo-arch{display:none}

/* 배너 조금 작게 (높이 540px), 제목/카드 위치도 맞춤 */
@media(min-width:901px){
  .banner-img img{max-height:540px}
  .shelf{margin-top:-50px}
  .shelf::before,.shelf::after{top:50px}
}

/* 배너 제거 후: 카테고리 카드 영역은 겹침 없이 주황 배경 위에 독립 배치 */
.shelf{margin-top:0!important;padding:44px 0 56px!important}
.shelf::before,.shelf::after{top:0!important}
.shelf-head h2{color:var(--cream)!important}
.shelf-head a{color:var(--cream)!important;border-bottom-color:var(--cream)!important}
@media(min-width:901px){.shelf>.wrap{max-width:1200px!important;margin:0 auto!important;padding:0 18px!important}}

/* 특산품 패널 사진: 잘리지 않게 원본 비율 그대로 */
.promo-img{flex:none;height:auto;min-height:0;margin-top:auto;object-fit:contain;aspect-ratio:3/2}
.promo .btn-green{margin-bottom:24px}

/* 특산품 패널: 사진을 위로, 문구를 아래로 / 패널 폭을 넓혀 사진 확대 */
.feature{grid-template-columns:minmax(300px,1.5fr) 3fr}
.promo{align-self:start}
.promo-img{order:-1;margin-top:0;width:100%}
.promo .eyebrow{margin-top:24px}
@media(max-width:900px){.feature{grid-template-columns:1fr}.promo{align-self:stretch}}

/* 특산품 패널 가로 조금 축소 */
.feature{grid-template-columns:minmax(260px,1.25fr) 3fr}
@media(max-width:900px){.feature{grid-template-columns:1fr}}

/* 카테고리 카드 왼쪽에 농부 사진 */
.shelf-body{display:grid;grid-template-columns:minmax(240px,30%) minmax(0,1fr);gap:20px;align-items:stretch}
.shelf-photo{margin:0;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.28);background:var(--mint);min-height:260px}
.shelf-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;display:block}
.shelf .pack-row{max-width:none!important}
@media(min-width:901px){
  .shelf>.wrap{max-width:1500px!important}
  .shelf .shelf-head{max-width:none!important}
}
@media(max-width:900px){
  .shelf-body{display:block}
  .shelf-photo{aspect-ratio:3/2;min-height:0;margin-bottom:16px}
}

/* 카테고리 옆 사진 조금 크게 */
.shelf-body{grid-template-columns:minmax(260px,36%) minmax(0,1fr)}
@media(max-width:900px){.shelf-body{display:block}}

/* 제목 줄을 카드 위(오른쪽 열)로, 농부 사진은 제목+카드 높이만큼 크게 */
.shelf-body{grid-template-columns:minmax(280px,42%) minmax(0,1fr)!important;align-items:stretch}
.shelf-main{display:flex;flex-direction:column;min-width:0}
.shelf-main .shelf-head{order:0;margin:0 0 14px;max-width:none!important}
.shelf-main .pack-row{order:1}
.shelf-photo{min-height:340px}
.shelf-photo img{object-position:50% 22%}
@media(max-width:900px){
  .shelf-body{display:block!important}
  .shelf-photo{min-height:0}
}

/* 카드를 사진 높이에 맞춰 세로로 늘림 (색 블록이 늘어남) */
@media(min-width:901px){
  .shelf-main .pack-row{flex:1;align-items:stretch}
  .shelf-main .pack{height:auto}
  .shelf-main .pack-top{aspect-ratio:auto;flex:1;min-height:150px}
  .shelf-main .pack-name{flex:none}
}

/* 특산품 섹션 배경을 카테고리 섹션과 동일한 색 원 배경으로 */
#featsec{position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 10% 22%,#8A1538 0 15%,transparent 15.4%),
    radial-gradient(circle at 36% 4%,#F2701C 0 19%,transparent 19.4%),
    radial-gradient(circle at 62% 96%,#7A1236 0 18%,transparent 18.4%),
    radial-gradient(circle at 90% 14%,#0F4A2A 0 17%,transparent 17.4%),
    radial-gradient(circle at 24% 100%,#1B6B35 0 17%,transparent 17.4%),
    radial-gradient(circle at 98% 92%,#F2701C 0 14%,transparent 14.4%),#E8590C}
#featsec::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(115deg,rgba(0,0,0,.35) 0 1px,transparent 1px 7px)}
#featsec>.wrap{position:relative;z-index:2}
#featsec .feature-head h2{color:var(--cream)}
#featsec .feature-head .btn{color:var(--cream);border-color:var(--cream);background:transparent}
#featsec .feature-head .btn:hover{background:var(--cream);color:var(--green-deep)}

/* 카테고리 섹션 배경: 노란색 */
.shelf{background:var(--yellow)!important}
.shelf::before{background:var(--yellow)!important}
.shelf::after{display:none}
.shelf-head h2,.shelf-main .shelf-head h2{color:var(--green-deep)!important}
.shelf-head a{color:var(--green-deep)!important;border-bottom-color:var(--green-deep)!important}
.shelf-photo,.pack{box-shadow:0 10px 24px rgba(0,73,44,.25)}

/* 특산품 섹션 배경: 초록 */
#featsec{background:var(--green-deep)!important}
#featsec::after{display:none}

/* MUSHROOM & TUBERS 카드: 빨강 */
.pack.c4 .pack-top{background:var(--red)}
.pack.c4 .pack-top h3{color:var(--paper)}
.pack.c4 .pack-name,.pack.c4 .pack-items{color:#C0121B}

/* 카드 색 순서: 초록 - 주황 - 빨강 - 보라 - 파랑 */
.pack.c1 .pack-top{background:var(--green)}
.pack.c1 .pack-top h3{color:var(--paper)}
.pack.c1 .pack-name,.pack.c1 .pack-items{color:var(--green-deep)}
.pack.c2 .pack-top{background:#F04A12}
.pack.c2 .pack-top h3{color:var(--paper)}
.pack.c2 .pack-name,.pack.c2 .pack-items{color:#D23A08}
.pack.c3 .pack-top{background:var(--red)}
.pack.c3 .pack-top h3{color:var(--paper)}
.pack.c3 .pack-name,.pack.c3 .pack-items{color:#C0121B}
.pack.c4 .pack-top{background:var(--maroon)}
.pack.c4 .pack-top h3{color:var(--paper)}
.pack.c4 .pack-name,.pack.c4 .pack-items{color:var(--maroon)}
.pack.c5 .pack-top{background:var(--blue)}
.pack.c5 .pack-top h3{color:var(--paper)}
.pack.c5 .pack-name,.pack.c5 .pack-items{color:var(--blue)}

/* 농부 사진 가로 조금 축소 (42% -> 36%) */
.shelf-body{grid-template-columns:minmax(260px,36%) minmax(0,1fr)!important}
@media(max-width:900px){.shelf-body{display:block!important}}

/* 농부 사진 가로 추가 축소 (36% -> 28%) */
.shelf-body{grid-template-columns:minmax(240px,28%) minmax(0,1fr)!important}
@media(max-width:900px){.shelf-body{display:block!important}}

/* 농부 사진: 원본 비율(3:2) 그대로, 잘리지 않게 */
.shelf-body{grid-template-columns:minmax(260px,34%) minmax(0,1fr)!important}
.shelf-photo{align-self:start;aspect-ratio:3/2;height:auto;min-height:0}
.shelf-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
@media(max-width:900px){.shelf-body{display:block!important}}

/* 농부 사진 조금 크게 (34% -> 38%), 비율 유지 */
.shelf-body{grid-template-columns:minmax(260px,38%) minmax(0,1fr)!important}
@media(max-width:900px){.shelf-body{display:block!important}}

/* 산지 소식(Field Notes) */
.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.note-card{display:flex;flex-direction:column;background:#fff;border:2px solid var(--green-deep);border-radius:var(--r-lg);overflow:hidden;transition:.15s}
.note-card:hover{transform:translateY(-3px);box-shadow:5px 5px 0 var(--yellow)}
.note-card img,.note-card .nph{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--mint);display:block;border-bottom:2px solid var(--green-deep)}
.note-card .nb{padding:12px 14px 16px}
.note-card b{display:block;font-family:var(--font-display);font-weight:700;color:var(--green-deep);margin:4px 0;line-height:1.3}
.note-card p{margin:0 0 6px;font-size:.85rem;color:var(--muted)}
.ntag{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--orange)}
.nd{font-size:.75rem;color:var(--muted)}
.note-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:300;display:none;overflow:auto;padding:24px 12px}
.note-modal.open{display:block}
.nm-in{position:relative;max-width:720px;margin:0 auto;background:#fff;border-radius:var(--r-lg);overflow:hidden}
.nm-in img{width:100%;display:block}
.nm-t{padding:18px 20px 26px}
.nm-t h2{margin:6px 0 4px;font-size:1.5rem}
.nm-close{position:absolute;top:10px;right:10px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:var(--green-deep);color:#fff;font-size:1.4rem;cursor:pointer}

/* Today's Fresh picks: 카테고리(노란) 영역 안으로 */
.shelf .fresh{margin-top:44px}
.shelf .fresh .section-head h2{color:var(--green-deep)}
.shelf .fresh .section-head a{color:var(--green-deep);border-bottom-color:var(--green-deep)}
.shelf .fresh .empty{color:var(--green-deep)}
.shelf .fresh .section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}
.shelf .fresh .section-head h2{margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05}

/* 위: Today's Fresh picks(노랑) / 아래: Shop by category(초록), 사이는 줄무늬 */
.fresh-sec{background:var(--yellow);padding:46px 0 52px}
.fresh-sec .fresh{margin:0}
.fresh-sec .section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}
.fresh-sec .section-head h2{margin:0;color:var(--green-deep);font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05}
.fresh-sec .section-head a{color:var(--green-deep);border-bottom-color:var(--green-deep)}
.fresh-sec .empty{color:var(--green-deep)}
.shelf{background:var(--green-deep)!important}
.shelf::before{background:var(--green-deep)!important}
.shelf-head h2,.shelf-main .shelf-head h2{color:var(--cream)!important}
.shelf-head a{color:var(--cream)!important;border-bottom-color:var(--cream)!important}
.shelf-photo,.pack{box-shadow:0 12px 26px rgba(0,0,0,.4)}

/* 홈: Today's Fresh picks 왼쪽 사진 */
.fresh-body{display:grid;grid-template-columns:minmax(260px,36%) minmax(0,1fr);gap:26px;align-items:start}
.fresh-photo{margin:0;border-radius:var(--r-lg);overflow:hidden;border:2px solid var(--green-deep);box-shadow:8px 8px 0 var(--orange);background:var(--mint)}
.fresh-photo img{width:100%;height:auto;display:block}
@media(max-width:900px){.fresh-body{display:block}.fresh-photo{margin-bottom:22px}}

/* Shop 페이지 맨 위 카테고리 블록: 더 크게 */
.shelf-lg{padding:64px 0 70px!important}
.shelf-lg>.wrap{max-width:1500px!important}
@media(min-width:901px){
  .shelf-lg .shelf-body{grid-template-columns:minmax(300px,42%) minmax(0,1fr)!important;gap:28px}
  .shelf-lg .shelf-photo{aspect-ratio:auto;align-self:stretch;min-height:480px}
  .shelf-lg .shelf-photo img{object-position:50% 30%}
  .shelf-lg .pack-top{min-height:260px}
  .shelf-lg .shelf-head h2{font-size:clamp(2.2rem,3.4vw,3.4rem)}
  .shelf-lg .shelf-head{margin-bottom:20px}
}

/* Today's Fresh picks 왼쪽 사진 더 크게 (36% -> 46%) */
.fresh-body{grid-template-columns:minmax(300px,46%) minmax(0,1fr)}
@media(max-width:900px){.fresh-body{display:block}}

/* ROOTS & ALLIUM 카드: 사진 배경색과 카드 색을 맞춰 자연스럽게 이어 붙임 */
.pack-top{position:relative;overflow:hidden}
.pack-top h3{position:relative;z-index:2}
.pack.c2 .pack-top{background:#FB4605}
.pack-photo{position:absolute;left:0;right:0;bottom:0;width:100%;height:calc(100% - 92px);object-fit:contain;object-position:center bottom;z-index:1}

/* 할머니 사진 조금 더 크게: 카드 폭보다 살짝 크게 키우고 좌우는 카드가 잘라냄 */
@media(min-width:901px){
  .pack-photo{width:128%;left:-18%;right:auto;height:auto;max-height:calc(100% - 84px);object-fit:contain;object-position:right bottom}
}
@media(min-width:901px){
  .pack-photo{width:128%;height:calc(100% - 84px);max-height:none;left:-24%;right:auto;object-fit:contain;object-position:center bottom}
}
.pack-photo{max-width:none}

/* FRUITING VEGGIES 카드: 사진 배경색에 맞춤, 얼굴과 아스파라거스가 모두 보이도록 좌우를 균형 있게 */
.pack.c3 .pack-top{background:#E51621}
@media(min-width:901px){.pack-photo.p-c3{left:-14%}}

/* LEAFY & SALAD 카드: 사진 배경색에 맞춤 */
.pack.c1 .pack-top{background:#2E9734}
@media(min-width:901px){.pack-photo.p-c1{left:-14%}}

/* 아스파라거스 사진: 전체가 잘리지 않게 카드 폭에 맞춤 */
@media(min-width:901px){
  .pack-photo.p-c3{width:100%;left:0;right:0;height:auto;max-height:calc(100% - 84px);object-fit:contain;object-position:center bottom}
}

/* Shop 상단 카테고리: 큰 농부 사진을 빼고 카드를 전체 폭으로 크게 */
@media(min-width:901px){
  .shelf-lg .shelf-body{grid-template-columns:1fr!important}
  .shelf-lg .shelf-main .pack-top{flex:none;aspect-ratio:2/3;min-height:0}
  .shelf-lg .pack-photo{width:100%;left:0;right:0;height:auto;max-height:calc(100% - 84px);object-fit:contain;object-position:center bottom}
  .shelf-lg .pack-row{gap:20px}
  .shelf-lg .pack-items{font-size:max(.85rem,5cqi)}
}

/* MUSHROOM & TUBERS 카드: 사진 배경색에 맞춤 */
.pack.c4 .pack-top{background:#660E30}
@media(min-width:901px){.pack-photo.p-c4{left:-14%}}

/* 큰 카드(Shop 상단)에서는 사진을 카드 폭에 맞춰 중앙에 (이전 좌우 이동 설정 무효화) */
@media(min-width:901px){
  .shelf-lg .pack-photo[class*="p-c"]{left:0;right:0}
}

/* 사진을 카드 폭에 꽉 채움(좌우 빈 띠 없음). 카드는 사진 높이만큼 세로로 늘리고, 사진 윗부분은 배경색으로 부드럽게 섞음 */
@media(min-width:901px){
  .shelf-lg .shelf-main .pack-top{aspect-ratio:11/20}
  .shelf-lg .pack-photo{width:100%;height:auto;max-height:none;object-fit:fill;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 10%);mask-image:linear-gradient(to bottom,transparent 0,#000 10%)}
}

/* 제목 아래에서부터 사진이 시작 (제목 아래로 얼굴이 오도록): 제목 -> 사진 순으로 쌓고 카드 높이는 가장 긴 사진에 맞춤 */
@media(min-width:901px){
  .shelf-lg .shelf-main .pack-top{display:flex;flex-direction:column;aspect-ratio:auto;flex:1 1 auto;min-height:0}
  .shelf-lg .pack-photo,.shelf-lg .pack-photo[class*="p-c"]{position:static;left:auto;right:auto;bottom:auto;flex:none;
    width:calc(100% + 16cqi);max-width:none;height:auto;max-height:none;margin:auto -8cqi -7cqi;
    -webkit-mask-image:none;mask-image:none}
  .shelf-lg .pack-top h3{margin-bottom:2cqi}
}

/* WILD & SEASONAL 카드: 사진 배경색에 맞춤 */
.pack.c5 .pack-top{background:#17458A}

/* 카드 품목 줄(상추, 깻잎 ...): 더 크고 굵고 진하게 */
.pack-items,.shelf-lg .pack-items{font-family:var(--font-body);font-weight:700;font-size:max(.95rem,6cqi);line-height:1.45;letter-spacing:0;color:#1B2B20}
.pack-items{min-height:calc(2 * 1.45 * max(.95rem,6cqi) + 5cqi)}

/* Today's Fresh picks 제목: 흰색 (노란 배경에서 읽히도록 은은한 초록 그림자) */
.fresh-sec .section-head h2{color:#fff;text-shadow:2px 2px 0 rgba(0,73,44,.45)}

/* Farmers info: 농부 카드 (카테고리 카드와 같은 스타일) */
.farmers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,300px));gap:20px;margin-top:26px}
.farmer.pack{box-shadow:0 12px 26px rgba(0,0,0,.18)}
.farmer .pack-top{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0;flex:1 1 auto}
.farmer .pack-top h3{color:var(--paper)}
.farmer.dark .pack-top h3{color:var(--green-deep)}
.farmer .pack-photo{position:static;flex:none;width:calc(100% + 16cqi);max-width:none;height:auto;max-height:none;margin:auto -8cqi -7cqi;left:auto;right:auto}
.farmer .pack-items{color:var(--green-deep)}
.farmer .pack-name{color:var(--green-deep);flex-direction:column;align-items:flex-start;gap:2px;min-height:0}
.farmer .pack-name small{font-family:var(--font-body);font-weight:600;font-size:max(.8rem,5cqi);color:var(--muted)}

/* 메뉴가 6개로 늘어 좁은 데스크톱 폭에서는 로고 옆 태그라인을 숨겨 메뉴 공간 확보 */
@media(min-width:1101px) and (max-width:1439px){.brand .tag{display:none}.main-nav{gap:20px}}

/* 전남 지역별 시장 타일 */
.region-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.region{display:flex;flex-direction:column;justify-content:flex-end;min-height:110px;padding:14px 16px;border-radius:var(--r-lg);border:2px solid var(--green-deep);transition:.15s;color:var(--cream)}
.region:hover{transform:translateY(-3px);box-shadow:5px 5px 0 var(--yellow)}
.region .rn{font-family:var(--font-poster);font-weight:400;font-size:2rem;line-height:1}
.region .rs{font-weight:700;font-size:.8rem;letter-spacing:.1em;opacity:.9}
.region.r1{background:var(--green)}
.region.r2{background:#F04A12}
.region.r3{background:var(--red)}
.region.r4{background:var(--maroon)}
.region.r5{background:var(--blue)}

/* 세로로 긴 사진: 폭을 조금 줄여 섹션이 너무 길어지지 않게 */
@media(min-width:901px){.fresh-body{grid-template-columns:minmax(260px,34%) minmax(0,1fr)}}

/* Today's Fresh picks 위 작은 제목: 오늘 수확 */
.fresh-eyebrow{margin:0 0 6px;font-family:var(--font-body);font-weight:900;font-size:clamp(1.05rem,1.6vw,1.4rem);letter-spacing:.06em;color:var(--green-deep)}

/* '오늘 수확': 영문 제목(Farm fresh 같은 굵은 세리프)에 어울리는 굵은 한글 세리프 + 초록 알약 라벨로 눈에 띄게 */
.fresh-eyebrow{display:inline-block;margin:0 0 10px;padding:5px 20px 6px;border-radius:999px;background:var(--green-deep);color:var(--yellow);
  font-family:"Noto Serif KR","Fraunces",Georgia,serif;font-weight:900;font-size:clamp(1.3rem,2.2vw,1.9rem);letter-spacing:.02em;line-height:1.2;box-shadow:3px 3px 0 var(--orange)}

/* '오늘 수확': 배경 없이 흰색, 영문 제목과 같은 굵은 소프트 세리프 설정 (한글은 Fraunces에 글자가 없어 가장 가까운 굵은 세리프로 표시) */
.fresh-eyebrow{display:block;background:none;box-shadow:none;border-radius:0;padding:0;margin:0 0 4px;color:#fff;
  font-family:"Fraunces","Noto Serif KR",Georgia,serif;font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:900;
  font-size:clamp(1.5rem,2.6vw,2.3rem);letter-spacing:0;line-height:1.1;text-shadow:2px 2px 0 rgba(0,73,44,.45)}

/* 히어로 사진(가로로 긴 새 사진): 원본 비율에 맞춰 잘림 최소화 */
@media(min-width:901px){.hero-photo{aspect-ratio:1600/867;max-height:560px}}
@media(max-width:900px){.hero-photo{aspect-ratio:1600/867}}

/* '오늘 수확 / Today's Fresh picks' 제목을 사진 아래로 */
.fresh-left{min-width:0}
.fresh-title{margin-top:22px}
.fresh-title h2{margin:0;color:#fff;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05;text-shadow:2px 2px 0 rgba(0,73,44,.45)}
.fresh-more{display:flex;justify-content:flex-end;margin-bottom:14px}
.fresh-more a{font-family:var(--font-display);font-variation-settings:"SOFT" 100;font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green-deep);border-bottom:2px solid var(--green-deep)}
@media(max-width:900px){.fresh-title{margin:18px 0 22px}}

/* Today's Fresh picks 왼쪽: 사진 위 + 제목 아래 초록 패널 (특산품 패널과 같은 구성) */
.fresh-left{border-radius:var(--r-lg);overflow:hidden;background:var(--green-deep);box-shadow:8px 8px 0 var(--orange);align-self:start}
.fresh-left .fresh-photo{border:0;border-radius:0;box-shadow:none;background:var(--mint)}
.fresh-left .fresh-title{margin:0;padding:22px 20px 26px;text-align:center;background:var(--green-deep)}
.fresh-left .fresh-eyebrow{color:var(--yellow);text-shadow:none;margin:0 0 6px}
.fresh-left .fresh-title h2{color:#fff;text-shadow:none}

/* 월별 제철 카드 */
.season-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,260px));gap:18px}
.season{border-radius:var(--r-lg);overflow:hidden;border:2px solid var(--green-deep);box-shadow:6px 6px 0 var(--yellow);display:flex;flex-direction:column}
.season img{width:100%;height:auto;display:block}
.season-info{background:var(--paper);padding:12px 16px 16px;display:flex;flex-direction:column;gap:2px}
.season-info b{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--green-deep)}
.season-info span{font-weight:700;font-size:.95rem;color:#1B2B20}

.season-info span{display:block;line-height:1.45;margin-top:3px}
.season-info span i{display:inline-block;font-style:normal;font-weight:900;font-size:.72rem;letter-spacing:.06em;background:var(--green-deep);color:var(--cream);border-radius:999px;padding:1px 8px;margin-right:6px;vertical-align:1px}

/* 월별 카드: 품목 글자 더 크게, 카드 폭 확대 */
.season-grid{grid-template-columns:repeat(auto-fill,minmax(250px,300px))}
.season-info{padding:14px 16px 18px}
.season-info b{font-size:1.25rem;margin-bottom:4px}
.season-info span{font-size:.98rem;line-height:1.5;margin-top:6px}
.season-info span i{font-size:.78rem}

/* 한 줄 4장 유지(카드 폭 270px 고정) + 카드 아래 사진 배경색 띠 제거(정보 칸이 남는 높이를 채움) */
.season-grid{grid-template-columns:repeat(auto-fill,270px);gap:18px;align-items:stretch}
.season{background:var(--paper)!important}
.season img{flex:none}
.season-info{flex:1}

/* 야채/과일 각각 한 줄: 카드 폭 3열(360px), 글자는 한 줄에 맞게 자동 축소(최소 10px) */
.season-grid{grid-template-columns:repeat(auto-fill,360px)}
.season-info span{display:flex;align-items:center;gap:0;white-space:nowrap}
.season-info span em{font-style:normal;flex:1;min-width:0;overflow:hidden;white-space:nowrap}

/* 한 줄 4장 x 3줄 (폭이 좁아 한 줄 표시 글자는 자동 축소) */
@media(min-width:901px){
  .season-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .season-info{padding:12px 12px 16px}
  .season-info span i{padding:1px 6px;margin-right:5px;font-size:.7rem}
}
@media(max-width:900px){.season-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

.season-info span i.o{background:var(--orange)}

/* 월별 카드 영역만 더 넓게(최대 1520px) -> 4장씩 한 줄, 카드 폭 확대로 한 줄 글씨 안 잘리게 */
@media(min-width:901px){
  #seasons>.wrap{max-width:1520px}
  .season-grid{gap:18px}
  .season-info{padding:14px 16px 18px}
  .season-info span i{padding:1px 8px;margin-right:6px;font-size:.76rem}
}

/* 전남 지역 시장 카드 */
.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.market{border-radius:var(--r-lg);border:2px solid var(--green-deep);overflow:hidden;background:#fff;box-shadow:5px 5px 0 var(--yellow)}
.market h3{margin:0;padding:14px 18px;font-family:var(--font-poster);font-weight:400;font-size:1.9rem;line-height:1;color:var(--cream)}
.market.r1 h3{background:var(--green)}.market.r2 h3{background:#F04A12}.market.r3 h3{background:var(--red)}.market.r4 h3{background:var(--maroon)}.market.r5 h3{background:var(--blue)}
.market ul{margin:0;padding:12px 18px 16px;list-style:none}
.market li{padding:7px 0;border-bottom:1px dashed var(--border);font-weight:700;color:var(--green-deep)}
.market li:last-child{border-bottom:0}
/* 메뉴 7개: 중간 폭에서 한 줄에 들어가도록 간격/글자 간격 축소 */
@media(min-width:1101px) and (max-width:1279px){.main-nav{gap:13px}.main-nav a{letter-spacing:0;font-size:.88rem}.nav-right{gap:10px}.topbar-inner{gap:12px}.nav-right .ord{display:none}}
@media(min-width:1280px) and (max-width:1439px){.main-nav{gap:16px}.main-nav a{letter-spacing:.01em}}
/* 휴대폰/태블릿 가독성·터치: 글자 최소 크기, 터치 영역 44px, iOS 입력창 자동 확대 방지 */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:1100px){
  .announce{font-size:.8rem;letter-spacing:.05em}
  .eyebrow,.ntag{font-size:.8rem}
  .nd{font-size:.82rem}
  .badge{font-size:.8rem;padding:4px 12px}
  .shelf-head a{display:inline-flex;align-items:center;min-height:44px;font-size:.85rem}
  .qty button{width:44px;height:44px}
  .btn-ghost[data-d]{padding:10px 14px!important;font-size:.85rem!important;min-height:44px}
  .cart-link{min-height:44px}
  input,select,textarea{font-size:16px}
}
/* 휴대폰/태블릿(900px 이하) 월별 카드: 글자 자동 축소 대신 14px 고정 + 줄바꿈 허용 (읽기 우선) */
@media(max-width:900px){
  .season-info span{font-size:14px!important;align-items:flex-start;white-space:normal;line-height:1.4}
  .season-info span i{flex:none;margin-top:2px}
  .season-info span em,.season-info span .tx{white-space:normal;overflow:visible;overflow-wrap:anywhere;word-break:keep-all}
}
@media(max-width:1100px){
  input[type=checkbox],input[type=radio]{width:22px;height:22px;flex:none;accent-color:var(--green-deep)}
  label:has(>input[type=checkbox]){min-height:36px;align-items:center}
}
@media(max-width:1100px){
  .card .cat{font-size:.8rem}
  .card .origin{font-size:.82rem}
  .season-info span i{font-size:.82rem}
  .fresh-more,.section-head a{display:inline-flex;align-items:center;min-height:44px;font-size:.85rem}
}
/* 휴대폰/태블릿: 메뉴를 햄버거 안에 숨기지 않고, 로고 아래 한 줄로 항상 보이게(옆으로 밀어서 더 보기) */
@media(max-width:1100px){
  .topbar-inner{flex-wrap:wrap;row-gap:0;min-height:0;padding-top:6px}
  .brand{min-height:52px;display:flex;align-items:center}
  .nav-right{min-height:52px}
  .menu-btn{display:none}
  .main-nav,.topbar.open .main-nav{
    display:flex;position:static;order:3;flex:0 0 100%;width:100%;flex-direction:row;align-items:center;gap:6px;
    background:transparent;border-top:1px solid rgba(255,247,230,.22);padding:0;margin:0 -2px;
    overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap
  }
  .main-nav::-webkit-scrollbar{display:none}
  .main-nav a{flex:none;padding:12px 11px 9px;border-bottom:3px solid transparent;font-size:.95rem;letter-spacing:0}
  .main-nav a.on{border-bottom-color:var(--yellow);color:var(--yellow)}
  .main-nav a.sub{font-size:.9rem;opacity:.85}
}

/* 전체 메뉴(☰): 홈 왼쪽 버튼 + 모든 메뉴를 한 화면에 */
.nav-all{display:inline-flex;align-items:center;gap:6px;flex:none;background:transparent;border:2px solid var(--yellow);color:var(--yellow);border-radius:var(--r-pill);padding:6px 12px 6px 10px;min-height:40px;cursor:pointer;font-family:var(--font-display);font-weight:800;font-size:.9rem}
.nav-all svg{width:20px;height:20px}
.nav-all:hover,.nav-all[aria-expanded="true"]{background:var(--yellow);color:var(--green-deep)}
.allmenu[hidden],.allmenu-backdrop[hidden]{display:none}
.allmenu{position:absolute;left:0;right:0;top:100%;background:var(--cream);color:#1B2B20;border-bottom:4px solid var(--green-deep);box-shadow:0 12px 24px rgba(0,0,0,.25);max-height:calc(100vh - 120px);overflow-y:auto;z-index:60}
.allmenu-in{padding-top:14px;padding-bottom:22px}
.allmenu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.allmenu-head b{font-family:var(--font-display);font-size:1.15rem;color:var(--green-deep)}
.allmenu-x{width:44px;height:44px;border-radius:50%;border:2px solid var(--green-deep);background:#fff;color:var(--green-deep);font-size:1.5rem;line-height:1;cursor:pointer}
.allmenu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 28px}
.allmenu-grid h3{font-size:.85rem;margin:14px 0 4px;color:var(--orange);letter-spacing:.04em}
.allmenu-grid a{display:flex;align-items:center;min-height:46px;padding:0 4px;border-bottom:1px solid rgba(0,73,44,.15);font-weight:700;font-size:1.02rem;color:var(--green-deep)}
.allmenu-grid a:hover{color:var(--orange)}
.allmenu-grid a.on{color:var(--orange)}
.allmenu-backdrop{position:fixed;inset:0;background:rgba(0,30,18,.45);z-index:40}
@media(max-width:700px){.allmenu-grid{display:block;column-count:2;column-gap:20px}.allmenu-grid section{break-inside:avoid}.allmenu-grid a{font-size:.95rem;min-height:44px}.allmenu{max-height:calc(100vh - 100px)}}
@media(max-width:1100px){.main-nav .nav-all{position:sticky;left:0;z-index:3;margin-right:4px;background:var(--green-deep)}.main-nav .nav-all:hover,.main-nav .nav-all[aria-expanded="true"]{background:var(--yellow)}}
@media(max-width:700px){.nav-all{padding:6px 10px;gap:0}.nav-all span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}

/* 오늘 수확한 신선야채: 사진 없이 맨 위 제목 + 전체 폭 상품 카드 */
.fresh-sec .fresh-body{display:block}
.fresh-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:0 0 18px}
.fresh-head h2{margin:0;font-family:var(--font-display);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:900;font-size:clamp(1.6rem,4.4vw,2.5rem);line-height:1.1;color:var(--green-deep);text-shadow:none}
.fresh-head a{font-weight:800;font-size:.95rem;color:var(--green-deep);border-bottom:2px solid var(--green-deep);display:inline-flex;align-items:center;min-height:36px}
.fresh-sec{background:#fff}

/* 오늘 수확한 신선야채: 흰 배경, 굵은 한글 제목 + 초록 "전체 보기", 큰 사진 카드 + 초록 ＋ 버튼 */
.fresh-head{justify-content:flex-start;align-items:baseline;gap:16px}
.fresh-head h2{font-family:'Noto Sans KR',var(--font-body);font-variation-settings:normal;font-weight:800;letter-spacing:-.02em;color:#161616;font-size:clamp(1.45rem,4.2vw,2.2rem)}
.fresh-head a{color:var(--green);font-weight:700;border-bottom:2px solid var(--green);font-size:1rem}
.pk-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 14px;margin:0 -2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pk-row::-webkit-scrollbar{display:none}
.pk-card{flex:0 0 46%;max-width:250px;scroll-snap-align:start}
@media(min-width:700px){.pk-card{flex-basis:28%}}
@media(min-width:1000px){.pk-card{flex-basis:calc(20% - 12px)}}
.pk-media{position:relative}
.pk-img{display:block;position:relative;aspect-ratio:1/1;border-radius:20px;border:1px solid #e4e4e4;background:#fff;overflow:hidden}
.pk-img img{width:100%;height:100%;object-fit:cover;display:block}
.pk-badge{position:absolute;left:10px;top:10px;background:#eaf6ea;border:2px solid #1e7a30;color:#1e7a30;font-weight:800;font-size:.78rem;padding:3px 10px;border-radius:8px}
.pk-badge.soldout{background:#fdecea;border-color:#c0392b;color:#c0392b}
.pk-add{position:absolute;right:10px;bottom:10px;width:46px;height:46px;border-radius:50%;border:0;background:#1e8e2e;color:#fff;font-size:1.8rem;line-height:1;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.pk-add:active,.pk-add.done{background:#0f6b1c;transform:scale(.94)}
.pk-body{display:block;padding:10px 4px 0;color:#161616}
.pk-name{font-weight:700;font-size:1rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:'Noto Sans KR',var(--font-body)}
.pk-price{font-weight:800;font-size:1.2rem;margin-top:6px}
.pk-meta{font-size:.9rem;color:#666;margin-top:2px}
.pk-tag{display:inline-block;margin-top:8px;background:#ececec;color:#444;font-weight:700;font-size:.82rem;padding:5px 12px;border-radius:999px}
/* 상품 사진은 자르지 않고 올린 사진의 원래 가로세로 비율 그대로 보여 준다 (너무 긴 세로 사진만 높이 제한) */
.pk-row{align-items:flex-start}
.pk-img{aspect-ratio:auto;min-height:120px;display:flex;align-items:center;justify-content:center}
.pk-img img{width:100%;height:auto;max-height:min(120vw,440px);object-fit:contain}

/* 야채쇼핑 목록: 제목 + 분류별 버튼 + 유기농 참기름 배너 + 옆으로 넘기는 상품 줄 */
.shop-top{background:#fff;padding:22px 0 6px}
.shop-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.shop-title h1{margin:0;font-family:'Noto Sans KR',var(--font-body);font-variation-settings:normal;font-weight:800;font-size:clamp(1.7rem,5.4vw,2.4rem);letter-spacing:-.02em;color:#161616}
.shop-by{position:relative}
.shop-by>button{min-height:44px;padding:0 18px;border:2px solid #1e7a30;border-radius:999px;background:#fff;color:#1e7a30;font-weight:800;font-size:1rem;cursor:pointer;font-family:'Noto Sans KR',var(--font-body)}
.shop-by>button[aria-expanded="true"]{background:#1e7a30;color:#fff}
.shop-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;background:#fff;border:2px solid #1e7a30;border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.18);padding:6px;z-index:30}
.shop-menu[hidden]{display:none}
.shop-menu a{display:flex;align-items:center;min-height:46px;padding:0 14px;border-radius:10px;font-weight:700;color:#161616}
.shop-menu a:hover{background:#eaf6ea;color:#1e7a30}
.shop-search input{width:100%;min-height:50px;border:2px solid #d9d9d9;border-radius:999px;padding:0 20px;font-size:16px;background:#fff}
.shop-search input:focus{border-color:#1e7a30;outline:none}
.oil-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0 4px;padding:20px 22px;border-radius:16px;background:#5b2e0e;color:#fff7e6;overflow:hidden;position:relative}
.oil-banner::after{content:"";position:absolute;right:-40px;top:-60px;width:200px;height:200px;border-radius:50%;background:rgba(242,184,75,.22);pointer-events:none}
.oil-banner:hover{background:#6b3711}
.ob-text{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}
.ob-text small{font-size:.85rem;font-weight:700;color:#f2b84b;letter-spacing:.04em}
.ob-text b{font-family:'Noto Sans KR',var(--font-body);font-weight:900;font-size:clamp(1.5rem,5vw,2.2rem);line-height:1.15;color:#fff7e6}
.ob-btn{position:relative;z-index:1;flex:none;background:#f2b84b;color:#3d1e07;font-weight:900;border-radius:999px;padding:11px 20px;font-size:1rem;white-space:nowrap}
.shop-rows{padding-top:14px;padding-bottom:10px}
.pk-sec{margin:0 0 30px}
.pk-sec-head{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}
.pk-sec-head h2{margin:0;font-family:'Noto Sans KR',var(--font-body);font-variation-settings:normal;font-weight:800;font-size:clamp(1.3rem,4vw,1.8rem);letter-spacing:-.02em;color:#161616}
.pk-sec-head>a{color:#1e7a30;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.pk-arrows{margin-left:auto;display:flex;gap:6px;align-self:center}
.pk-arrows button{width:42px;height:42px;border-radius:50%;border:0;background:transparent;font-size:2rem;line-height:1;color:#161616;cursor:pointer}
.pk-arrows button:disabled{color:#c8c8c8;cursor:default}
.shop-results .res-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.shop-results .res-head h2{margin:0;font-family:'Noto Sans KR',var(--font-body);font-variation-settings:normal;font-weight:800;font-size:clamp(1.4rem,4.4vw,2rem);color:#161616}
.shop-results .res-head a{color:#1e7a30;font-weight:700;text-decoration:underline}
.pk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;align-items:start}
.pk-grid .pk-card{max-width:none}
@media(min-width:700px){.pk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1000px){.pk-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
#extras .shelf,.shelf-lg{margin-top:10px}
.shop-rows,.shop-results{background:#fff}
.pk-sec-head h2{min-width:0}
@media(max-width:700px){.pk-arrows button{width:34px;height:34px;font-size:1.7rem}.pk-sec-head{gap:10px}}

/* 당근(주황) 결제 버튼 / 배너 / 팝업 */
.pk-add.pk-dg{background:#FF6F0F;font-size:1.8rem;font-weight:400;line-height:1;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.pk-add.pk-dg:hover{background:#e55f00}
.cart-link.dg-pill{background:#FF6F0F;color:#fff}
.cart-link.dg-pill span{letter-spacing:0;text-transform:none;font-weight:900}
.dg-banner{background:#FF6F0F;color:#fff}
.dg-banner-in{display:flex;align-items:center;gap:14px;padding-top:14px;padding-bottom:14px}
.dg-ico{font-size:2rem;line-height:1;flex:none}
.dg-txt{display:flex;flex-direction:column;min-width:0;flex:1}
.dg-txt b{font-family:'Noto Sans KR',var(--font-body);font-weight:900;font-size:1.1rem;line-height:1.3}
.dg-txt small{font-size:.9rem;opacity:.95}
.dg-btn{flex:none;background:#fff;color:#c24d00;font-weight:900;border-radius:999px;padding:10px 18px;white-space:nowrap}
@media(max-width:560px){.dg-banner-in{flex-wrap:wrap}.dg-btn{width:100%;text-align:center}}
.dg-pop{position:fixed;inset:0;z-index:100;background:rgba(20,20,20,.55);display:flex;align-items:center;justify-content:center;padding:20px}
.dg-pop-box{position:relative;width:100%;max-width:380px;background:#fff;border-radius:24px;padding:34px 24px 20px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.dg-pop-x{position:absolute;right:10px;top:10px;width:44px;height:44px;border:0;background:transparent;font-size:2rem;line-height:1;color:#666;cursor:pointer}
.dg-pop-ico{font-size:3.2rem;line-height:1;margin-bottom:6px}
.dg-pop-box h2{margin:0 0 10px;font-family:'Noto Sans KR',var(--font-body);font-variation-settings:normal;font-weight:900;font-size:1.5rem;color:#161616}
.dg-pop-box p{margin:0 0 20px;color:#444;line-height:1.6;font-size:1rem}
.dg-pop-go{display:flex;align-items:center;justify-content:center;gap:8px;background:#FF6F0F;color:#fff;font-weight:900;font-size:1.1rem;border-radius:999px;padding:15px 16px}
.dg-pop-skip{margin-top:6px;min-height:44px;background:transparent;border:0;color:#777;font-size:.95rem;text-decoration:underline;cursor:pointer}

.dg-soon{background:#ffe3cf;color:#a24300;pointer-events:none;border:2px dashed #FF6F0F;font-weight:800}
.dg-banner .dg-soon{background:rgba(255,255,255,.22);color:#fff;border-color:#fff}
.dg-pop-box h2{line-height:1.3}

/* 야채쇼핑 맨 위 배너 이미지 */
.shop-hero{display:block;width:100%;height:auto;border-radius:20px;margin:0 0 18px;background:#f3efe4}
@media(min-width:900px){.shop-hero{border-radius:24px}}
/* 사진은 절대 자르지 않는다: 컴퓨터에서는 높이를 줄이는 대신 가로 폭만 제한하고 가운데 정렬 */
@media(min-width:900px){.shop-hero{aspect-ratio:auto;object-fit:contain;height:auto;max-width:880px;margin-left:auto;margin-right:auto}}

/* 헤더 안 유기농 참기름 배너 (주황): 로고 옆 빈 공간 */
.hd-oil{display:flex;align-items:center;gap:10px;min-width:0;background:#FF6F0F;color:#fff;border-radius:12px;padding:7px 8px 7px 14px;text-decoration:none;position:relative;overflow:hidden;order:1}
.hd-oil::after{content:"";position:absolute;right:-26px;top:-34px;width:96px;height:96px;border-radius:50%;background:rgba(255,255,255,.16);pointer-events:none}
.hd-oil:hover{background:#e55f00}
.hd-oil-t{display:flex;flex-direction:column;min-width:0;position:relative;z-index:1}
.hd-oil small{font-size:.68rem;font-weight:700;color:#fff3e0;line-height:1.25;white-space:nowrap}
.hd-oil b{font-family:'Noto Sans KR',var(--font-body);font-weight:900;font-size:1.02rem;line-height:1.2;color:#fff;white-space:nowrap}
.hd-oil-b{flex:none;position:relative;z-index:1;background:#fff;color:#b84700;font-weight:900;font-size:.8rem;border-radius:999px;padding:6px 11px;white-space:nowrap}
.nav-right{order:2}
@media(max-width:1100px){
  .brand{order:0}.hd-oil{margin-left:auto;margin-right:10px}.nav-right{margin-left:0}
}
@media(max-width:430px){
  /* 좁은 폰: 오른쪽 "당근" 버튼과 한 줄에 들어가도록 "바로가기" 버튼은 화살표로 줄인다 */
  .hd-oil{padding:6px 12px;gap:6px;margin-right:6px}
  .hd-oil small{font-size:.62rem}.hd-oil b{font-size:.92rem}
  .hd-oil-b{display:none}
  .hd-oil b::after{content:" \203A";font-weight:900}
}
@media(max-width:340px){.hd-oil small{display:none}.hd-oil{padding:6px 10px}}
@media(min-width:1101px) and (max-width:1359px){.hd-oil{display:none}}
@media(min-width:1360px){.hd-oil{margin-left:14px;margin-right:6px}}

/* 헤더 배너를 옆으로 길게: 로고와 오른쪽 버튼 사이의 빈 공간을 모두 채운다 */
.hd-oil{justify-content:space-between}
@media(max-width:1100px){.hd-oil{flex:1 1 auto;margin-left:14px;margin-right:10px}}
@media(max-width:430px){.hd-oil{margin-left:8px;margin-right:6px;justify-content:flex-start}}
@media(min-width:1360px){.hd-oil{flex:1 1 auto;max-width:620px;margin-left:18px;margin-right:6px}}
@media(min-width:600px){
  .hd-oil{padding:9px 10px 9px 20px}
  .hd-oil small{font-size:.76rem}.hd-oil b{font-size:1.2rem}
  .hd-oil-b{font-size:.92rem;padding:8px 18px}
}
/* 홈 사진의 무지개 반원: 크기를 줄임 (컴퓨터 210px -> 120px, 휴대폰/태블릿 140px -> 76px) */
.photo-arch{width:120px;height:120px;border-radius:120px 0 0 0}
@media(max-width:900px){.photo-arch{width:76px;height:76px;border-radius:76px 0 0 0}}

/* ── 레시피 (목록/상세) ── */
.rc-top{background:#fff;padding:26px 0 8px}
.rc-top h1{margin:0 0 6px;font-family:'Noto Sans KR',var(--font-body);font-variation-settings:normal;font-weight:900;font-size:clamp(1.8rem,5.6vw,2.6rem);letter-spacing:-.02em;color:#161616}
.rc-top p{margin:0 0 14px;color:#555}
.rc-chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rc-chips::-webkit-scrollbar{display:none}
.rc-chip{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:2px solid #1e7a30;border-radius:999px;font-weight:800;color:#1e7a30;background:#fff;white-space:nowrap}
.rc-chip.on{background:#1e7a30;color:#fff}
.rc-list{background:#fff;padding-top:8px}
.rc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;align-items:start}
@media(min-width:700px){.rc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1000px){.rc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rc-card{display:block;color:#161616}
.rc-img{position:relative;border-radius:20px;overflow:hidden;background:#f3efe4;border:1px solid #e4e4e4}
.rc-img img{display:block;width:100%;height:auto}
.rc-ph{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:#888;font-weight:700}
.rc-play{position:absolute;left:10px;bottom:10px;background:#FF6F0F;color:#fff;font-weight:900;font-size:.78rem;padding:3px 10px;border-radius:999px}
.rc-body{padding:10px 4px 0}
.rc-tag{display:inline-block;background:#24485a;color:#fff;font-weight:800;font-size:.78rem;padding:4px 12px;border-radius:999px;margin-bottom:6px}
.rc-body h3{margin:0 0 4px;font-family:'Noto Sans KR',var(--font-body);font-variation-settings:normal;font-weight:800;font-size:1.05rem;line-height:1.35;color:#161616}
.rc-facts{font-size:.88rem;color:#666}
.rc-veg{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.rc-veg span,.rc-veg a{background:#eaf3ea;color:#2d5a3a;font-weight:700;font-size:.8rem;padding:3px 10px;border-radius:999px}
.rcp{padding-top:4px}
.rcp-top{display:grid;grid-template-columns:1fr;gap:20px;margin-top:8px}
@media(min-width:900px){.rcp-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start}}
.rcp-main{display:block;width:100%;height:auto;border-radius:24px;background:#f3efe4}
.rcp-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto}
.rcp-thumbs img{flex:none;width:64px;height:64px;object-fit:cover;border-radius:10px;cursor:pointer}
.rcp-info h1{margin:8px 0 10px;font-family:'Noto Sans KR',var(--font-body);font-variation-settings:normal;font-weight:900;font-size:clamp(1.7rem,5vw,2.5rem);line-height:1.2;letter-spacing:-.02em;color:#161616}
.rcp-sum{margin:10px 0 0;color:#444;line-height:1.6}
.rcp-facts{display:flex;margin:14px 0 18px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}
.rcp-facts>div{flex:1;text-align:center;padding:12px 6px;border-left:1px solid #e3e3e3}
.rcp-facts>div:first-child{border-left:0}
.rcp-facts small{display:block;color:#777;font-size:.75rem;font-weight:700;margin-bottom:2px}
.rcp-facts b{font-size:1.02rem;color:#161616}
.rcp-vid{position:relative;border-radius:20px;overflow:hidden;background:#000;aspect-ratio:16/9}
.rcp-vid iframe,.rcp-vid video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.rcp-body{display:grid;grid-template-columns:1fr;gap:26px;margin-top:32px}
@media(min-width:900px){.rcp-body{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px}.rcp-body #secTips{grid-column:1/-1}}
.rcp-sec h2{margin:0 0 12px;font-family:'Noto Sans KR',var(--font-body);font-variation-settings:normal;font-weight:900;font-size:1.3rem;color:#161616}
.rcp-sec ul{list-style:none;margin:0;padding:0}
.rcp-sec ul li{padding:10px 2px;border-bottom:1px solid #ececec;font-size:1rem;line-height:1.5}
.rcp-sec ol{counter-reset:s;list-style:none;margin:0;padding:0}
.rcp-sec ol li{counter-increment:s;position:relative;padding:4px 0 16px 46px;font-size:1rem;line-height:1.65}
.rcp-sec ol li::before{content:counter(s);position:absolute;left:0;top:2px;width:32px;height:32px;border-radius:50%;background:#FF6F0F;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center}
.rcp-related{margin-top:34px}
.rcp-related h2{margin:0 0 12px;font-family:'Noto Sans KR',var(--font-body);font-variation-settings:normal;font-weight:900;font-size:1.3rem}

/* 레시피 목록: 큰 둥근 배너 + 3열 카드 + 사진 위 태그 */
.rc-hero{border-radius:28px;background:linear-gradient(135deg,#00492C,#1e7a30);color:#fff;text-align:center;padding:44px 20px 40px;margin-bottom:14px}
.rc-hero h1.rc-t,.rc-top .rc-hero h1{color:#fff;margin:0 0 10px;font-size:clamp(2rem,7vw,3rem);letter-spacing:.02em}
.rc-top .rc-hero p{color:#e8f3ea;margin:0 auto;max-width:560px;line-height:1.6}
.rc-chips{justify-content:center;flex-wrap:wrap;overflow:visible}
@media(max-width:699px){.rc-chips{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}}
@media(min-width:700px){.rc-grid{gap:34px 22px}}
@media(min-width:1000px){.rc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rc-img{border-radius:24px;border:0;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.rc-img .rc-tag{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:2;margin:0;font-size:.74rem;letter-spacing:.02em;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.rc-body{text-align:center;padding-top:12px}
.rc-body h3{font-size:1.1rem}
.rc-veg{justify-content:center}

/* 레시피 페이지 전용 테마 (흰 바탕 + 청록 + 남색 태그) */
body.jo{--jo:#2cb5a0;--jo-d:#12384a;background:#fff;color:#161616}
body.jo .announce,body.jo .stripes{display:none}
body.jo .topbar{background:#fff;border-bottom:1px solid #e6efee}
body.jo .brand,body.jo .brand .logo{color:var(--jo-d)}
body.jo .brand .tag{color:var(--jo);border-left-color:var(--jo)}
body.jo .main-nav a{color:var(--jo-d)}
body.jo .main-nav a:hover,body.jo .main-nav a.on{color:var(--jo);border-bottom-color:var(--jo)}
body.jo .nav-all{border-color:var(--jo);color:var(--jo)}
body.jo .nav-all:hover,body.jo .nav-all[aria-expanded="true"]{background:var(--jo);color:#fff}
body.jo .menu-btn{border-color:var(--jo);color:var(--jo)}
body.jo .cart-link{color:var(--jo-d)}
body.jo .rc-hero{background:linear-gradient(135deg,#1f9c8a,#2cb5a0 60%,#58d0bd)}
body.jo .rc-hero h1{text-transform:uppercase;letter-spacing:.08em}
body.jo .rc-chip{border-color:var(--jo);color:var(--jo)}
body.jo .rc-chip.on{background:var(--jo);color:#fff}
body.jo .rc-tag{background:var(--jo-d)}
body.jo .rc-play{background:var(--jo)}
body.jo .rc-body h3{text-transform:uppercase;letter-spacing:.03em;font-size:1rem;color:var(--jo-d)}
body.jo .rc-veg span,body.jo .rcp-veg span,body.jo .rcp-veg a{background:#e3f6f2;color:#16766a}
body.jo .rcp-sec ol li::before{background:var(--jo)}
body.jo .rcp-info h1,body.jo .rcp-sec h2{color:var(--jo-d)}
body.jo .rcp-main{background:#eef7f5}
body.jo .section,body.jo .rc-top,body.jo .rc-list{background:#fff}
body.jo .nav-all{background:#fff}
body.jo .rc-img,body.jo .rc-ph{background:#eef7f5}
body.jo .hd-oil{background:#f9d4dc;color:#7a2a3d}
body.jo .hd-oil:hover{background:#f4c2cd}
body.jo .hd-oil::after{background:rgba(255,255,255,.45)}
body.jo .hd-oil small{color:#9a4a5c}
body.jo .hd-oil b{color:#7a2a3d}
body.jo .hd-oil-b{background:#fff;color:#b04a62}
body.jo .footer{background:#abe33c;color:#243a0c;margin-top:0}
body.jo .footer b{color:#12384a}
body.jo .footer a{color:#12384a}
.soc{margin-bottom:16px}
.soc span{display:block;font-weight:800;font-size:1rem;margin-bottom:10px}
.soc div{display:flex;gap:10px}
.soc-i{width:40px;height:40px;border-radius:50%;background:#12384a;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important}
.soc-i svg{width:20px;height:20px}
.soc-i:hover{background:#2cb5a0}
.soc-d{font-size:1rem;line-height:1.6;opacity:.85;margin:0 0 18px}
.soc-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.soc-youtube{background:#ff0000}
.soc-tiktok{background:#000}
.soc-x{background:#000}
.soc-i:hover{filter:brightness(1.15);background-color:inherit}
.soc-instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.soc-youtube:hover{background:#ff0000}
.soc-tiktok:hover,.soc-x:hover{background:#000}

/* How it works: 그림 + 번호 + 설명 */
.steps{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.step{background:transparent;border:0;border-radius:0;padding:0;text-align:center}
.step::before{display:none}
.step-img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:22px;background:#dff3df;margin-bottom:16px}
.step-n{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#fdeeb0;border:6px solid #f3f3ee;box-sizing:content-box;font-style:normal;font-family:'Noto Sans KR',var(--font-body);font-weight:900;font-size:1.7rem;color:#222;margin-bottom:10px}
.step b{font-size:1.1rem;margin-bottom:6px}
.step span{display:block;line-height:1.55}
.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1000px){.steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){.steps{grid-template-columns:1fr}}
.step{position:relative}
.step-n{position:absolute;top:12px;left:12px;margin:0;width:44px;height:44px;border:3px solid #fff;font-size:1.4rem;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18);z-index:2}
.step:nth-child(1) .step-n{background:#2e9e4f}
.step:nth-child(2) .step-n{background:#ff7a1a}
.step:nth-child(3) .step-n{background:#ffd23f;color:#3a2e00}
.step:nth-child(4) .step-n{background:#f58bb0}
.step:nth-child(4) .step-n{top:auto;left:auto;right:10px;bottom:10px}
.step{text-align:left}
.step b{margin:2px 0 6px;font-size:1.15rem}
.step span{font-size:.95rem;word-break:keep-all}
.steps+.hint{margin-top:22px!important}
.steps-big{grid-template-columns:1fr;gap:34px}
@media(min-width:700px){.steps-big{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 30px}}
.steps-big .step-img{aspect-ratio:3/2;border-radius:28px;margin-bottom:18px}
.steps-big .step b{font-size:1.4rem}
.steps-big .step span{font-size:1.05rem}

/* 지역별 시장: 카드마다 다른 색 + 전남 지도에 해당 지역 표시 */
.market{border-color:var(--c,var(--green-deep))}
.market h3{background:var(--c,var(--green))!important}
.mk-map{display:block;width:100%;height:auto;padding:10px 14px 0;box-sizing:border-box}
.mk-base path{fill:color-mix(in srgb,var(--c) 14%,#fff);stroke:#fff;stroke-width:3;stroke-linejoin:round}
.mk-hi path{fill:var(--c);stroke:#fff;stroke-width:3;stroke-linejoin:round}
.mk-map{padding:6px 8px 0}
.mk-base path{fill:color-mix(in srgb,var(--c) 22%,#fff)}
.mk-ring{fill:none;stroke:var(--c);stroke-width:6;stroke-dasharray:14 10}

/* 이용·배송 안내: 한 줄에 반반 (왼쪽 분홍, 오른쪽 초록) */
.svc-duo{display:grid;grid-template-columns:1fr}
@media(min-width:800px){.svc-duo{grid-template-columns:1fr 1fr}}
.svc-half{padding:56px 20px}
.svc-in{max-width:520px;margin:0 auto}
.svc-half.pink{background:#fbc3d6;color:#4a1f2c}
.svc-half.pink h2{color:#7a1f45}
.svc-half.green{background:#1e7a40;color:#f2fbf3}
.svc-half.green h2{color:#fff}
.svc-half.green .notice{background:rgba(255,255,255,.15);border-color:#cfeacf;color:#fff}
.svc-half p{max-width:none}
@media(min-width:800px){.svc-half.pink .svc-in{margin-left:auto;margin-right:24px}.svc-half.green .svc-in{margin-left:24px;margin-right:auto}}
.page-hero.hero-green{background:#1e7a40;border-bottom-color:#14572c}
.page-hero.hero-green h1,.page-hero.hero-green p{color:#fff}
body.jo .hd-oil{background:#1fa58a;color:#fff}
body.jo .hd-oil:hover{background:#198f77}
body.jo .hd-oil::after{background:rgba(255,255,255,.2)}
body.jo .hd-oil small{color:#e3f7f2}
body.jo .hd-oil b{color:#fff}
body.jo .hd-oil-b{background:#fff;color:#14705d}

/* 야채쇼핑: 레시피 테마 글씨색 (남색 제목, 청록 링크) */
body.jo .shop-title h1,body.jo .pk-sec-head h2,body.jo .shop-results .res-head h2,body.jo .pk-body,body.jo .pk-body *{color:#12384a}
body.jo .pk-meta{color:#5d7480}
body.jo .pk-sec-head>a,body.jo .shop-results .res-head a{color:#14705d}
body.jo .shop-by>button{border-color:#1fa58a;color:#14705d}
body.jo .shop-by>button[aria-expanded="true"]{background:#1fa58a;color:#fff}
body.jo .shop-menu{border-color:#1fa58a}
body.jo .shop-menu a{color:#12384a}
body.jo .shop-menu a:hover{background:#e3f6f2;color:#14705d}
body.jo .shop-search input:focus{border-color:#1fa58a}
body.jo .pk-tag{background:#e3f6f2;color:#14705d}
body.jo .pk-badge{background:#e3f6f2;border-color:#1fa58a;color:#14705d}
body.jo .shop-title h1,body.jo .pk-sec-head h2,body.jo .shop-results .res-head h2{color:#1fa58a}

/* 메뉴 마우스 올림: 항목마다 다른 파스텔 글씨색 (홈은 초록 그대로) */
body .main-nav a:nth-of-type(2):hover{color:#f27fa5}
body .main-nav a:nth-of-type(3):hover{color:#ff9a4d}
body .main-nav a:nth-of-type(4):hover{color:#f2b705}
body .main-nav a:nth-of-type(5):hover{color:#8cc63f}
body .main-nav a:nth-of-type(6):hover{color:#4fb3e8}
body .main-nav a:nth-of-type(7):hover{color:#a98be0}
body .main-nav a:nth-of-type(8):hover{color:#ff7a7a}

.fresh-sec .pk-sec-head h2,.fresh-sec h2{color:#14552f}
.allmenu{background:#fbc91a}
.allmenu-grid h3{color:#b3380a}
.allmenu-grid a{border-bottom-color:rgba(0,73,44,.28)}
.allmenu{background:#fdb913}
.page-hero.hero-white h1,.page-hero.hero-white p{color:#fff}
.mk-base path{fill:color-mix(in srgb,var(--c) 45%,#fff)}
.mk-hi path{fill:color-mix(in srgb,var(--c) 78%,#000);stroke:#fff;stroke-width:5}
.mk-ring{stroke-width:9;stroke-dasharray:none;fill:color-mix(in srgb,var(--c) 14%,transparent)}

/* 컴퓨터 화면: 첫 줄 = 로고 + 참기름 배너(길게) + 당근 버튼, 둘째 줄 = 메뉴 */
@media(min-width:1101px){
  .topbar-inner{flex-wrap:wrap;row-gap:0;min-height:0;padding-top:12px}
  .brand{order:0}
  .brand .tag{white-space:nowrap}
  .hd-oil{display:flex!important;order:1;flex:1 1 0;max-width:none;margin:0 14px 0 22px;padding:10px 12px 10px 24px}
  .nav-right{order:2;margin-left:0}
  .main-nav{order:3;flex:0 0 100%;justify-content:flex-start;padding:8px 0 10px;border-top:1px solid rgba(255,247,230,.18);margin-top:10px}
}
body .main-nav a:nth-of-type(3):hover{color:#ff6a3d}
body .main-nav a:nth-of-type(4):hover{color:#19b394}
/* 페이지마다 다른 참기름 배너 색: 야채쇼핑 = 파랑 */
body.pg-shop .hd-oil{background:#2e8fd1}
body.pg-shop .hd-oil:hover{background:#2680bd}
body.pg-shop .hd-oil small{color:#e4f2fc}
body.pg-shop .hd-oil-b{color:#1d6aa5}
body.pg-shop .shop-title h1,body.pg-shop .pk-sec-head h2,body.pg-shop .shop-results .res-head h2,body.pg-shop .section h2,body.pg-shop #seasons h2,body.pg-shop #info h2,body.pg-shop .pd-head h1,body.pg-shop .pd-photos h2{color:#2e8fd1}
body.pg-shop .pk-sec-head>a,body.pg-shop .shop-results .res-head a,body.pg-shop .pd-crumb a,body.pg-shop .pd-origin{color:#1d6aa5}
body.pg-shop .shop-by>button{border-color:#2e8fd1;color:#1d6aa5}
body.pg-shop .shop-by>button[aria-expanded="true"]{background:#2e8fd1;color:#fff}
body.pg-shop .shop-menu{border-color:#2e8fd1}
body.pg-shop .shop-menu a:hover{background:#e4f2fc;color:#1d6aa5}
body.pg-shop .pk-tag,body.pg-shop .pk-badge{background:#e4f2fc;color:#1d6aa5;border-color:#2e8fd1}
body.pg-shop .pd-dg,body.pg-shop .pd-add{background:#2e8fd1}
body.pg-shop .pd-dg:hover,body.pg-shop .pd-add:hover:not(:disabled){background:#2680bd}
body.pg-shop .main-nav a,body.pg-shop .main-nav a.on{color:#2e8fd1}
body.pg-shop .main-nav a.on{border-bottom-color:#2e8fd1}
body.pg-shop .nav-all{border-color:#2e8fd1;color:#2e8fd1}
body.pg-shop .nav-all:hover,body.pg-shop .nav-all[aria-expanded="true"]{background:#2e8fd1;color:#fff}
body.pg-shop h2.hl-blue,h2.hl-blue{display:inline-block;background:#2e8fd1;color:#fff!important;padding:6px 16px;border-radius:10px;margin-bottom:16px}
body.pg-recipe .main-nav a,body.pg-recipe .main-nav a.on{color:#1fa58a}
body.pg-recipe .main-nav a.on{border-bottom-color:#1fa58a}
body.pg-recipe .nav-all{border-color:#1fa58a;color:#1fa58a}
body.pg-oil .main-nav a,body.pg-oil .main-nav a.on{color:#fcb716}
body.pg-oil .main-nav a.on{border-bottom-color:#fcb716}
body.pg-oil .nav-all{border-color:#fcb716;color:#fcb716}
body.pg-shop .allmenu{background:#2e8fd1;border-bottom-color:#1d6aa5}
body.pg-shop .allmenu-head b,body.pg-shop .allmenu-grid a{color:#fff}
body.pg-shop .allmenu-grid h3{color:#cfe8fa}
body.pg-shop .allmenu-grid a{border-bottom-color:rgba(255,255,255,.35)}
body.pg-shop .allmenu-grid a:hover{color:#ffe27a}
body.pg-shop .allmenu-x{background:#fff;border-color:#fff;color:#1d6aa5}
body.pg-recipe .allmenu{background:#1fa58a;border-bottom-color:#14705d}
body.pg-recipe .allmenu-head b,body.pg-recipe .allmenu-grid a{color:#fff}
body.pg-recipe .allmenu-grid h3{color:#d3f4ec}
body.pg-recipe .allmenu-grid a{border-bottom-color:rgba(255,255,255,.35)}
body.pg-recipe .allmenu-grid a:hover{color:#ffe27a}
body.pg-recipe .allmenu-x{background:#fff;border-color:#fff;color:#14705d}
/* 농부 소개 = 분홍 */
body.pg-farmers .page-hero{background:#e8a3ab;border-bottom-color:#c9707c}
body.pg-farmers .page-hero h1,body.pg-farmers .page-hero p{color:#fff}
body.pg-farmers .hd-oil{background:#e8a3ab}
body.pg-farmers .hd-oil:hover{background:#dc8f99}
body.pg-farmers .hd-oil small{color:#fff3f5}
body.pg-farmers .hd-oil-b{color:#b04a62}
body.pg-farmers .allmenu{background:#e8a3ab;border-bottom-color:#c9707c}
body.pg-farmers .allmenu-head b,body.pg-farmers .allmenu-grid a{color:#fff}
body.pg-farmers .allmenu-grid h3{color:#fff0f2}
body.pg-farmers .allmenu-grid a{border-bottom-color:rgba(255,255,255,.4)}
body.pg-farmers .allmenu-grid a:hover{color:#ffe27a}
body.pg-farmers .allmenu-x{background:#fff;border-color:#fff;color:#b04a62}
body.pg-farmers .main-nav a.on{color:#f4b6bd;border-bottom-color:#f4b6bd}
/* 지역 시장 = 주황 */
body.pg-markets .page-hero{background:#fb5a1c;border-bottom-color:#c94410}
body.pg-markets .page-hero h1,body.pg-markets .page-hero p,body.pg-markets .page-hero .eyebrow{color:#fff!important}
body.pg-markets .hd-oil{background:#fb5a1c}
body.pg-markets .hd-oil:hover{background:#e84e12}
body.pg-markets .hd-oil small{color:#ffe9df}
body.pg-markets .hd-oil-b{color:#c94410}
body.pg-markets .allmenu{background:#fb5a1c;border-bottom-color:#c94410}
body.pg-markets .allmenu-head b,body.pg-markets .allmenu-grid a{color:#fff}
body.pg-markets .allmenu-grid h3{color:#ffe3d6}
body.pg-markets .allmenu-grid a{border-bottom-color:rgba(255,255,255,.4)}
body.pg-markets .allmenu-grid a:hover{color:#ffe27a}
body.pg-markets .allmenu-x{background:#fff;border-color:#fff;color:#c94410}
body.pg-markets .main-nav a.on{color:#ff8a5c;border-bottom-color:#ff8a5c}
body .main-nav a:nth-of-type(2):hover{color:#2e8fd1}
body .main-nav a:nth-of-type(3):hover{color:#1fa58a}

/* 야채쇼핑 검색 패널 */
.sq{background:#2f8fd0;border-radius:28px;text-align:center;padding:40px 22px 36px;margin-top:16px}
body.pg-shop .sq h2{color:#fff!important;font-size:clamp(1.8rem,6vw,3rem);margin:0 0 12px;line-height:1.15}
.sq p{color:#fff;max-width:520px;margin:0 auto 24px;line-height:1.7;font-size:1.02rem}
.sq-box{display:flex;gap:10px;align-items:center;background:#f3f5f7;border-radius:999px;padding:8px 8px 8px 24px;max-width:760px;margin:0 auto}
.sq-box input{flex:1;min-width:0;border:0;background:transparent;font-size:16px;color:#12384a;outline:none;min-height:48px}
.sq-box input::placeholder{color:#7e9fb3}
.sq-box button{flex:none;min-height:52px;padding:0 30px;border:0;border-radius:999px;background:#1d6aa5;color:#fff;font-weight:900;letter-spacing:.08em;font-size:.95rem;cursor:pointer}
.sq-box button:hover{background:#175a8d}
.sq{margin-top:0;margin-bottom:6px}.shop-title{margin-top:18px}
@media(min-width:760px){.sq p{max-width:none;white-space:nowrap}}

/* 색 교체: 야채쇼핑 = 청록, 레시피 = 파랑 */
body.pg-shop .hd-oil{background:#1fa58a}
body.pg-shop .hd-oil:hover{background:#198f77}
body.pg-shop .hd-oil small{color:#e3f6f2}
body.pg-shop .hd-oil-b{color:#14705d}
body.pg-shop .shop-title h1,body.pg-shop .pk-sec-head h2,body.pg-shop .shop-results .res-head h2,body.pg-shop .section h2,body.pg-shop #seasons h2,body.pg-shop #info h2,body.pg-shop .pd-head h1,body.pg-shop .pd-photos h2{color:#1fa58a}
body.pg-shop .pk-sec-head>a,body.pg-shop .shop-results .res-head a,body.pg-shop .pd-crumb a,body.pg-shop .pd-origin{color:#14705d}
body.pg-shop .shop-by>button{border-color:#1fa58a;color:#14705d}
body.pg-shop .shop-by>button[aria-expanded="true"]{background:#1fa58a;color:#fff}
body.pg-shop .shop-menu{border-color:#1fa58a}
body.pg-shop .shop-menu a:hover{background:#e3f6f2;color:#14705d}
body.pg-shop .pk-tag,body.pg-shop .pk-badge{background:#e3f6f2;color:#14705d;border-color:#1fa58a}
body.pg-shop .pd-dg,body.pg-shop .pd-add{background:#1fa58a}
body.pg-shop .pd-dg:hover,body.pg-shop .pd-add:hover:not(:disabled){background:#198f77}
body.pg-shop .main-nav a,body.pg-shop .main-nav a.on{color:#1fa58a}
body.pg-shop .main-nav a.on{border-bottom-color:#1fa58a}
body.pg-shop .nav-all{border-color:#1fa58a;color:#1fa58a}
body.pg-shop .nav-all:hover,body.pg-shop .nav-all[aria-expanded="true"]{background:#1fa58a;color:#fff}
body.pg-shop h2.hl-blue,h2.hl-blue{display:inline-block;background:#1fa58a;color:#fff!important;padding:6px 16px;border-radius:10px;margin-bottom:16px}
body.pg-shop .allmenu{background:#1fa58a;border-bottom-color:#14705d}
body.pg-shop .allmenu-head b,body.pg-shop .allmenu-grid a{color:#fff}
body.pg-shop .allmenu-grid h3{color:#d3f4ec}
body.pg-shop .allmenu-grid a{border-bottom-color:rgba(255,255,255,.35)}
body.pg-shop .allmenu-grid a:hover{color:#ffe27a}
body.pg-shop .allmenu-x{background:#fff;border-color:#fff;color:#14705d}
.sq{background:#1fa58a;border-radius:28px;text-align:center;padding:40px 22px 36px;margin-top:16px}
body.pg-shop .sq h2{color:#fff!important;font-size:clamp(1.8rem,6vw,3rem);margin:0 0 12px;line-height:1.15}
.sq p{color:#fff;max-width:520px;margin:0 auto 24px;line-height:1.7;font-size:1.02rem}
.sq-box{display:flex;gap:10px;align-items:center;background:#f3f5f7;border-radius:999px;padding:8px 8px 8px 24px;max-width:760px;margin:0 auto}
.sq-box input{flex:1;min-width:0;border:0;background:transparent;font-size:16px;color:#12384a;outline:none;min-height:48px}
.sq-box input::placeholder{color:#7e9fb3}
.sq-box button{flex:none;min-height:52px;padding:0 30px;border:0;border-radius:999px;background:#14705d;color:#fff;font-weight:900;letter-spacing:.08em;font-size:.95rem;cursor:pointer}
.sq-box button:hover{background:#0f5b4b}
.sq{margin-top:0;margin-bottom:6px}.shop-title{margin-top:18px}
body.pg-recipe .main-nav a,body.pg-recipe .main-nav a.on{color:#2e8fd1}
body.pg-recipe .main-nav a.on{border-bottom-color:#2e8fd1}
body.pg-recipe .nav-all{border-color:#2e8fd1;color:#2e8fd1}
body.pg-recipe .allmenu{background:#2e8fd1;border-bottom-color:#1d6aa5}
body.pg-recipe .allmenu-head b,body.pg-recipe .allmenu-grid a{color:#fff}
body.pg-recipe .allmenu-grid h3{color:#cfe8fa}
body.pg-recipe .allmenu-grid a{border-bottom-color:rgba(255,255,255,.35)}
body.pg-recipe .allmenu-grid a:hover{color:#ffe27a}
body.pg-recipe .allmenu-x{background:#fff;border-color:#fff;color:#1d6aa5}
body.pg-recipe{--jo:#2e8fd1}
body.pg-recipe .rc-hero{background:linear-gradient(135deg,#2680bd,#2e8fd1 60%,#5aaee3)}
body.pg-recipe .rc-chip{border-color:#2e8fd1;color:#1d6aa5}
body.pg-recipe .rc-chip.on{background:#2e8fd1;color:#fff}
body.pg-recipe .rc-play{background:#2e8fd1}
body.pg-recipe .rc-veg span,body.pg-recipe .rcp-veg span,body.pg-recipe .rcp-veg a{background:#e4f2fc;color:#1d6aa5}
body.pg-recipe .rcp-sec ol li::before{background:#2e8fd1}
body.pg-recipe .rcp-main{background:#eaf3fb}
body.pg-recipe .hd-oil{background:#2e8fd1}
body.pg-recipe .hd-oil:hover{background:#2680bd}
body.pg-recipe .hd-oil small{color:#e4f2fc}
body.pg-recipe .hd-oil-b{color:#1d6aa5}
body.pg-recipe .main-nav a:nth-of-type(3):hover{color:#2e8fd1}
body.pg-shop .main-nav a:nth-of-type(2):hover{color:#1fa58a}
body.pg-shop .hd-oil{background:#1fa58a}
body.pg-shop .hd-oil:hover{background:#198f77}
body.pg-shop .hd-oil small{color:#e3f7f2}
body.pg-shop .hd-oil-b{color:#14705d}

body .main-nav a:nth-of-type(2):hover{color:#1fa58a}
body .main-nav a:nth-of-type(3):hover{color:#2e8fd1}
body.pg-shop .shop-title h1,body.pg-shop .pk-sec-head h2,body.pg-shop .shop-results .res-head h2,body.pg-shop .section h2,body.pg-shop #seasons h2,body.pg-shop #info h2,body.pg-shop .pd-head h1,body.pg-shop .pd-photos h2{color:#33727a}
body.pg-shop .pk-sec-head>a,body.pg-shop .shop-results .res-head a,body.pg-shop .pd-crumb a,body.pg-shop .pd-origin{color:#33727a}
body.pg-shop .shop-by>button{color:#33727a}
body.pg-shop .main-nav a,body.pg-shop .main-nav a.on{color:#33727a}

/* 헤더 참기름 배너: 노란 바탕 + 페이지 색 글씨 (FARMBRIDGE / ORGANIC OIL) */
body{--pg:#1f7a3f}
body.pg-shop{--pg:#1fa58a}
body.pg-recipe{--pg:#2e8fd1}
body.pg-farmers{--pg:#e0708a}
body.pg-markets{--pg:#fb5a1c}
html body .hd-oil{background:#fdea00!important;color:var(--pg)!important;justify-content:space-between}
html body .hd-oil::after{display:none}
html body .hd-oil-t{align-items:center;text-align:center;flex:1;line-height:1}
html body .hd-oil small{font-family:'Oswald','Noto Sans KR',sans-serif!important;font-weight:500;letter-spacing:.34em;margin-right:-.34em;color:var(--pg)!important;font-size:.72rem}
html body .hd-oil b{font-family:'Oswald','Noto Sans KR',sans-serif!important;font-weight:700;letter-spacing:.12em;margin-right:-.12em;color:var(--pg)!important;font-size:1.35rem}
html body .hd-oil b::after{content:none!important}
html body .hd-oil-b{background:#fff!important;color:var(--pg)!important}
html body .hd-oil:hover{background:#f6e000!important}

/* 글씨체 통일: 사이트 전체 Oswald (한글은 Noto Sans KR), 로고(.brand)만 예외 */
html body,html body *:not(.brand):not(.brand *):not(svg):not(svg *){font-family:'Oswald','Noto Sans KR','Apple SD Gothic Neo',sans-serif!important;font-variation-settings:normal!important}

/* 홈 "오늘 수확한 신선야채" 제목: 가볍고 정돈된 모양 */
.fresh-head{justify-content:space-between!important;align-items:center!important;gap:12px;padding-bottom:14px;margin:0 0 20px;border-bottom:1px solid #e3ebe5}
.fresh-head h2{font-weight:600!important;letter-spacing:-.01em;font-size:clamp(1.3rem,3.4vw,1.75rem)!important;color:#14552f!important;display:flex;align-items:center;gap:10px}
.fresh-head h2::before{content:"";width:6px;height:1.15em;border-radius:3px;background:#f5b014;flex:none}
.fresh-head a{border:1px solid #14552f!important;border-radius:999px;padding:0 16px;min-height:34px!important;font-size:.88rem!important;font-weight:600!important;color:#14552f!important;text-decoration:none}
.fresh-head a::after{content:"\203A";margin-left:6px;font-size:1.1rem;line-height:1}
.fresh-head a:hover{background:#14552f;color:#fff!important}

/* 야채쇼핑: 제목과 섹션 머리글을 가볍고 정돈된 모양으로 */
body.pg-shop .shop-title{align-items:center;padding:6px 0 14px;margin-bottom:6px;border-bottom:1px solid #e1ecea}
body.pg-shop .shop-title h1{font-weight:700;font-size:clamp(1.55rem,4.2vw,2.05rem);letter-spacing:-.01em;display:flex;align-items:center;gap:12px}
body.pg-shop .shop-title h1::before{content:"";width:7px;height:1.1em;border-radius:4px;background:#f5b014;flex:none}
body.pg-shop .shop-by>button{border:0;background:#e7f4f1;color:#14705d;font-weight:600;font-size:.92rem;min-height:40px;padding:0 18px}
body.pg-shop .shop-by>button:hover,body.pg-shop .shop-by>button[aria-expanded="true"]{background:#1fa58a;color:#fff}
body.pg-shop .pk-sec-head{justify-content:space-between;align-items:center;gap:12px;margin:26px 0 14px}
body.pg-shop .pk-sec-head h2{font-weight:600;font-size:clamp(1.2rem,3.2vw,1.5rem);letter-spacing:-.01em}
body.pg-shop .pk-sec-head>a{border:1px solid currentColor;border-radius:999px;padding:6px 14px;font-size:.84rem;font-weight:600;text-decoration:none;white-space:nowrap}
body.pg-shop .pk-sec-head>a::after{content:" \203A"}
body.pg-shop .pk-sec-head>a:hover{background:#33727a;border-color:#33727a;color:#fff}
body.pg-shop h2.hl-blue,h2.hl-blue{display:flex;align-items:center;gap:10px;background:none;color:#33727a!important;padding:0 0 14px;border-radius:0;border-bottom:1px solid #e1ecea;font-weight:600;font-size:clamp(1.2rem,3.2vw,1.5rem);letter-spacing:-.01em;margin:6px 0 20px}
h2.hl-blue::before{content:"";width:6px;height:1.15em;border-radius:3px;background:#f5b014;flex:none}

/* 야채쇼핑: 사진 안에서 바로 검색 (PC/태블릿), 폰은 사진 아래 */
@media(min-width:760px){
  .shop-hero-box{position:relative;max-width:880px;margin:0 auto 6px;border-radius:24px;overflow:hidden}
  .shop-hero-box .shop-hero{margin:0 auto;max-width:100%;border-radius:0}
  .shop-hero-box .sq{position:absolute;left:0;right:0;bottom:0;margin:0;background:linear-gradient(to top,rgba(10,30,22,.78) 0%,rgba(10,30,22,.55) 55%,rgba(10,30,22,0) 100%);border-radius:0;padding:70px 24px 24px}
  .shop-hero-box .sq p{display:none}
  body.pg-shop .shop-hero-box .sq h2{font-size:clamp(1.5rem,3.4vw,2.2rem);margin:0 0 14px;text-shadow:0 2px 12px rgba(0,0,0,.4)}
  .shop-hero-box .sq-box{max-width:560px;padding:6px 6px 6px 22px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
  .shop-hero-box .sq-box button{min-height:46px;padding:0 24px}
}
@media(max-width:759px){.shop-hero-box .shop-hero{margin-bottom:0}.shop-hero-box .sq{margin-top:12px}}
.sq-box select{flex:none;max-width:42%;min-height:46px;border:0;border-radius:999px;background:#e7f4f1;color:#14705d;font-weight:700;font-size:.92rem;padding:0 34px 0 16px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2314705d' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.sq-box select+input{padding-left:6px}
@media(min-width:760px){.shop-hero-box .sq-box{padding-left:8px;max-width:640px}}
@media(max-width:759px){.sq-box{padding-left:8px}.sq-box select{max-width:46%;font-size:.85rem;padding:0 28px 0 12px}}
.sq-box select{width:8.2em;max-width:none;padding:0 28px 0 16px;background-position:right 12px center;text-overflow:ellipsis}
@media(max-width:759px){.sq-box select{width:6.6em;max-width:none;padding:0 24px 0 12px;background-position:right 9px center}}
body.pg-shop .shop-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:0}

/* 야채쇼핑 섹션 머리글: 제목 + 전체 보기 버튼을 옆으로 붙이고 다시 디자인 */
body.pg-shop .pk-sec-head{justify-content:flex-start;gap:14px;align-items:center;margin:30px 0 14px}
body.pg-shop .pk-sec-head h2{font-weight:700;font-size:clamp(1.25rem,3.4vw,1.6rem);color:#1d4f56;margin:0;display:flex;align-items:center;gap:10px}
body.pg-shop .pk-sec-head h2::before{content:"";width:6px;height:1.1em;border-radius:3px;background:#f5b014;flex:none}
body.pg-shop .pk-sec-head>a{display:inline-flex;align-items:center;gap:4px;border:0;background:#e7f4f1;color:#14705d;border-radius:999px;padding:7px 14px 7px 16px;font-size:.84rem;font-weight:700;letter-spacing:.01em;text-decoration:none}
body.pg-shop .pk-sec-head>a::after{content:"\2192";font-size:.95rem;line-height:1;transition:transform .15s}
body.pg-shop .pk-sec-head>a:hover{background:#1fa58a;color:#fff}
body.pg-shop .pk-sec-head>a:hover::after{transform:translateX(3px)}
body.pg-shop .pk-sec-head .pk-arrows{margin-left:auto}

/* 노란 알약 라벨 스타일 (전체 보기 버튼, 카드 위 분류 표시) */
body.pg-shop .pk-sec-head>a{background:#ffe900;color:#12384a;letter-spacing:.06em;font-weight:700}
body.pg-shop .pk-sec-head>a:hover{background:#f5dc00;color:#12384a}
.pk-card{position:relative}
.pk-card .pk-body .pk-tag{position:absolute;top:12px;left:50%;transform:translateX(-50%);margin:0;background:#ffe900!important;color:#12384a!important;border:0;font-weight:700;font-size:.74rem;letter-spacing:.08em;padding:6px 14px;white-space:nowrap;z-index:2;pointer-events:none}
.pk-card .pk-badge{top:auto;bottom:10px;left:10px}

/* 새 로고 이미지: 어두운 헤더는 크림색, 흰 헤더는 초록색 */
.brand{gap:0}
.brand-img{display:block;height:68px;width:auto}
.brand-green{display:none}
body.jo .brand-cream{display:none}
body.jo .brand-green{display:block}
@media(max-width:1100px){.brand-img{height:56px}}
@media(min-width:1101px){.topbar-inner{padding-top:8px}}
.brand-img{height:78px}
@media(max-width:1100px){.brand-img{height:62px}}
.brand-img{height:104px}
@media(max-width:1100px){.brand-img{height:78px}}
@media(max-width:430px){.brand-img{height:68px}}

/* 오른쪽 위 아이콘: 사람 / 찜 / 바구니 */
.hd-ic{display:flex;align-items:center;gap:4px}
.hd-ic a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#fff7e6;text-decoration:none}
.hd-ic a:hover{background:rgba(255,255,255,.14)}
.hd-ic svg{width:25px;height:25px}
.hd-ic b{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#f5b014;color:#12384a;font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}
body.jo .hd-ic a{color:#12384a}
body.jo .hd-ic a:hover{background:#eef3f4}
@media(max-width:1100px){.hd-ic a{width:40px;height:40px}.hd-ic svg{width:23px;height:23px}}
@media(max-width:430px){.hd-ic{gap:0}.hd-ic a{width:36px}}
/* 카드 찜 하트 */
.pk-heart{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#33727a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;box-shadow:0 1px 6px rgba(0,0,0,.18)}
.pk-heart svg{width:20px;height:20px}
.pk-heart.on{color:#e0405f}
.pk-heart.on svg path{fill:currentColor}

/* 아이콘 위치: PC는 메뉴 줄 오른쪽 끝, 태블릿/폰은 첫 줄 오른쪽 */
.hd-ic-d{display:none}
@media(min-width:1101px){
  .nav-right{display:none}
  .hd-ic-d{display:flex;margin-left:auto}
  .main-nav{align-items:center}
}

/* 노란 분류 라벨: 사진 위쪽 가장자리에 걸치게, 가로로 길게 */
.pk-card .pk-body .pk-tag{top:-17px;min-width:62%;text-align:center;padding:9px 26px;font-size:.8rem;letter-spacing:.1em}
.pk-row{padding-top:22px}
.pk-grid{padding-top:22px}
.pk-card .pk-heart{top:14px;right:12px;width:44px;height:44px;border-radius:14px;color:#8fb0b8}
.pk-card .pk-heart svg{width:22px;height:22px}
.pk-card .pk-heart svg path{fill:currentColor}
.pk-card .pk-heart.on{color:#e0405f}
.pk-card .pk-body .pk-tag{background:#f9b516!important}
body.pg-shop .pk-sec-head>a{background:#f9b516}
body.pg-shop .pk-sec-head>a:hover{background:#e6a410}
@media(max-width:700px){
  .topbar-inner{flex-wrap:wrap;row-gap:6px}
  .brand{order:0}
  .nav-right{order:1;margin-left:auto}
  html body .hd-oil{order:2;flex:0 0 100%;margin:0}
  .main-nav{order:3}
}
@media(min-width:701px){
  .nav-right{display:none}
  .hd-ic-d{display:flex;margin-left:auto;flex:none}
  .main-nav{align-items:center}
}
.hd-ic a{width:52px;height:52px}
.hd-ic svg{width:32px;height:32px}
.hd-ic b{min-width:20px;height:20px;font-size:.74rem;top:3px;right:1px}
@media(max-width:1100px){.hd-ic a{width:48px;height:48px}.hd-ic svg{width:29px;height:29px}}
@media(max-width:430px){.hd-ic a{width:42px;height:42px}.hd-ic svg{width:26px;height:26px}}

/* 찜 목록: 카드 아래 당근 결제 + 찜 해제 */
.dgpay{display:inline-flex;align-items:center;gap:6px;background:#ff6f0f;color:#fff!important;font-weight:800;border-radius:999px;padding:9px 16px;text-decoration:none;font-size:.9rem}
.dgpay.off{background:#d9d9d9;color:#666!important}
.wl-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.wl-rm{background:none;border:1px solid #c9d3d2;border-radius:999px;color:#5d7480;font-weight:600;padding:8px 14px;cursor:pointer;font-size:.85rem}
.wl-rm:hover{border-color:#e0405f;color:#e0405f}
.wl-bulk{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 20px}
.wl-all{min-height:50px;padding:0 26px;border:0;border-radius:999px;background:#ff6f0f;color:#fff;font-weight:900;font-size:1rem;cursor:pointer}
.wl-all:hover{background:#e55f00}

/* 세일 표시: 정가에 줄을 긋고 세일 가격을 옆에 */
.was{color:#8a8a8a;font-weight:500;text-decoration:line-through;text-decoration-thickness:2px;font-size:.82em;margin-right:4px}
.now{color:#e0405f;font-weight:800}
.pd-off{display:inline-block;background:#e0405f;color:#fff;border-radius:999px;font-size:.78rem;font-weight:800;padding:3px 10px;margin-left:6px;vertical-align:middle}
.pk-badge.sale{background:#e0405f;border-color:#e0405f;color:#fff}
.qk-sale .dg-chk{display:flex;align-items:center;gap:8px;font-weight:800;flex-wrap:wrap}
.qk-sale .dg-chk input{width:22px;height:22px;accent-color:#e0405f}
.qk-sale #qSaleBox{margin-top:10px;padding:14px;border:2px dashed #e0405f;border-radius:16px}
.qk-saleview{margin-top:10px;font-size:1.15rem}
.qk-saleview .hint.neg{color:#c0392b;font-weight:700}
.pk-add.in{background:#fff!important;color:#1f7a3f!important;border:3px solid #1f7a3f!important;font-size:1.5rem;font-weight:900}