/* 골라봄 통합 수정본 — 기존 CSS 순서를 보존하고 아래 최종 규칙으로 통일합니다. */
:root {
  --shop-accent:#08766c;
  --shop-ink:#202a32;
  --shop-muted:#586571;
  --shop-line:#e3e7eb;
  --shop-soft:#e9f7f2;
  --shop-green:#075f59
}

* {
  box-sizing:border-box
}

body {
  margin:0;
  background:#fff;
  color:var(--shop-ink);
  font:16px/1.7 Pretendard,"Apple SD Gothic Neo","Malgun Gothic",sans-serif
}

a {
  color:inherit;
  text-decoration:none
}

button,input {
  font:inherit
}

button,summary {
  cursor:pointer
}

a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible {
  outline:3px solid #2675cc;
  outline-offset:3px
}

.wrap {
  max-width:1180px;
  padding:0 26px;
  margin:auto
}

.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%)
}

.skip {
  position:absolute;
  top:-100px;
  background:white;
  padding:12px;
  z-index:100
}

.skip:focus {
  top:0
}

.site-header {
  border-bottom:1px solid var(--shop-line)
}

.top-row {
  display:flex;
  align-items:center;
  gap:25px;
  min-height:90px;
  padding-top:15px;
  padding-bottom:15px
}

.brand {
  font-size:28px;
  font-weight:800;
  letter-spacing:-1px;
  white-space:nowrap
}

.brand small {
  display:block;
  font-size:11px;
  letter-spacing:1px;
  color:var(--shop-muted);
  font-weight:400;
  margin-top:-5px
}

.shop-search {
  display:flex;
  flex:1;
  max-width:650px;
  margin-left:auto;
  border:2px solid var(--shop-accent);
  border-radius:9px;
  background:#fafbfc;
  min-width:0;
  overflow:hidden
}

.shop-search input {
  width:0;
  min-width:0;
  flex:1;
  font-size:16px;
  padding:12px 15px;
  border:0;
  background:transparent;
  color:var(--shop-ink);
  line-height:1.5
}

.shop-search input::placeholder {
  color:var(--shop-muted);
  opacity:1
}

.shop-search button {
  background:var(--shop-accent);
  color:white;
  font-size:16px;
  border:0;
  padding:12px 23px;
  min-height:48px;
  font-weight:700
}

.all-menu {
  position:relative;
  font-size:14px;
  white-space:nowrap
}

.all-menu summary {
  list-style:none;
  padding:10px 12px;
  border:1px solid var(--shop-line);
  border-radius:7px
}

.all-menu summary::-webkit-details-marker {
  display:none
}

.all-menu nav {
  position:absolute;
  right:0;
  top:100%;
  width:min(340px,calc(100vw - 40px));
  padding:20px;
  background:white;
  border:1px solid var(--shop-line);
  box-shadow:0 8px 25px #0001;
  z-index:50;
  max-height:70vh;
  overflow:auto
}

.all-menu ul {
  padding-left:12px;
  list-style:none
}

.all-menu a {
  display:block;
  padding:8px 0;
  font-size:15px
}

.all-menu .c_cnt {
  font-size:12px;
  color:var(--shop-muted)
}

.category-strip {
  display:flex;
  gap:5px 22px;
  flex-wrap:wrap;
  font-size:14px;
  padding-top:10px;
  padding-bottom:10px;
  border-top:1px solid var(--shop-line)
}

.category-strip a {
  padding:6px 0;
  min-height:36px;
  white-space:nowrap
}

.category-strip a:hover,.shop-category {
  color:var(--shop-accent)
}

.hero {
  margin-top:26px;
  border-radius:18px;
  display:grid;
  grid-template-columns:1.6fr 1fr;
  gap:42px;
  padding:38px;
  background:linear-gradient(120deg,#e8f6ef,#d3eee7);
  align-items:center
}

.eyebrow {
  font-size:12px;
  letter-spacing:1.4px;
  color:#075f59;
  font-weight:700
}

.hero h1 {
  font-size:38px;
  line-height:1.3;
  letter-spacing:-1.3px;
  margin:12px 0 16px
}

.hero-copy>p {
  font-size:16px;
  color:#355c57;
  margin:0 0 22px
}

.light-button {
  display:inline-flex;
  background:var(--shop-accent);
  color:white;
  font-weight:700;
  padding:11px 22px;
  border-radius:8px
}

.hero-keywords {
  display:flex;
  gap:16px;
  font-size:13px;
  color:#355c57;
  margin-top:20px
}

.hero-feature {
  background:#fff;
  border-radius:12px;
  padding:20px;
  min-width:0;
  box-shadow:0 7px 20px #9035000c
}

.hero-feature .shop-thumb {
  height:125px;
  aspect-ratio:auto
}

.hero-feature h3 {
  font-size:16px;
  line-height:1.6;
  margin:10px 0
}

.hero-feature .shop-info {
  padding:12px 0 0
}

.hero-feature time {
  display:none
}

.feature-empty {
  font-size:15px;
  color:var(--shop-muted);
  margin:25px 0
}

.quick-links {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:18px 0 34px
}

.quick-links>a {
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:20px 24px;
  border:1px solid #cde5de;
  border-radius:10px;
  background:#eff8f4
}

.quick-links>a:nth-child(2) {
  background:#f0f7f3;
  border-color:#d3e6dc
}

.quick-links strong {
  font-size:19px
}

.quick-links span {
  font-size:13px;
  color:var(--shop-muted)
}

.section-head {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:20px;
  margin:0 0 20px
}

.section-head h2 {
  font-size:24px;
  letter-spacing:-.6px;
  margin:0
}

.section-head p {
  font-size:14px;
  color:var(--shop-muted);
  margin:5px 0 0
}

.topics {
  display:grid;
  grid-template-columns:repeat(10,minmax(0,1fr));
  gap:14px
}

.topic {
  text-align:center;
  min-width:0
}

.topic span {
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  margin:0 auto 9px;
  background:#f5f6f8;
  color:#075f59;
  border-radius:50%;
  font-size:16px;
  font-weight:700
}

.topic:hover span {
  background:var(--shop-soft)
}

.topic b {
  font-size:12px;
  line-height:1.5;
  font-weight:400;
  display:block;
  overflow-wrap:anywhere
}

.topics-section,.popular-section {
  margin:34px 0 40px
}

.popular-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px
}

.popular-item {
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1px solid var(--shop-line);
  border-radius:10px;
  min-width:0
}

.popular-item img {
  width:58px;
  height:65px;
  object-fit:cover;
  border-radius:5px
}

.popular-item span {
  min-width:0
}

.popular-item small {
  font-size:12px;
  color:var(--shop-accent)
}

.popular-item strong {
  font-size:14px;
  font-weight:700;
  line-height:1.6;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}

.popular-empty {
  font-size:14px;
  color:var(--shop-muted);
  background:#f6f7f9;
  padding:18px;
  border-radius:8px
}

.catalog-head {
  margin:30px 0 22px
}

.catalog-head h2 small {
  font-size:16px;
  font-weight:400;
  color:var(--shop-muted)
}

.sort-controls {
  display:flex;
  gap:8px 18px;
  align-items:center;
  flex-wrap:wrap;
  border-bottom:1px solid var(--shop-line);
  padding:12px 0
}

.sort-controls button,.sort-controls a {
  border:0;
  background:transparent;
  padding:7px 0;
  font-size:15px;
  color:var(--shop-muted);
  min-height:40px
}

.sort-controls button[aria-pressed=true] {
  color:var(--shop-accent);
  font-weight:700;
  border-bottom:2px solid var(--shop-accent)
}

.sort-controls>span {
  font-size:12px;
  color:var(--shop-muted);
  margin-left:auto
}

.sort-status {
  font-size:13px;
  color:var(--shop-muted);
  margin:10px 0
}

.sort-status:empty {
  display:none
}

.article-flow {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px
}

.shop-card {
  border:1px solid var(--shop-line);
  border-radius:12px;
  overflow:hidden;
  min-width:0;
  background:#fff
}

.shop-thumb {
  display:block;
  aspect-ratio:1.12;
  background:#f6f7f9 url('./images/placeholder.svg') center/cover no-repeat;
  overflow:hidden
}

.shop-thumb img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#fff
}

.shop-info {
  padding:16px
}

.shop-category {
  font-size:12px;
  font-weight:700
}

.shop-card h3 {
  font-size:16px;
  line-height:1.6;
  margin:7px 0 12px;
  overflow-wrap:anywhere
}

.shop-card h3 a:hover {
  text-decoration:underline
}

.shop-price {
  font-size:19px;
  font-weight:800;
  line-height:1.5;
  margin:8px 0
}

.shop-price .discount {
  color:#d63c1c;
  margin-right:7px
}

.shop-price .reference {
  display:block;
  font-size:12px;
  font-weight:400;
  color:var(--shop-muted);
  text-decoration:line-through
}

.price-pending {
  font-size:14px;
  font-weight:400;
  color:var(--shop-muted)
}

.shop-info time {
  font-size:12px;
  color:var(--shop-muted)
}

.price-date {
  font-size:11px;
  font-weight:400;
  color:var(--shop-muted);
  display:block
}

.post {
  grid-column:1/-1;
  min-width:0;
  margin:30px 0 45px
}

.post-head {
  max-width:850px;
  margin:0 0 25px
}

.post-head h1 {
  font-size:30px;
  line-height:1.45;
  letter-spacing:-.7px;
  margin:12px 0
}

.post-meta {
  font-size:13px;
  color:var(--shop-muted)
}

.entry-content {
  font-size:18px;
  line-height:1.85;
  overflow-wrap:anywhere;
  min-width:0
}

.entry-content>p,.entry-content>h2,.entry-content>h3,.entry-content>ul,.entry-content>.reading-summary,.entry-content>table,.entry-content>blockquote {
  max-width:760px;
  margin-left:auto;
  margin-right:auto
}

.entry-content p[data-ke-size="size16"] {
  font-size:18px;
  line-height:1.85
}

.entry-content>h2 {
  font-size:26px;
  line-height:1.5;
  margin-top:38px;
  margin-bottom:18px
}

.entry-content table {
  display:block;
  overflow:auto;
  border-collapse:collapse;
  margin-top:20px;
  margin-bottom:24px
}

.entry-content th,.entry-content td {
  border:1px solid var(--shop-line);
  padding:12px 16px;
  vertical-align:top
}

.entry-content th {
  background:#f6f8fa;
  text-align:left;
  min-width:130px
}

.entry-content img,.entry-content iframe {
  max-width:100%
}

.entry-content img {
  height:auto
}

.entry-content a:not(.gb-buy) {
  color:#07695f;
  text-decoration:underline
}

.reading-summary {
  background:#f6f8fa;
  border-radius:10px;
  padding:22px
}

.reading-summary>strong {
  font-size:16px
}

.entry-content li {
  margin:7px 0
}

.gb-product {
  margin:26px 0 40px;
  border:1px solid var(--shop-line);
  border-radius:14px;
  padding:28px
}

.gb-product-layout {
  display:grid;
  grid-template-columns:1fr 1.05fr;
  gap:40px;
  align-items:center
}

.gb-product-photo {
  margin:0;
  text-align:center;
  min-width:0
}

.gb-product-photo img {
  max-height:390px;
  object-fit:contain;
  width:100%;
  display:block
}

.gb-product-photo figcaption {
  font-size:12px;
  color:var(--shop-muted);
  margin-top:12px
}

.gb-product-label {
  font-size:13px!important;
  color:var(--shop-accent)
}

.gb-product-name {
  font-size:29px!important;
  line-height:1.45!important;
  margin:9px 0 15px!important;
  letter-spacing:-.6px
}

.gb-product-summary>p {
  font-size:16px!important;
  line-height:1.75!important;
  margin:10px 0
}

.gb-product-reference {
  color:var(--shop-muted);
  font-size:14px!important
}

.gb-product-main-price {
  font-size:29px!important;
  line-height:1.4!important;
  margin:13px 0!important
}

.gb-product-main-price strong {
  font-size:29px
}

.gb-product-discount {
  font-size:28px;
  font-weight:800;
  color:#d63c1c;
  margin-right:7px
}

.gb-product-checked {
  font-size:12px!important;
  color:var(--shop-muted)
}

.gb-product-condition {
  font-size:13px!important;
  color:var(--shop-muted)
}

.gb-buy {
  display:block;
  padding:14px 18px;
  background:var(--shop-accent);
  color:#fff!important;
  text-decoration:none!important;
  text-align:center;
  font-weight:700;
  border-radius:8px;
  margin:20px 0 10px
}

.tags,.comments {
  max-width:760px;
  margin:25px auto
}

.tags {
  font-size:14px;
  color:var(--shop-muted)
}

.paging {
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
  margin:36px 0
}

.paging a {
  padding:7px 12px;
  border:1px solid var(--shop-line);
  border-radius:6px
}

.paging .selected {
  color:var(--shop-accent);
  font-weight:700
}

.no-more-prev,.no-more-next {
  opacity:.3;
  pointer-events:none
}

.footer {
  border-top:1px solid var(--shop-line);
  margin-top:50px;
  padding:30px 0;
  color:var(--shop-muted);
  font-size:13px
}

.footer .brand {
  font-size:23px;
  color:var(--shop-ink)
}

.footer nav {
  display:flex;
  gap:22px
}

.home-only {
  display:none
}

#tt-body-index .home-only {
  display:block
}

.empty-note {
  grid-column:1/-1;
  padding:25px;
  background:#f6f7f9;
  border-radius:10px;
  color:var(--shop-muted);
  font-size:15px
}

.preview-note {
  padding:9px 16px;
  background:#202a32;
  color:white;
  font-size:12px;
  text-align:center
}

[hidden] {
  display:none!important
}

@media(max-width:900px) {
  .top-row {
    flex-wrap:wrap;
    gap:15px
  }

  .brand {
    font-size:26px
  }

  .shop-search {
    order:3;
    flex-basis:100%;
    max-width:none
  }

  .all-menu {
    margin-left:auto
  }

  .hero {
    gap:25px;
    padding:28px
  }

  .hero h1 {
    font-size:31px
  }

  .topics {
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:20px
  }

  .article-flow {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px
  }

  .popular-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .gb-product-layout {
    gap:24px
  }

}

@media(max-width:600px) {
  .wrap {
    padding:0 18px
  }

  .top-row {
    padding-top:13px;
    padding-bottom:14px
  }

  .brand small {
    display:none
  }

  .shop-search input {
    font-size:16px;
    padding:12px;
    min-height:48px
  }

  .shop-search button {
    padding:12px 18px;
    min-width:70px
  }

  .category-strip {
    overflow:auto;
    flex-wrap:nowrap;
    gap:22px;
    font-size:13px;
    padding-top:6px;
    padding-bottom:6px
  }

  .hero {
    margin-top:18px;
    padding:24px;
    grid-template-columns:1fr;
    gap:22px;
    border-radius:12px
  }

  .hero h1 {
    font-size:29px;
    margin:10px 0 14px
  }

  .hero-copy>p {
    font-size:15px
  }

  .hero-keywords {
    font-size:12px;
    gap:14px;
    margin-top:16px
  }

  .hero-feature {
    display:none
  }

  .quick-links {
    gap:10px;
    margin:14px 0 27px
  }

  .quick-links>a {
    padding:17px 14px
  }

  .quick-links strong {
    font-size:16px
  }

  .quick-links span {
    font-size:12px
  }

  .section-head h2 {
    font-size:21px
  }

  .section-head p {
    font-size:13px
  }

  .topics {
    gap:18px 8px
  }

  .topic span {
    width:51px;
    height:51px;
    font-size:14px
  }

  .topic b {
    font-size:11px
  }

  .topics-section,.popular-section {
    margin:28px 0
  }

  .popular-grid {
    grid-template-columns:1fr
  }

  .popular-item {
    padding:10px
  }

  .article-flow {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px
  }

  .shop-info {
    padding:12px
  }

  .shop-card h3 {
    font-size:15px;
    line-height:1.65
  }

  .shop-price {
    font-size:18px
  }

  .shop-category {
    font-size:11px
  }

  .sort-controls {
    gap:14px
  }

  .sort-controls>span {
    width:100%;
    margin-left:0
  }

  .catalog-head {
    margin-top:24px
  }

  .post {
    margin:20px 0
  }

  .post-head h1 {
    font-size:25px
  }

  .entry-content {
    font-size:18px;
    line-height:1.8
  }

  .entry-content>h2 {
    font-size:24px
  }

  .gb-product {
    padding:18px;
    border-radius:10px;
    margin:20px 0 30px
  }

  .gb-product-layout {
    grid-template-columns:1fr;
    gap:22px
  }

  .gb-product-photo img {
    max-height:290px
  }

  .gb-product-name {
    font-size:24px!important
  }

  .gb-product-main-price,.gb-product-main-price strong {
    font-size:27px!important
  }

  .gb-product-discount {
    font-size:25px
  }

  .gb-product-photo figcaption {
    font-size:11px
  }

  .entry-content th,.entry-content td {
    font-size:16px;
    padding:10px 12px
  }

  .footer {
    margin-top:32px
  }

}

@media(prefers-reduced-motion:reduce) {
  * {
    scroll-behavior:auto!important
  }

}

/* Gol labom 3.1: one category navigation, compact discovery and calm product surfaces. */
:root {
  --shop-ink:#172e36;
  --shop-muted:#53666d;
  --shop-line:#dce7e5
}

body {
  letter-spacing:-.2px;
  background:#fbfcfc
}

.site-header {
  background:#fff
}

.brand {
  display:flex;
  align-items:center;
  gap:10px;
  line-height:1.2
}

.brand img {
  flex-shrink:0
}

.brand small {
  margin-top:7px;
  letter-spacing:.1px;
  font-size:11px
}

.top-row {
  gap:28px
}

.shop-search {
  max-width:440px;
  border-color:#08766c;
  background:#f8fbfa
}

.category-toggle {
  border:1px solid var(--shop-line);
  border-radius:9px;
  background:white;
  color:var(--shop-ink);
  padding:11px 15px;
  white-space:nowrap;
  min-height:46px;
  font-size:14px;
  font-weight:600
}

.category-strip {
  gap:4px 20px;
  background:white;
  font-weight:500
}

.category-strip a {
  min-height:44px;
  display:flex;
  align-items:center
}

.category-strip a:first-child {
  color:var(--shop-accent);
  font-weight:700
}

.hero {
  min-height:270px;
  padding:30px 36px;
  gap:36px;
  border:1px solid #d6ebe3;
  background:linear-gradient(115deg,#e8f6ef,#d8eee8)
}

.hero h1 {
  font-size:36px;
  line-height:1.3
}

.hero-copy>p {
  margin-bottom:18px
}

.hero-keywords {
  display:none
}

.hero-feature {
  box-shadow:0 10px 26px #123f3510
}

.quick-links {
  margin-bottom:30px
}

.quick-links>a {
  padding:16px 22px
}

.quick-links strong {
  font-size:18px
}

.shop-card {
  box-shadow:0 4px 15px #183c3510;
  transition:box-shadow .18s,transform .18s
}

.shop-card:hover {
  box-shadow:0 10px 26px #183c351c;
  transform:translateY(-3px)
}

.shop-thumb {
  box-shadow:inset 0 -1px 0 #183c350a
}

.shop-info {
  padding:17px
}

.shop-card h3 {
  font-weight:650
}

.shop-price .discount,.gb-product-discount {
  color:#bf3f32
}

.popular-item {
  background:white
}

.catalog-head {
  margin-top:30px
}

.category-strip.expanded {
  flex-wrap:wrap;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  padding-top:14px;
  padding-bottom:14px
}

.category-strip.expanded a {
  border:1px solid var(--shop-line);
  border-radius:8px;
  padding:9px 12px;
  background:#f8fbfa
}

.entry-content {
  letter-spacing:0
}

.footer {
  background:#f0f6f4
}

.footer .brand {
  display:inline-flex
}

@media(max-width:900px) {
  .shop-search {
    max-width:none
  }

  .category-toggle {
    margin-left:auto
  }

  .category-strip {
    overflow-x:auto;
    flex-wrap:nowrap;
    scrollbar-width:thin
  }

  .hero h1 {
    font-size:31px
  }

}

@media(max-width:600px) {
  .wrap {
    padding-left:16px;
    padding-right:16px
  }

  .brand {
    font-size:25px;
    gap:8px
  }

  .brand img {
    width:34px;
    height:34px
  }

  .category-toggle {
    font-size:13px;
    padding:9px 11px
  }

  .top-row {
    gap:12px
  }

  .shop-search {
    border-width:1.5px
  }

  .shop-search input {
    padding:11px 12px
  }

  .shop-search button {
    padding:10px 15px;
    min-width:62px
  }

  .category-strip {
    gap:20px;
    position:relative
  }

  .category-strip.expanded {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    font-size:13px
  }

  .hero {
    padding:24px;
    min-height:0
  }

  .hero h1 {
    font-size:29px
  }

  .hero-copy>p {
    font-size:15px;
    line-height:1.7
  }

  .hero .light-button {
    padding:10px 17px;
    font-size:14px
  }

  .quick-links {
    margin-bottom:26px
  }

  .quick-links>a {
    padding:15px 12px
  }

  .quick-links strong {
    font-size:15px
  }

  .quick-links span {
    font-size:12px
  }

  .shop-card h3 {
    font-size:14px;
    line-height:1.55
  }

  .shop-info {
    padding:12px
  }

  .popular-section {
    margin-top:26px
  }

  .shop-price {
    font-size:17px
  }

  .section-head h2 {
    font-size:22px
  }

}

@media(prefers-reduced-motion:reduce) {
  .shop-card {
    transition:none
  }

  .shop-card:hover {
    transform:none
  }

}

/* Image-independent logo to avoid missing SVG paths in previews. */
.logo-mark {
  position:relative;
  display:inline-block;
  width:40px;
  height:40px;
  flex:0 0 40px;
  background:#08766c;
  border-radius:12px
}

.logo-mark:before {
  content:"";
  position:absolute;
  left:11px;
  top:16px;
  width:18px;
  height:15px;
  background:#edf8ef;
  border-radius:2px 2px 4px 4px
}

.logo-mark:after {
  content:"";
  position:absolute;
  left:17px;
  top:19px;
  width:5px;
  height:8px;
  border:solid #08766c;
  border-width:0 2px 2px 0;
  transform:rotate(45deg)
}

.logo-handle {
  position:absolute;
  left:15px;
  top:9px;
  width:10px;
  height:11px;
  border:2px solid #edf8ef;
  border-bottom:0;
  border-radius:7px 7px 0 0
}

@media(max-width:600px) {
  .brand .logo-mark {
    width:34px;
    height:34px;
    flex-basis:34px
  }

  .brand .logo-mark:before {
    left:8px;
    top:13px
  }

  .brand .logo-mark:after {
    left:14px;
    top:16px
  }

  .brand .logo-handle {
    left:12px;
    top:6px
  }

}

/* Gollabom Mint 3.2 — implemented UI, no generated screenshot as a background. */
:root {
  --shop-accent:#087e72;
  --shop-ink:#142d3b;
  --shop-muted:#526971;
  --shop-line:#dcebe6
}

body {
  background:#fcfefd
}

.site-header {
  box-shadow:0 5px 25px #063b3210
}

.shop-search {
  border:1px solid #7dd1bb;
  border-radius:32px;
  background:white;
  box-shadow:0 7px 22px #0a806b1c;
  overflow:visible;
  padding:4px;
  max-width:440px
}

.shop-search input {
  padding:8px 15px
}

.shop-search button {
  border-radius:25px;
  min-height:42px;
  padding:8px 21px;
  background:linear-gradient(135deg,#16b89b,#087567);
  box-shadow:0 3px 9px #08766c25
}

.category-toggle {
  border-radius:15px;
  box-shadow:0 5px 18px #183c350c;
  background:#fff
}

.utility-nav {
  display:flex;
  justify-content:center;
  gap:10px;
  padding-top:0;
  padding-bottom:17px
}

.utility-nav a {
  font-size:13px;
  padding:7px 18px;
  min-height:38px;
  background:white;
  border:1px solid var(--shop-line);
  border-radius:24px;
  box-shadow:0 3px 10px #183c3508
}

.utility-nav a:first-child {
  background:linear-gradient(135deg,#14b69b,#057b70);
  color:white;
  border-color:transparent
}

.hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:radial-gradient(ellipse at 10% 0%,#39c9b3 0%,transparent 48%),linear-gradient(120deg,#087d79,#00625e 52%,#06ab84);
  border:0;
  border-radius:22px;
  padding:38px;
  gap:40px;
  box-shadow:0 13px 30px #08675520
}

.hero:before,.hero:after {
  content:"";
  position:absolute;
  z-index:-1;
  width:420px;
  height:420px;
  border-radius:50%;
  background:#c3ffec12;
  pointer-events:none
}

.hero:before {
  top:-260px;
  left:-70px
}

.hero:after {
  bottom:-300px;
  right:130px
}

.hero h1 {
  color:white;
  font-size:38px;
  letter-spacing:-1.4px;
  line-height:1.35
}

.hero-copy>.eyebrow {
  color:#d8ffee
}

.hero-copy>p {
  color:#e0fff4;
  line-height:1.7
}

.hero .light-button {
  display:none
}

.hero-search {
  max-width:100%;
  margin:22px 0 16px;
  box-shadow:0 11px 24px #003e3b45;
  border:1px solid #aeedda
}

.hero-trends {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  color:white;
  font-size:12px
}

.trends-chips {
  display:flex;
  flex-wrap:wrap;
  gap:7px
}

.trends-chips a {
  padding:5px 12px;
  border-radius:30px;
  border:1px solid #bafbe445;
  background:linear-gradient(140deg,#9bffdf30,#dbfff610);
  box-shadow:0 4px 10px #003e3b22;
  color:white;
  font-size:12px;
  font-weight:600
}

.hero-feature {
  background:white;
  border:1px solid #b3eadb;
  border-radius:17px;
  box-shadow:0 16px 32px #00382d48,0 2px 0 #8be4ce;
  padding:18px
}

.hero-feature>.eyebrow {
  display:inline-block;
  color:#087568;
  background:#e4fbf1;
  border:1px solid #d3f4e8;
  border-radius:30px;
  padding:5px 12px;
  font-size:12px;
  letter-spacing:0
}

.hero-feature .shop-thumb {
  margin-top:14px;
  height:160px;
  border-radius:10px
}

.hero-feature .shop-info {
  padding-top:8px
}

.hero-feature .feature-empty {
  padding:20px 0
}

.quick-links {
  gap:18px;
  margin:18px 0 30px
}

.quick-links>a,.quick-links>a:nth-child(2) {
  position:relative;
  overflow:hidden;
  border:0;
  color:white;
  background:linear-gradient(120deg,#11b59a,#006c65);
  border-radius:15px;
  box-shadow:0 8px 21px #036f5d20;
  padding:22px 25px
}

.quick-links>a:nth-child(2) {
  background:linear-gradient(120deg,#123c59,#047d74)
}

.quick-links>a:after {
  position:absolute;
  right:25px;
  top:20px;
  font-size:35px;
  color:#a6f6de;
  content:"↗"
}

.quick-links>a:nth-child(2):after {
  content:"◇"
}

.quick-links span {
  color:#e1fff3
}

.quick-links strong {
  padding-right:28px;
  font-size:19px
}

.category-panel {
  display:none;
  margin:32px 0;
  padding:28px;
  border-radius:20px;
  background:radial-gradient(ellipse at 0 0,#d6f6e950,transparent 70%),#f3fbf8;
  border:1px solid #e4f2ec
}

#tt-body-index .category-panel,.category-panel.is-open {
  display:block
}

.category-tiles {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px
}

.category-tiles a {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:13px;
  min-height:112px;
  padding:18px 8px;
  background:linear-gradient(140deg,#fff,#f7fcfa);
  border:1px solid #dfede7;
  border-radius:17px;
  box-shadow:0 7px 18px #115c4610;
  text-align:center;
  font-weight:650;
  font-size:14px;
  transition:transform .18s,box-shadow .18s
}

.category-tiles a:hover {
  border-color:#7bd1b5;
  box-shadow:0 10px 22px #115c4620;
  transform:translateY(-2px)
}

.category-tiles svg {
  width:32px;
  height:32px;
  color:#078c78
}

.section-badge,.count-badge {
  display:inline-block;
  vertical-align:middle;
  padding:4px 10px;
  font-size:12px!important;
  line-height:1.5;
  color:#087569!important;
  background:#e7fbf3;
  border:1px solid #d1f3e7;
  border-radius:20px;
  letter-spacing:0;
  margin-left:7px;
  font-weight:600!important
}

.popular-section {
  margin:30px 0
}

.popular-empty {
  grid-column:1/-1;
  border:1px solid #e2eeea;
  border-radius:16px;
  background:white;
  padding:24px;
  text-align:center;
  box-shadow:0 5px 16px #134c3b0c
}

.sort-controls {
  background:white;
  border:1px solid #e1ece7;
  padding:10px 14px;
  border-radius:18px;
  gap:9px;
  box-shadow:0 5px 18px #134c3b0c
}

.sort-controls button,.sort-controls a {
  font-size:13px;
  border:1px solid #dbe9e3;
  border-radius:30px;
  padding:7px 20px;
  background:white;
  box-shadow:0 2px 6px #144c3b06
}

.sort-controls button[aria-pressed=true] {
  border:1px solid transparent;
  background:linear-gradient(120deg,#16b598,#05786b);
  color:#fff;
  box-shadow:0 4px 12px #08766c25
}

.sort-controls>span {
  padding-right:4px
}

.shop-card {
  border-color:#d2e9de;
  border-radius:16px;
  box-shadow:0 8px 22px #15543f12
}

.shop-thumb {
  margin:9px 9px 0;
  border-radius:11px;
  aspect-ratio:1.13
}

.shop-category {
  display:inline-block;
  border-radius:20px;
  background:#e8faf2;
  color:#087469;
  padding:3px 9px;
  font-size:11px
}

.shop-card h3 {
  font-weight:650
}

.paging a {
  border-radius:12px;
  background:white;
  box-shadow:0 3px 8px #134c3b08
}

.paging a:has(.selected) {
  background:var(--shop-accent);
  color:white
}

.paging a:has(.selected) .selected {
  color:white
}

.footer {
  background:linear-gradient(120deg,#eefbf5,#f5fbf9);
  border-top-color:#d9f0e7
}

.entry-content .gb-product {
  box-shadow:0 8px 24px #134c3b0d
}

.gb-buy {
  background:linear-gradient(120deg,#12ac91,#05766a);
  box-shadow:0 5px 14px #08766c22
}

@media(max-width:900px) {
  .shop-search {
    max-width:none
  }

  .hero {
    padding:28px;
    gap:25px
  }

  .hero h1 {
    font-size:32px
  }

  .hero-search {
    width:100%
  }

  .category-tiles {
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px
  }

  .category-tiles a {
    font-size:12px;
    padding:15px 5px
  }

  .top-row {
    gap:14px
  }

}

@media(max-width:600px) {
  .hero {
    padding:25px 20px;
    border-radius:17px
  }

  .hero h1 {
    font-size:29px
  }

  .hero-copy>p {
    font-size:14px
  }

  .hero-search {
    margin-top:18px
  }

  .shop-search {
    max-width:none
  }

  .hero-search input {
    font-size:14px;
    padding-left:10px
  }

  .hero-search button {
    padding:9px 15px;
    font-size:14px;
    min-width:60px
  }

  .hero-feature {
    display:block;
    box-shadow:0 10px 25px #00382d30;
    margin-top:0
  }

  .hero-feature .shop-thumb {
    height:130px
  }

  .hero-feature h3 {
    font-size:15px
  }

  .quick-links {
    gap:10px
  }

  .quick-links>a,.quick-links>a:nth-child(2) {
    padding:17px 13px
  }

  .quick-links strong {
    font-size:15px;
    padding-right:10px
  }

  .quick-links span {
    font-size:11px
  }

  .quick-links>a:after {
    display:none
  }

  .category-panel {
    padding:18px 12px;
    margin:25px 0;
    border-radius:17px
  }

  .category-tiles {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px
  }

  .category-tiles a {
    flex-direction:row;
    justify-content:flex-start;
    padding:14px 11px;
    min-height:64px;
    gap:10px;
    font-size:12px;
    border-radius:13px
  }

  .category-tiles svg {
    width:25px;
    height:25px;
    flex-shrink:0
  }

  .utility-nav {
    gap:7px;
    padding-bottom:13px
  }

  .utility-nav a {
    font-size:12px;
    padding:7px 12px
  }

  .section-badge {
    font-size:10px!important;
    padding:4px 8px;
    margin-left:3px
  }

  .sort-controls {
    padding:10px;
    gap:7px;
    border-radius:14px
  }

  .sort-controls button,.sort-controls a {
    padding:7px 14px;
    font-size:12px
  }

  .sort-controls>span {
    font-size:10px
  }

  .shop-info {
    padding:11px
  }

  .shop-thumb {
    margin:6px 6px 0
  }

  .shop-card h3 {
    font-size:14px
  }

  .shop-category {
    font-size:10px;
    padding:3px 7px
  }

  .popular-empty {
    font-size:13px;
    padding:20px 14px
  }

}

@media(prefers-reduced-motion:reduce) {
  .category-tiles a {
    transition:none
  }

  .category-tiles a:hover {
    transform:none
  }

}

/* 3.3: permanent category navigation and reusable product post. */
.product-categories {
  display:flex;
  flex-wrap:wrap;
  gap:5px 15px;
  padding-top:9px;
  padding-bottom:12px;
  border-top:1px solid #e4efea;
  font-size:13px
}

.product-categories a {
  min-height:42px;
  display:flex;
  align-items:center;
  padding:4px 5px;
  white-space:nowrap;
  border-radius:8px
}

.product-categories a:hover,.product-categories a[aria-current=page] {
  color:#057367;
  background:#e5f9ef
}

.product-categories a[aria-current=page] {
  font-weight:750
}

.gb-shopping-post {
  --gb-accent:#087e72;
  color:#18333d;
  line-height:1.85;
  font-size:17px
}

.gb-shopping-post .gb-disclosure {
  margin:0 0 22px;
  padding:14px 18px;
  border:1px solid #d9eae2;
  border-radius:12px;
  background:#f3faf7;
  color:#4f686c;
  font-size:13px
}

.gb-shopping-post .gb-product {
  margin:0 0 30px;
  padding:28px;
  border:1px solid #c8e7db;
  border-radius:20px;
  background:white;
  box-shadow:0 10px 30px #14523d12
}

.gb-shopping-post .gb-product-layout {
  gap:36px
}

.gb-shopping-post .gb-product-photo {
  background:#f5faf8;
  border-radius:16px;
  padding:16px
}

.gb-shopping-post .gb-image-placeholder {
  aspect-ratio:1;
  display:grid;
  place-content:center;
  gap:10px;
  background:linear-gradient(145deg,#e9f8f1,#f7fbf9);
  border:1px dashed #91cdb7;
  border-radius:12px;
  color:#48766b;
  text-align:center;
  padding:20px;
  font-size:16px
}

.gb-shopping-post .gb-image-placeholder small {
  font-size:12px
}

.gb-shopping-post .gb-pill {
  display:inline-flex;
  padding:5px 13px;
  border-radius:30px;
  background:#e1f9ee;
  border:1px solid #c9efdf;
  color:#057566;
  font-size:12px;
  font-weight:700
}

.gb-shopping-post .gb-product-name {
  font-size:29px!important;
  line-height:1.4!important
}

.gb-shopping-post .gb-lead {
  color:#536c73;
  font-size:16px
}

.gb-shopping-post .gb-price-panel {
  background:#f2fbf6;
  border:1px solid #d8f0e4;
  border-radius:14px;
  padding:16px;
  margin:18px 0
}

.gb-shopping-post .gb-price-label {
  font-size:12px;
  color:#536c73
}

.gb-shopping-post .gb-price-value {
  font-size:30px;
  font-weight:800;
  line-height:1.4;
  margin:6px 0
}

.gb-shopping-post .gb-product-reference {
  margin:0;
  font-size:13px!important
}

.gb-shopping-post .gb-buy {
  margin:16px 0 8px;
  background:linear-gradient(120deg,#11af90,#057369);
  border:0;
  box-shadow:0 7px 17px #056c5c22;
  border-radius:12px;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:white!important;
  font-size:16px;
  line-height:1.6;
  text-decoration:none!important
}

.gb-shopping-post .gb-body-column {
  max-width:790px;
  margin:auto
}

.gb-shopping-post .gb-toc {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  padding:16px;
  border:1px solid #e0eee7;
  border-radius:15px;
  background:white;
  box-shadow:0 4px 14px #14523d08;
  margin:24px 0
}

.gb-shopping-post .gb-toc a {
  font-size:13px;
  padding:6px 12px;
  border-radius:20px;
  background:#edf9f3;
  color:#087469;
  text-decoration:none
}

.gb-shopping-post .gb-section {
  margin:34px 0;
  scroll-margin-top:24px
}

.gb-shopping-post .gb-section>h2 {
  font-size:24px;
  line-height:1.5;
  margin:0 0 18px;
  letter-spacing:-.5px
}

.gb-shopping-post .gb-section>h2:before {
  content:"";
  display:inline-block;
  width:5px;
  height:22px;
  background:linear-gradient(#1ac39d,#08776a);
  border-radius:4px;
  margin-right:10px;
  vertical-align:middle
}

.gb-shopping-post p[data-ke-size=size16] {
  font-size:17px;
  line-height:1.85
}

.gb-shopping-post .gb-table-wrap {
  border:1px solid #d7e9df;
  border-radius:14px;
  overflow:auto;
  box-shadow:0 5px 17px #14523d08
}

.gb-shopping-post .gb-table-wrap table {
  display:table;
  width:100%;
  max-width:none;
  margin:0!important;
  border-collapse:collapse;
  overflow:visible
}

.gb-shopping-post .gb-table-wrap th,.gb-shopping-post .gb-table-wrap td {
  font-size:15px;
  padding:13px 16px;
  border:0;
  border-bottom:1px solid #e4efe9
}

.gb-shopping-post .gb-table-wrap th {
  background:#eef9f3;
  width:30%;
  min-width:105px
}

.gb-shopping-post .gb-table-wrap tr:last-child>* {
  border-bottom:0
}

.gb-shopping-post .gb-points {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px
}

.gb-shopping-post .gb-point-card {
  padding:20px;
  border:1px solid #d7e9e0;
  border-radius:16px;
  background:#f2fbf6;
  box-shadow:0 5px 17px #14523d08
}

.gb-shopping-post .gb-point-card:last-child {
  background:#f7f9fa;
  border-color:#e0e7e9
}

.gb-shopping-post .gb-point-card h3 {
  font-size:17px;
  margin:0 0 12px
}

.gb-shopping-post .gb-point-card ul {
  padding-left:20px;
  margin:0;
  font-size:15px
}

.gb-shopping-post .gb-checklist {
  padding:19px 22px;
  background:white;
  border:1px solid #d9eae2;
  border-radius:15px
}

.gb-shopping-post .gb-checklist ul {
  padding-left:20px;
  margin:0;
  font-size:15px
}

.gb-shopping-post .gb-buy-bottom {
  padding:24px;
  border:1px solid #cae9dc;
  border-radius:17px;
  background:linear-gradient(120deg,#eaf9f0,#f7fcfa);
  text-align:center;
  box-shadow:0 7px 20px #14523d10
}

.gb-shopping-post .gb-buy-bottom h2 {
  font-size:21px;
  margin:0
}

.gb-shopping-post .gb-buy-bottom p {
  font-size:14px;
  color:#536c73
}

.gb-shopping-post .gb-buy-bottom .gb-buy {
  max-width:420px;
  margin:16px auto
}

.gb-shopping-post .gb-source-note {
  font-size:12px;
  color:#5b737a;
  border-top:1px solid #e0ebe6;
  margin-top:26px;
  padding-top:14px
}

.gb-shopping-post .gb-product-checked {
  font-size:12px!important
}

.gb-shopping-post [hidden] {
  display:none!important
}

@media(max-width:900px) {
  .product-categories {
    flex-wrap:nowrap;
    overflow:auto;
    scrollbar-width:thin
  }

  .product-categories.expanded {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    white-space:normal;
    gap:8px
  }

  .product-categories.expanded a {
    background:#f0faf5;
    padding:8px 10px;
    white-space:normal
  }

}

@media(max-width:600px) {
  .product-categories {
    font-size:12px;
    gap:14px
  }

  .product-categories.expanded {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px
  }

  .gb-shopping-post .gb-product {
    padding:17px;
    border-radius:16px
  }

  .gb-shopping-post .gb-product-layout {
    grid-template-columns:1fr;
    gap:20px
  }

  .gb-shopping-post .gb-product-photo {
    padding:12px
  }

  .gb-shopping-post .gb-image-placeholder {
    aspect-ratio:1.25
  }

  .gb-shopping-post .gb-product-name {
    font-size:24px!important
  }

  .gb-shopping-post .gb-price-value {
    font-size:27px
  }

  .gb-shopping-post .gb-section>h2 {
    font-size:22px
  }

  .gb-shopping-post .gb-points {
    grid-template-columns:1fr
  }

  .gb-shopping-post .gb-point-card {
    padding:18px
  }

  .gb-shopping-post .gb-table-wrap th,.gb-shopping-post .gb-table-wrap td {
    font-size:14px;
    padding:11px
  }

  .gb-shopping-post .gb-toc {
    padding:12px;
    gap:7px
  }

  .gb-shopping-post .gb-toc a {
    font-size:12px;
    padding:6px 10px
  }

  .gb-shopping-post .gb-buy-bottom {
    padding:20px 16px
  }

}

/* 홈 목록과 ‘새로 담은 발견’ 썸네일 */
#tt-body-index .shop-card .shop-thumb,
#tt-body-index .hero-feature .shop-thumb  {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  height: auto !important;
  padding: 0;
  overflow: hidden;
}

#tt-body-index .shop-card .shop-thumb img,
#tt-body-index .hero-feature .shop-thumb img  {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center;
}

/* PC: 배너 여백과 추천 상품 크기 축소 */
@media (min-width: 901px)  {
  .hero  {
    grid-template-columns: minmax(0, 1fr) 280px;
    min-height: 0;
    padding: 26px 32px;
    gap: 30px;
  }

  .hero h1  {
    font-size: 32px;
    margin: 10px 0 14px;
  }

  .hero-copy > p  {
    margin-bottom: 14px;
  }

  .hero-search  {
    margin: 16px 0 12px;
  }

  .hero-feature  {
    padding: 16px;
  }

  .hero-feature .shop-thumb  {
    width: 200px;
    height: auto !important;
    aspect-ratio: 1 / 1;
    margin: 12px auto 0;
  }

  .hero-feature h3  {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    margin: 7px 0;
  }

  .hero-feature .shop-price  {
    margin: 6px 0;
    font-size: 18px;
  }

}

/* 모바일: 추천 상품을 작은 가로 카드로 표시 */
@media (max-width: 600px)  {
  .hero  {
    padding: 22px 18px;
    gap: 18px;
    min-height: 0;
  }

  .hero h1  {
    font-size: 26px;
    margin: 8px 0 12px;
  }

  .hero-search  {
    margin: 14px 0 10px;
  }

  .hero-feature  {
    padding: 14px;
  }

  .hero-feature > article  {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin-top: 12px;
  }

  .hero-feature .shop-thumb  {
    width: 90px;
    height: auto !important;
    aspect-ratio: 1 / 1;
    margin: 0;
  }

  .hero-feature .shop-info  {
    padding: 0;
    min-width: 0;
  }

  .hero-feature h3  {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px;
    margin: 5px 0;
  }

  .hero-feature .shop-price  {
    font-size: 16px;
    margin: 4px 0;
  }

}

/* 글 하단 공감·공유 버튼 */
#tt-body-page .container_postbtn  {
  display: none !important;
}

/* 회색 블로그 프로필·소개 상자 */
#tt-body-page .box-tistory  {
  display: none !important;
}

/* 댓글 영역 */
#tt-body-page .comments  {
  display: none !important;
}

/* 태그를 민트색 배지로 표시 */
#tt-body-page .tags  {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 28px auto;
  padding: 18px 0;
  font-size: 0;
  line-height: 0;
  color: transparent;
}

#tt-body-page .tags a  {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid #d5e9df;
  border-radius: 20px;
  background: #eef9f3;
  color: #176b57;
  font-size: 13px;
  line-height: 1.5;
  text-decoration: none;
}

/* ==================================
   골라봄: 글 하단 영역 정리
   ================================== */

/* 1. 티스토리 공감·공유·더보기 버튼 숨기기 */
.container_postbtn  {
  display: none !important;
}

/* 2. 자동 삽입되는 블로그 소개·프로필 상자 숨기기 */
.tt_box_namecard,
.box-tistory  {
  display: none !important;
}

/* 3. 현재 골라봄 스킨의 댓글 영역 숨기기 */
.post .comments  {
  display: none !important;
}

/* 4. 기본 '카테고리의 다른 글' 목록 숨기기
   직접 추가한 '함께 보면 좋은 상품'은 유지 */
.another_category  {
  display: none !important;
}

/* 5. 태그 사이 쉼표는 숨기고 링크만 배지로 표시 */
.post .tags  {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 790px;
  margin: 30px auto !important;
  padding: 20px 0 !important;
  border-top: 1px solid #dce9e2;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

.post .tags a  {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  margin: 0 !important;
  padding: 7px 13px;
  border: 1px solid #d5e9df;
  border-radius: 999px;
  background: #eef9f3;
  box-shadow: 0 2px 7px rgba(20, 82, 61, 0.05);
  color: #176b57 !important;
  font-size: 13px !important;
  font-weight: 600;
  line-height: 1.5 !important;
  text-decoration: none !important;
}

.post .tags a::before  {
  content: "#";
  margin-right: 4px;
  color: #478373;
}

.post .tags a:hover  {
  background: #e0f4e9;
  border-color: #8fc9af;
}

/* 6. 구매 안내 상자와 출처 문구 사이 간격 */
.entry-content .gb-shopping-post .gb-buy-bottom  {
  margin-bottom: 28px !important;
}

/* 7. 확인일·출처를 작은 보조 정보 상자로 정리 */
.entry-content .gb-shopping-post .gb-source-note  {
  display: block;
  clear: both;
  margin: 28px 0 36px !important;
  padding: 17px 19px !important;
  border: 1px solid #e0eae5;
  border-radius: 12px;
  background: #f7faf8;
  color: #52666c !important;
  font-size: 13px !important;
  font-weight: 400;
  line-height: 1.85 !important;
  overflow-wrap: anywhere;
}

.entry-content .gb-shopping-post .gb-source-note a  {
  color: #176b57 !important;
}

/* 모바일 보조 문구는 너무 작아지지 않도록 유지 */
@media (max-width: 600px)  {
  .post .tags  {
    margin: 25px auto !important;
    gap: 7px;
  }

  .post .tags a  {
    padding: 7px 11px;
    font-size: 12px !important;
  }

  .entry-content .gb-shopping-post .gb-source-note  {
    padding: 15px !important;
    font-size: 14px !important;
  }

}

/* 핵심 정보: 배경·외곽 테두리 없이 행 구분선만 */
.entry-content .gb-shopping-post .gb-table-wrap  {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.entry-content .gb-shopping-post .gb-table-wrap table  {
  display: table;
  width: 100%;
  margin: 0 !important;
  border: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

.entry-content .gb-shopping-post .gb-table-wrap th,
.entry-content .gb-shopping-post .gb-table-wrap td  {
  padding: 15px 8px;
  border: 0;
  border-bottom: 1px solid #e1e8e5;
  background: transparent !important;
  text-align: left;
  vertical-align: top;
  font-size: 15px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.entry-content .gb-shopping-post .gb-table-wrap th  {
  width: 30%;
  min-width: 0;
  color: #526971;
  font-weight: 400;
}

.entry-content .gb-shopping-post .gb-table-wrap td  {
  color: #18333d;
  font-weight: 600;
}

.entry-content .gb-shopping-post .gb-table-wrap tr:last-child > *  {
  border-bottom: 0;
}

/* 소제목: 세로 막대 대신 짧은 밑줄 */
.entry-content .gb-shopping-post .gb-section > h2  {
  margin: 0 0 22px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #18333d;
  font-size: 23px !important;
  font-weight: 750;
  line-height: 1.5;
  letter-spacing: -0.5px;
}

.entry-content .gb-shopping-post .gb-section > h2::before  {
  content: none !important;
  display: none !important;
}

.entry-content .gb-shopping-post .gb-section > h2::after  {
  content: "";
  display: block;
  width: 36px;
  height: 3px;
  margin-top: 12px;
  border-radius: 2px;
  background: #119b83;
}

@media (max-width: 600px)  {
  .entry-content .gb-shopping-post .gb-table-wrap th,
  .entry-content .gb-shopping-post .gb-table-wrap td  {
    padding: 13px 6px;
    font-size: 14px;
  }

  .entry-content .gb-shopping-post .gb-table-wrap th  {
    width: 33%;
  }

  .entry-content .gb-shopping-post .gb-section > h2  {
    font-size: 21px !important;
  }

}

/* 장점·확인점 카드 색상 통일 */
.entry-content .gb-shopping-post .gb-point-card  {
  background: #eef8f1 !important;
  border-color: #d8eadd !important;
}

.entry-content .gb-shopping-post .gb-point-card:last-child  {
  background: #fff2f2 !important;
  border-color: #f0dede !important;
}

.entry-content .gb-shopping-post .gb-point-card h3  {
  color: #15673c !important;
}

.entry-content .gb-shopping-post .gb-point-card:last-child h3  {
  color: #9e3737 !important;
}

/* 체크·느낌표 대신 기본 점 목록 */
.entry-content .gb-shopping-post .gb-point-card ul  {
  list-style: disc !important;
  padding-left: 20px !important;
}

.entry-content .gb-shopping-post .gb-point-card li  {
  padding-left: 0 !important;
}

.entry-content .gb-shopping-post .gb-point-card li::before  {
  content: none !important;
  display: none !important;
}

.post .tags a::before  {
  content: none !important;
  display: none !important;
}

/* 관련 상품: PC 4열 / 모바일 2열 */
.gb-related  {
  width: 100%;
  max-width: none;
  margin: 40px 0;
  padding-top: 28px;
  border-top: 1px solid #dce9e2;
}

.gb-related > h2  {
  margin: 0 0 22px;
  font-size: 23px;
  font-weight: 750;
  color: #18333d;
}

.gb-related-grid  {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 18px;
}

.gb-related-grid > .gb-related-card  {
  display: flex !important;
  flex-direction: column;
  min-width: 0;
  width: auto !important;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid #d7e9df;
  border-radius: 12px;
  background: #fff;
  color: #18333d;
  text-decoration: none !important;
  box-shadow: 0 5px 16px rgba(20, 82, 61, 0.06);
}

.gb-related-card:nth-child(n+5)  {
  display: none !important;
}

/* 이미지 크기를 카드 안으로 제한 */
.gb-related .gb-related-thumb  {
  position: relative !important;
  display: block !important;
  width: 100%;
  height: auto !important;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f0f7f3;
}

.gb-related .gb-related-thumb img  {
  position: absolute !important;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  object-fit: cover;
  object-position: center;
}

.gb-related .gb-related-card h3  {
  margin: 0 !important;
  padding: 15px;
  font-size: 15px !important;
  font-weight: 700;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

@media (max-width: 900px)  {
  .gb-related-grid  {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

}

@media (max-width: 600px)  {
  .gb-related .gb-related-card h3  {
    padding: 12px;
    font-size: 14px !important;
  }

}


/* 최종 공통 규칙: 이 파일 내용은 style.css에 이미 포함되어 있습니다. */
:root { --shop-accent:#08766c; --shop-ink:#18333d; }
.site-header .brand { display:inline-flex; align-items:center; gap:10px; line-height:1; }
.site-header .brand > span:not(.logo-mark) { display:block; line-height:1; white-space:nowrap; }
.site-header .brand small { display:none; }
/* 홈: 목록은 정사각형, 추천 상품은 작게 */
.shop-card .shop-thumb,.hero-feature .shop-thumb { position:relative; display:block; aspect-ratio:1/1; height:auto!important; padding:0; overflow:hidden; }
.shop-card .shop-thumb img,.hero-feature .shop-thumb img { position:absolute; inset:0; width:100%!important; height:100%!important; max-width:none; max-height:none; object-fit:cover; object-position:center; }
@media(min-width:901px) {
  .hero { grid-template-columns:minmax(0,1fr) 280px; min-height:0; padding:26px 32px; gap:30px; }
  .hero h1 { font-size:32px; margin:10px 0 14px; }
  .hero-copy>p { margin-bottom:14px; }
  .hero-search { margin:16px 0 12px; }
  .hero-feature { padding:16px; }
  .hero-feature .shop-thumb { width:200px; margin:12px auto 0; }
  .hero-feature h3 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:14px; margin:7px 0; }
  .hero-feature .shop-price { margin:6px 0; font-size:18px; }
}
/* 본문: 상품 사진은 원본 비율로, 구매 요약은 간결하게 */
.entry-content .gb-shopping-post { font-size:16px; line-height:1.8; }
.entry-content .gb-shopping-post .gb-product-layout { align-items:start; }
.entry-content .gb-shopping-post .gb-product-name { font-size:28px!important; font-weight:750; line-height:1.45!important; margin:14px 0!important; }
.entry-content .gb-shopping-post .gb-product-summary .gb-lead { font-size:15px!important; line-height:1.75!important; margin:12px 0 18px; color:#536971; }
.entry-content .gb-shopping-post .gb-product-summary .gb-price-panel { padding:19px 0 5px; margin:20px 0 15px; background:transparent; border:0; border-top:1px solid #e0e9e4; border-radius:0; box-shadow:none; }
.entry-content .gb-shopping-post .gb-price-label { color:#536971; font-size:12px; }
.entry-content .gb-shopping-post .gb-price-value { font-size:31px!important; line-height:1.4!important; margin:9px 0; }
.entry-content .gb-shopping-post .gb-price-value .gb-product-discount { font-size:25px; }
.entry-content .gb-shopping-post .gb-product-reference { font-size:13px!important; color:#61757c; }
.entry-content .gb-shopping-post .gb-product-condition { font-size:14px!important; line-height:1.85!important; }
.entry-content .gb-shopping-post .gb-product-checked { font-size:12px!important; line-height:1.75!important; color:#526971; }
.entry-content .gb-shopping-post .gb-compact-condition { display:flex; flex-wrap:wrap; gap:8px; font-size:13px; margin:13px 0 0; }
.entry-content .gb-shopping-post .gb-compact-condition a { color:#087568; text-decoration:underline; }
/* 목차: 바깥 상자 없이 배지만 */
.entry-content .gb-shopping-post .gb-toc { padding:0!important; margin:24px auto 30px!important; max-width:790px; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; gap:8px; }
/* 구역 배경을 교대로, 글 폭은 읽기 편한 폭으로 제한 */
.entry-content .gb-shopping-post .gb-body-column { max-width:none; }
.entry-content .gb-shopping-post .gb-section { margin:0!important; padding:32px max(20px,calc((100% - 790px)/2)); border-top:1px solid #e3ece7; scroll-margin-top:24px; }
.entry-content .gb-shopping-post #gb-overview { background:#f0f8f4; }
.entry-content .gb-shopping-post #gb-specs { background:#fff; }
.entry-content .gb-shopping-post #gb-pros { background:#f5f7f8; }
.entry-content .gb-shopping-post #gb-purchase-note { background:#fff; }
.entry-content .gb-shopping-post #gb-price-details { background:#f6faf8; }
.entry-content .gb-shopping-post .gb-section>h2 { margin:0 0 22px!important; padding:0!important; border:0!important; background:none!important; font-size:23px!important; line-height:1.5; font-weight:750; color:#18333d; }
.entry-content .gb-shopping-post .gb-section>h2::before { display:none!important; content:none!important; }
.entry-content .gb-shopping-post .gb-section>h2::after { content:""; display:block; width:36px; height:3px; margin-top:12px; border-radius:2px; background:#119b83; }
.entry-content .gb-shopping-post .gb-section>p,.entry-content .gb-shopping-post .gb-section>p[data-ke-size="size16"] { font-size:16px!important; line-height:1.8!important; margin:0 0 20px!important; }
.entry-content .gb-shopping-post .gb-section>p:last-child { margin-bottom:0!important; }
/* 핵심 정보: 선으로만 나누는 행 */
.entry-content .gb-shopping-post .gb-table-wrap { overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
.entry-content .gb-shopping-post .gb-table-wrap table { display:table; width:100%; margin:0!important; border:0; border-collapse:collapse; table-layout:fixed; }
.entry-content .gb-shopping-post .gb-table-wrap th,.entry-content .gb-shopping-post .gb-table-wrap td { padding:15px 8px; border:0; border-bottom:1px solid #e1e8e5; background:transparent!important; text-align:left; vertical-align:top; font-size:15px; line-height:1.75; overflow-wrap:anywhere; }
.entry-content .gb-shopping-post .gb-table-wrap th { width:30%; min-width:0; color:#526971; font-weight:400; }
.entry-content .gb-shopping-post .gb-table-wrap td { color:#18333d; font-weight:600; }
.entry-content .gb-shopping-post .gb-table-wrap tr:last-child>* { border-bottom:0; }
.entry-content .gb-shopping-post .gb-point-card { background:#eef8f1!important; border-color:#d8eadd!important; }
.entry-content .gb-shopping-post .gb-point-card:last-child { background:#fff2f2!important; border-color:#f0dede!important; }
.entry-content .gb-shopping-post .gb-point-card h3 { color:#15673c!important; font-size:16px; }
.entry-content .gb-shopping-post .gb-point-card:last-child h3 { color:#9e3737!important; }
.entry-content .gb-shopping-post .gb-point-card ul { list-style:disc!important; padding-left:20px!important; font-size:15px; line-height:1.85; }
.entry-content .gb-shopping-post .gb-point-card li { padding-left:0!important; margin:10px 0; }
.entry-content .gb-shopping-post .gb-point-card li::before { content:none!important; display:none!important; }
/* 기존 큰 출처 상자는 간단한 텍스트로 */
.entry-content .gb-shopping-post .gb-source-note { margin:24px auto 30px!important; max-width:790px; padding:0!important; border:0!important; border-radius:0; background:transparent!important; box-shadow:none; font-size:13px!important; line-height:1.8!important; color:#526971!important; }
.entry-content .gb-shopping-post .gb-buy-bottom { margin:28px auto!important; max-width:790px; }
.skin-disclosure { margin:0 0 24px; padding:16px 18px; border-radius:12px; background:#f7f7f7; color:#333; font-size:15px; line-height:1.85; }
.post:has(.entry-content .gb-disclosure)>.skin-disclosure { display:none; }
/* 갤러리: 큰 사진은 전체 표시, 작은 썸네일만 중앙 크롭 */
.entry-content .gb-shopping-post .gb-product-photo { min-width:0; }
.gb-gallery-stage { position:relative; display:grid; place-items:center; aspect-ratio:1/1; width:100%; overflow:hidden; background:#fff; border:1px solid #e0eae5; border-radius:12px; }
.entry-content .gb-shopping-post .gb-gallery-stage img { display:block; width:100%!important; height:100%!important; max-height:none!important; object-fit:contain; }
.gb-gallery-thumbs { display:flex; gap:8px; overflow-x:auto; padding:12px 2px 6px; scrollbar-width:thin; }
.gb-gallery-thumbs button { width:62px; height:62px; flex:0 0 62px; padding:3px; border:1px solid #d9e7df; border-radius:10px; background:white; }
.gb-gallery-thumbs button[aria-pressed="true"] { border:2px solid #08766c; }
.entry-content .gb-shopping-post .gb-gallery-thumbs img { width:100%!important; height:100%!important; object-fit:cover; border-radius:6px; }
.gb-gallery-count { font-size:12px; color:#526971; margin:7px 0 0; }
/* 태그: # 없는 민트 배지 */
.post .tags { display:flex; flex-wrap:wrap; gap:8px; margin:28px auto!important; max-width:790px; padding:18px 0!important; border-top:1px solid #dce9e2; font-size:0!important; line-height:0!important; color:transparent!important; }
.post .tags a { display:inline-flex!important; align-items:center; min-height:36px; margin:0!important; padding:7px 13px; border:1px solid #d5e9df; border-radius:24px; background:#eef9f3; color:#176b57!important; font-size:13px!important; line-height:1.5!important; text-decoration:none!important; }
.post .tags a::before { content:none!important; display:none!important; }
/* 관련 상품: 가격은 글 메타정보에서 읽고, 없으면 링크만 표시 */
.gb-related-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.gb-related-card { display:flex!important; flex-direction:column; overflow:hidden; min-width:0; border:1px solid #d7e9df; border-radius:12px; background:#fff; color:#18333d; text-decoration:none!important; box-shadow:0 5px 16px #14523d0f; }
.gb-related-card:nth-child(n+5) { display:none!important; }
.gb-related-thumb { position:relative; display:block; aspect-ratio:1/1; overflow:hidden; background:#f0f7f3; }
.gb-related-thumb img { position:absolute!important; inset:0; width:100%!important; height:100%!important; max-width:none!important; object-fit:cover; }
.gb-related-info { display:flex; flex-direction:column; flex:1; padding:14px; }
.gb-related .gb-related-info h3 { padding:0; margin:9px 0 14px!important; font-size:15px!important; line-height:1.65; }
.gb-related-info .shop-price { margin-top:auto; font-size:18px; }
.gb-related:has(.gb-related-grid:empty) { display:none; }
/* 티스토리 기본 부가 영역만 숨김, 관리자 수정 링크는 유지 */
.container_postbtn,.tt_box_namecard,.box-tistory,.another_category,.post .comments { display:none!important; }
.footer { text-align:center; padding:32px 0 24px; }
.footer .brand { display:inline-flex; justify-content:center; }
.footer nav { justify-content:center; margin:16px 0; }
.footer-tagline,.copyright { font-size:13px; }
.affiliate-footer { max-width:790px; margin:22px auto 16px; padding:16px 20px; border:1px solid #d4e5dc; border-radius:12px; background:#fff; color:#344d55; font-size:14px; line-height:1.85; }
@media(max-width:900px) { .gb-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } }
@media(max-width:600px) {
  .hero { padding:22px 18px; gap:18px; min-height:0; }
  .hero h1 { font-size:26px; margin:8px 0 12px; }
  .hero-feature>article { display:grid; grid-template-columns:90px minmax(0,1fr); align-items:center; gap:12px; margin-top:12px; }
  .hero-feature .shop-thumb { width:90px; margin:0; }
  .hero-feature .shop-info { padding:0; min-width:0; }
  .hero-feature h3 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:13px; margin:5px 0; }
  .hero-feature .shop-price { font-size:16px; margin:4px 0; }
  .entry-content .gb-shopping-post .gb-product-name { font-size:24px!important; }
  .entry-content .gb-shopping-post .gb-section { padding:25px 15px; }
  .entry-content .gb-shopping-post .gb-section>h2 { font-size:21px!important; }
  .entry-content .gb-shopping-post .gb-table-wrap th,.entry-content .gb-shopping-post .gb-table-wrap td { font-size:14px; padding:13px 6px; }
  .entry-content .gb-shopping-post .gb-table-wrap th { width:33%; }
  .entry-content .gb-shopping-post .gb-source-note { font-size:14px!important; }
  .entry-content .gb-shopping-post .gb-toc { padding:0 3px!important; }
  .gb-related .gb-related-info h3 { font-size:14px!important; }
  .gb-related-info { padding:11px; }
}


/* 구매가이드와 검색창 크기 — 기존 CSS 맨 아래에 추가 */
.site-header .top-row>.shop-search { flex:0 1 320px; width:320px; max-width:320px; min-width:0; margin-left:auto; }
.hero .hero-copy .hero-search { width:100%; max-width:420px; min-width:0; }
.shop-search input { min-width:0; width:0; flex:1 1 auto; }
.shop-search button { flex:0 0 auto; }
.product-categories .guide-menu { font-weight:750; color:#08766c; background:#eaf7f2; }
.entry-content .gb-guide { max-width:800px; margin:0 auto; color:#18333d; font-size:16px; line-height:1.85; overflow-wrap:anywhere; }
.entry-content .gb-guide p { font-size:16px!important; line-height:1.85!important; margin:0 0 22px!important; }
.entry-content .gb-guide .gb-guide-intro { color:#526971; }
.entry-content .gb-guide .gb-guide-summary { margin:24px 0 32px; padding:22px 24px; border:1px solid #d8eae3; background:#f0f9f5; border-radius:14px; }
.entry-content .gb-guide .gb-guide-summary strong { display:block; margin-bottom:10px; }
.entry-content .gb-guide section { margin:40px 0; padding:0; scroll-margin-top:100px; }
.entry-content .gb-guide h2 { font-size:23px!important; line-height:1.5!important; margin:0 0 24px!important; padding:0 0 12px!important; background:none!important; border:0!important; position:relative; }
.entry-content .gb-guide h2::before { content:none!important; }
.entry-content .gb-guide h2::after { content:""; display:block; width:36px; height:3px; background:#0a9e88; margin-top:12px; }
.entry-content .gb-guide h3 { font-size:18px!important; line-height:1.6!important; margin:26px 0 12px!important; }
.entry-content .gb-guide li { margin:10px 0; font-size:16px; line-height:1.85; }
.entry-content .gb-guide ul,.entry-content .gb-guide ol { padding-left:22px; }
.entry-content .gb-guide .gb-guide-toc { display:flex; gap:8px; flex-wrap:wrap; margin:24px 0 34px; }
.entry-content .gb-guide .gb-guide-toc a { display:block; padding:7px 13px; border-radius:999px; background:#edf8f4; color:#08766c; font-size:13px; text-decoration:none; }
.entry-content .gb-guide .gb-guide-table { overflow-x:auto; margin:22px 0; }
.entry-content .gb-guide table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:14px; }
.entry-content .gb-guide th,.entry-content .gb-guide td { padding:13px 12px; border:0; border-bottom:1px solid #e0e9e5; text-align:left; overflow-wrap:anywhere; }
.entry-content .gb-guide th { background:#f1f7f4; font-weight:700; }
.entry-content .gb-guide .gb-guide-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.entry-content .gb-guide .gb-guide-links a { display:block; padding:18px; border:1px solid #dce9e3; border-radius:12px; text-decoration:none; font-weight:650; }
.entry-content .gb-guide .gb-guide-links small { display:block; margin-top:7px; color:#61757c; font-size:13px; font-weight:400; }
.entry-content .gb-guide figure { margin:26px 0; }
.entry-content .gb-guide img { display:block; max-width:100%; height:auto; margin:auto; border-radius:12px; }
.entry-content .gb-guide figcaption,.entry-content .gb-guide .gb-guide-source { font-size:12px!important; line-height:1.7!important; color:#61757c; margin-top:10px!important; }
@media(max-width:900px) {
 .site-header .top-row>.shop-search { flex:0 1 260px; width:260px; max-width:260px; }
}
@media(max-width:600px) {
 .site-header .top-row>.shop-search { flex:0 1 210px; width:100%; max-width:210px; margin-left:auto; }
 .hero .hero-copy .hero-search { max-width:360px; }
 .entry-content .gb-guide h2 { font-size:21px!important; }
 .entry-content .gb-guide .gb-guide-summary { padding:18px; }
 .entry-content .gb-guide .gb-guide-links { grid-template-columns:1fr; }
}
@media(max-width:380px) {
 .site-header .top-row>.shop-search { flex-basis:170px; max-width:170px; }
}


/* 홈 구매가이드 전용 — 기존 상품·본문 디자인은 유지 */
.gb-home-guides { margin:30px 0 34px; padding:24px; background:#f2f9f6; border:1px solid #dcece5; border-radius:18px; }
.gb-home-guides .gb-home-guides-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.gb-home-guides-head h2 { margin:0; font-size:23px; color:#18333d; }
.gb-home-guides-head p { margin:5px 0 0; color:#61757c; font-size:14px; }
.gb-guide-more { flex-shrink:0; font-size:13px; color:#08766c; font-weight:650; }
.gb-home-guides-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.gb-home-guide-card { display:flex; align-items:center; gap:14px; min-width:0; padding:14px; border:1px solid #deebe5; border-radius:13px; background:#fff; text-decoration:none; color:#18333d; }
.gb-home-guide-card img { flex:0 0 84px; width:84px; height:84px; border-radius:9px; object-fit:cover; }
.gb-home-guide-copy { display:block; min-width:0; }
.gb-home-guide-copy small { display:block; margin-bottom:5px; font-size:11px; color:#08766c; }
.gb-home-guide-copy strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:14px; line-height:1.6; }
.gb-home-guide-action { display:block; margin-top:7px; font-size:12px; color:#61757c; }
.gb-home-guide-card:focus-visible,.gb-guide-more:focus-visible { outline:3px solid #08766c; outline-offset:3px; }
.gb-home-guides-status { margin:0; font-size:14px; color:#61757c; }
.gb-home-guides-status[hidden] { display:none!important; }
@media(max-width:1000px) { .gb-home-guides-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
 .gb-home-guides { padding:18px 15px; margin:24px 0; }
 .gb-home-guides .gb-home-guides-head { align-items:flex-start; flex-direction:column; gap:8px; }
 .gb-home-guides-head h2 { font-size:21px; }
 .gb-home-guides-head p { font-size:13px; }
 .gb-home-guides-grid { grid-template-columns:1fr; gap:10px; }
 .gb-home-guide-card { padding:12px; }
 .gb-home-guide-card img { width:72px; height:72px; flex-basis:72px; }
}
/* 구매가이드 표 — 기존 상품글 스타일로 통일 */
.entry-content .gb-guide .gb-guide-table {
  margin: 22px 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.entry-content .gb-guide .gb-guide-table table {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  border: 0;
  background: transparent;
  font-size: 15px;
  line-height: 1.8;
}

.entry-content .gb-guide .gb-guide-table th,
.entry-content .gb-guide .gb-guide-table td {
  padding: 17px 8px;
  border: 0;
  border-bottom: 1px solid #dfe7e4;
  background: transparent;
  text-align: left;
  vertical-align: top;
  color: #18333d;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.entry-content .gb-guide .gb-guide-table tr > :first-child {
  width: 30%;
  color: #61757c;
  font-weight: 400;
}

.entry-content .gb-guide .gb-guide-table thead th {
  font-size: 13px;
  font-weight: 500;
  color: #61757c;
}

.entry-content .gb-guide .gb-guide-table tbody tr:last-child > * {
  border-bottom: 0;
}

@media (max-width: 600px) {
  .entry-content .gb-guide .gb-guide-table th,
  .entry-content .gb-guide .gb-guide-table td {
    padding: 14px 6px;
    font-size: 14px;
  }
}
/* 구매가이드 맨 아래 상품 카드에만 적용 */
.entry-content .gb-guide .gb-guide-product-links {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:24px 0;
}
.entry-content .gb-guide .gb-guide-linked-card {
  display:flex; flex-direction:column; min-width:0; overflow:hidden;
  border:1px solid #d6e7df; border-radius:13px; background:#fff;
  color:#18333d; text-decoration:none; box-shadow:0 6px 18px #063b3208;
}
.entry-content .gb-guide .gb-guide-linked-thumb {
  display:block; position:relative; aspect-ratio:1/1; overflow:hidden; background:#f3f7f5;
}
.entry-content .gb-guide .gb-guide-linked-thumb img {
  position:absolute; inset:0; display:block; width:100%!important; height:100%!important;
  max-width:none; margin:0; object-fit:cover; border-radius:0; box-shadow:none;
}
.entry-content .gb-guide .gb-guide-linked-info {
  display:flex; flex-direction:column; flex:1; gap:7px; padding:14px;
}
.entry-content .gb-guide .gb-guide-linked-category {
  display:block; padding:3px 9px; border-radius:20px; background:#e8f8f1;
  color:#08766c; font-size:11px; line-height:1.6; font-weight:650;
}
.entry-content .gb-guide .gb-guide-linked-title {
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;
  overflow:hidden; font-size:14px; line-height:1.7; font-weight:700;
}
.entry-content .gb-guide .gb-guide-linked-summary {
  display:block; font-size:12px; line-height:1.7; color:#61757c;
}
.entry-content .gb-guide .gb-guide-linked-reference {
  display:block; margin-top:auto; padding-top:8px; color:#61757c; font-size:12px; line-height:1.5;
}
.entry-content .gb-guide .gb-guide-linked-price {
  display:block; font-size:18px; line-height:1.4; font-weight:750;
}
.entry-content .gb-guide .gb-guide-linked-price b {color:#df3d30;}
.entry-content .gb-guide .gb-guide-linked-price strong {color:#18333d;}
.entry-content .gb-guide .gb-guide-linked-date {font-size:11px; color:#61757c; line-height:1.6;}
.entry-content .gb-guide .gb-guide-linked-card:focus-visible {outline:3px solid #08766c; outline-offset:3px;}
@media(max-width:700px) {
  .entry-content .gb-guide .gb-guide-product-links {grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
  .entry-content .gb-guide .gb-guide-linked-info {padding:12px;}
  .entry-content .gb-guide .gb-guide-linked-price {font-size:17px;}
}
/* 상품 사진 갤러리 보정 */
.entry-content .gb-shopping-post .gb-fixed-gallery {
  display: block !important;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.gb-fixed-gallery .gb-fixed-stage {
  display: grid;
  place-items: center;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border: 1px solid #dfe9e4;
  border-radius: 14px;
  background: #fff;
}

.entry-content .gb-fixed-gallery .gb-fixed-main {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100%;
  margin: 0 !important;
  object-fit: contain !important;
  border-radius: 0;
}

.gb-fixed-thumbs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 12px 2px 4px;
}

.gb-fixed-thumbs button {
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  padding: 3px;
  overflow: hidden;
  border: 1px solid #dfe9e4;
  border-radius: 9px;
  background: #fff;
  cursor: pointer;
}

.gb-fixed-thumbs button[aria-pressed="true"] {
  border: 2px solid #08766c;
}

.entry-content .gb-fixed-thumbs img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: contain !important;
  border-radius: 0;
}

.gb-fixed-thumbs button:focus-visible {
  outline: 3px solid #08766c;
  outline-offset: 2px;
}

.gb-fixed-caption {
  margin-top: 10px;
  color: #61757c;
  font-size: 12px;
  line-height: 1.7;
}
/* 구매가이드·생활정보 기본 강조 제거 */
.product-categories a.guide-menu {
  background: transparent;
  color: inherit;
  font-weight: inherit;
}

/* 마우스·키보드 선택 또는 현재 메뉴 */
.product-categories a.guide-menu:hover,
.product-categories a.guide-menu:focus-visible,
.product-categories a.guide-menu[aria-current="page"] {
  background: #eaf7f2;
  color: #08766c;
  font-weight: 750;
}
/* 기존 카드 디자인 유지: 티스토리 이미지 래퍼의 0px 크기만 보정 */
.entry-content .gb-guide .gb-guide-linked-thumb figure.imageblock {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.entry-content .gb-guide .gb-guide-linked-thumb figure.imageblock > span {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.entry-content .gb-guide .gb-guide-linked-thumb img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover;
}