/* Approved PLAY THAT chrome; shared by home, catalog and customer pages. */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
@import url('brand-tokens.css');
body.pt-brand{--v6-ink:var(--pt-brand-navy);--v6-pink:var(--pt-brand-pink);--v6-muted:var(--pt-brand-muted);--v6-line:var(--pt-brand-line);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}
.pt-brand .v6-shell{width:calc(100% - 96px)!important;max-width:1344px;margin-inline:auto}
.pt-brand .v6-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--pt-brand-surface);box-shadow:0 1px 3px #17171408}
.pt-brand .v6-header-inner{display:grid;align-items:center;min-height:80px;gap:24px;grid-template-columns:104px 1fr 300px auto}
.pt-brand .v6-header .v6-logo{display:block;width:88px!important;height:58px!important;flex:none}
.pt-brand .v6-header .v6-logo img{display:block;width:88px!important;height:58px!important;object-fit:contain;border-radius:0;box-shadow:none}
.pt-brand .v6-header nav{display:flex;align-items:center;font-size:16px;gap:32px;font-weight:700;white-space:nowrap}
.pt-brand .v6-search{height:42px;background:var(--pt-brand-surface);border-color:var(--pt-brand-surface)}.pt-brand .v6-search input{font-size:13px}
.pt-brand .v6-account{font-size:13px;gap:15px}
.v6-member-link .v6-member-flip{display:inline-grid;grid-template-columns:minmax(0,1fr);min-width:0;max-width:130px;perspective:500px;line-height:1.3;vertical-align:middle}
.v6-member-flip-inner{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;align-items:center;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.2,.7,.2,1)}
.v6-member-flip-inner>span{grid-area:1/1;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.v6-member-back{color:var(--v6-pink);transform:rotateX(180deg)}
.v6-member-link:hover .v6-member-flip-inner,.v6-member-link:focus-visible .v6-member-flip-inner{transform:rotateX(-180deg)}
.v6-member-link:focus-visible{outline:2px solid var(--v6-pink);outline-offset:4px;border-radius:4px}
@media(prefers-reduced-motion:reduce){.v6-member-flip-inner{transition:none}}
body.pt-brand .v6-campaign{background:#f2e8da;color:#302b27;border-bottom:1px solid #dfcdb9}
body.pt-brand .v6-campaign strong{color:#8c2946}
body.pt-brand .v6-campaign p{color:#51473e}
body.pt-brand .v6-campaign>.v6-shell>span{color:#9b3150}
body.pt-brand .v6-campaign a{border-radius:999px;padding:5px 14px;font-size:12px;background:#b72c57;color:#fff}
body.pt-brand .v6-campaign a:hover{background:#972046;color:#fff}
body.pt-brand .v6-campaign button{color:#51473e}
/* Touch header stays fixed; keep its campaign visible directly below it. */
@media(max-width:767px){body.pt-brand .v6-campaign{margin-top:56px}body.pt-brand .v6-campaign strong{font-size:12px}body.pt-brand .v6-campaign+.pt-header-anchor{height:0}}
.pt-brand .v6-footer{margin-top:0}.pt-brand .v6-footer p{line-height:1.8}.pt-brand .v6-footer a{text-decoration:none}
.pt-brand .v6-footer-bottom{display:grid;grid-template-columns:1fr auto;align-items:end}
.pt-brand .v6-business{display:flex;flex-wrap:wrap}.pt-brand .v6-trust{display:flex}.pt-brand .v6-trust img{max-width:88px;max-height:48px;object-fit:contain}
@media(max-width:1100px){.pt-brand .v6-shell{width:calc(100% - 48px)!important}.pt-brand .v6-header-inner{display:flex;flex-wrap:wrap;gap:16px;padding-block:12px}.pt-brand .v6-header nav{flex:1}.pt-brand .v6-search{width:260px;flex:0 1 260px;order:0}.pt-brand .v6-account{order:0}}
@media(max-width:767px){.pt-brand .v6-shell{width:calc(100% - 32px)!important}.pt-brand .v6-header{position:relative}.pt-brand .v6-header-inner{display:grid;grid-template-columns:1fr auto;gap:12px;min-height:70px}.pt-brand .v6-header .v6-logo,.pt-brand .v6-header .v6-logo img{width:70px!important;height:46px!important}.pt-brand .v6-header nav{grid-column:1/-1;grid-row:2;font-size:14px;gap:24px}.pt-brand .v6-search{grid-column:1/-1;grid-row:3;width:100%;margin:0;order:0}.pt-brand .v6-account{grid-column:2;grid-row:1;font-size:12px;gap:12px}.pt-brand .v6-footer-bottom{grid-template-columns:1fr}}
@media(max-width:767px){.pt-brand .v6-account .v6-member-flip{display:inline-grid!important;max-width:88px}.pt-brand .v6-account .v6-member-flip-inner{display:grid!important}.pt-brand .v6-account .v6-member-flip-inner>span{display:block!important}}
/* Shared warm-black footer: brand, direct contact and bank information. */
.pt-brand .v6-footer{background:var(--pt-brand-chrome)!important;color:var(--pt-brand-surface);border-top:0;padding:48px 0 28px}
.v6-footer-main{display:grid;grid-template-columns:1.05fr 1fr 1.1fr;gap:64px;padding-bottom:38px}
.v6-footer-logo{display:inline-flex;align-items:center;gap:12px;color:#fff}.v6-footer-logo img{width:48px;height:48px;border-radius:10px}.v6-footer-logo>span{font-family:'Plus Jakarta Sans',Pretendard,sans-serif;font-weight:800;font-size:26px;letter-spacing:-.04em}.v6-footer-logo em{font-style:normal;color:var(--pt-brand-pink)}
.v6-footer-brand>p{font-size:15px;color:var(--pt-brand-line);line-height:1.85;margin-top:20px}.v6-footer-youtube{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:var(--pt-brand-surface);margin-top:20px}.v6-footer-youtube .pt-icon{width:16px}
.v6-footer-eyebrow{display:block;font-size:12px;font-weight:650;letter-spacing:.1em;color:#a9a69e;margin-bottom:10px}.v6-footer-main h3{font-size:18px;font-weight:750;color:#fff;margin-bottom:16px}.v6-footer-main section>p{font-size:14px;line-height:1.8;color:var(--pt-brand-line);margin-top:8px}
.v6-footer-phone{display:block;font-family:'Plus Jakarta Sans',Pretendard,sans-serif;font-size:25px;font-weight:750;color:#fff;letter-spacing:-.03em}
.v6-footer-kakao{display:inline-flex;align-items:center;gap:9px;background:#fee500;color:#191919;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:700;margin-top:20px;transition:background-color .2s}.v6-footer-kakao:hover{background:#ffed4a;color:#191919}.v6-footer-kakao>svg{width:18px;height:18px}.v6-footer-kakao>.pt-icon{width:15px;margin-left:4px}
.v6-footer-account-number{display:block;font-family:'Plus Jakarta Sans',Pretendard,sans-serif;font-size:25px;font-weight:750;line-height:1.5;letter-spacing:-.035em;color:#fff;overflow-wrap:anywhere}.v6-footer-main section>.v6-footer-bank-name{color:#fff;font-size:16px;font-weight:600;margin:0 0 5px}
.v6-footer-links{display:flex;flex-wrap:wrap;gap:24px;padding:20px 0;border-top:1px solid #ffffff1a}.v6-footer-links a{font-size:15px;color:var(--pt-brand-line)}.v6-footer-links a:hover,.v6-footer-youtube:hover{color:#fff}.v6-footer-links a:nth-child(2){font-weight:700}
.pt-brand .v6-footer-bottom{border-top:1px solid #ffffff1a;padding-top:24px;color:#b9b6ae;font-size:14px;line-height:1.8;gap:28px}.pt-brand .v6-business{font-size:14px;color:#b9b6ae;gap:3px 14px}.pt-brand .v6-footer-bottom p{font-size:14px;color:#a9a69e;margin-top:14px}.pt-brand .v6-trust{align-items:center;gap:12px}.pt-brand .v6-trust a{display:grid;place-items:center;background:#fff;border-radius:8px;padding:5px}
@media(max-width:1100px){.v6-footer-main{gap:32px;grid-template-columns:1fr 1fr}.v6-footer-brand{grid-column:1/-1}.v6-footer-brand>p{margin-top:12px}.v6-footer-youtube{margin-top:12px}}
@media(max-width:767px){.pt-brand .v6-footer{padding-top:36px}.v6-footer-main{grid-template-columns:1fr;gap:28px;padding-bottom:28px}.v6-footer-brand{grid-column:auto}.v6-footer-main section{padding-top:24px;border-top:1px solid #ffffff1a}.v6-footer-links{gap:20px}.pt-brand .v6-footer-bottom{grid-template-columns:1fr}}

.pt-brand .v6-footer .v6-footer-kakao{color:#191919}.pt-brand .v6-footer .v6-footer-phone,.pt-brand .v6-footer .v6-footer-logo{color:#fff}

/* Legacy customer rules must not shrink the shared mobile navigation. */
@media(max-width:767px){body.pt-brand .v6-header nav{font-size:14px!important}body.pt-brand .v6-header nav a{font-size:14px!important}}

/* YouTube follows the contact button shape in its own brand color. */
.pt-brand .v6-footer .v6-footer-youtube{gap:9px;padding:12px 16px;border-radius:10px;background:#ff0000;color:#fff;font-size:14px;font-weight:700;transition:background-color .2s}
.pt-brand .v6-footer .v6-footer-youtube:hover{background:#d90000;color:#fff}
.pt-brand .v6-footer-youtube>svg{width:18px;height:18px;flex:none}
.pt-brand .v6-footer-youtube>.pt-icon{width:15px;margin-left:4px}
/* One shared desktop/tablet layout overrides the older page-specific header rules. */
@media(min-width:768px){
  body.pt-brand .v6-header-inner{display:grid!important;grid-template-columns:88px max-content minmax(180px,1fr) auto!important;gap:12px 20px!important;min-height:80px;padding:10px 0!important}
  body.pt-brand .v6-header .v6-logo{grid-area:1/1!important}
  body.pt-brand .v6-header nav.pt-site-menu{grid-area:1/2!important;display:flex!important;flex-wrap:nowrap;justify-content:flex-start!important;gap:22px!important;width:auto!important;min-width:0;padding:0!important;font-size:16px!important;white-space:nowrap;order:initial!important}
  body.pt-brand .v6-header .pt-site-menu-item{flex:none}
  body.pt-brand .v6-search{grid-area:1/3!important;order:initial!important;min-width:0;width:100%!important;max-width:300px;justify-self:end;margin:0!important}
  body.pt-brand .v6-search button{flex:none}
  body.pt-brand .v6-account{grid-area:1/4!important;order:initial!important;display:flex;flex-wrap:nowrap;gap:12px;margin:0!important;white-space:nowrap}
  body.pt-brand .v6-account>a{display:inline-flex!important;flex:none;white-space:nowrap}
  body.pt-brand .v6-account .v6-member-flip{max-width:104px}
}
@media(min-width:768px) and (max-width:1279px){
  body.pt-brand .v6-header-inner{grid-template-columns:88px minmax(0,1fr) auto!important;gap:6px 24px!important;padding:12px 0 8px!important}
  body.pt-brand .v6-search{grid-area:1/2!important;max-width:360px;justify-self:center}
  body.pt-brand .v6-account{grid-area:1/3!important}
  body.pt-brand .v6-header nav.pt-site-menu{grid-area:2/1/3/-1!important;justify-content:center!important;gap:32px!important;border-top:1px solid var(--pt-brand-line);padding-top:4px!important}
}
.pt-admin-member-menu{display:inline-block;position:relative}.pt-admin-member-menu summary{cursor:pointer;list-style:none;color:var(--pt-brand-ink);font-weight:700;border-radius:6px;padding:4px 8px}.pt-admin-member-menu summary::-webkit-details-marker{display:none}.pt-admin-member-menu summary:hover,.pt-admin-member-menu[open] summary{background:#fce7f0;color:#c9004b}.pt-admin-member-actions{position:fixed;z-index:10000;min-width:184px;padding:6px;background:#fff;border:1px solid var(--pt-brand-line);border-radius:10px;box-shadow:0 12px 32px #17171430;text-align:left}.pt-admin-member-actions a{display:block;padding:9px 12px;border-radius:6px;color:var(--pt-brand-ink);font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none}.pt-admin-member-actions a:hover{background:#fce7f0;color:#bd004a}

/* Tablet footer retains its three sections on one horizontal row. */
@media(min-width:768px) and (max-width:1279px){
  .pt-brand .v6-footer-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:28px}
  .pt-brand .v6-footer-brand{grid-column:auto}
  .pt-brand .v6-footer-main>*{min-width:0}
  .pt-brand .v6-footer-logo{gap:8px}
  .pt-brand .v6-footer-logo img{width:38px;height:38px}
  .pt-brand .v6-footer-logo>span{font-size:22px;white-space:nowrap}
  .pt-brand .v6-footer-brand>p{font-size:13px;margin-top:14px}
  .pt-brand .v6-footer-main h3{font-size:16px;margin-bottom:12px}
  .pt-brand .v6-footer-main section>p{font-size:13px}
  .pt-brand .v6-footer-phone,.pt-brand .v6-footer-account-number{font-size:20px;white-space:nowrap;letter-spacing:-.045em}
  .pt-brand .v6-footer-main section>.v6-footer-bank-name{font-size:14px}
  .pt-brand .v6-footer .v6-footer-youtube,.pt-brand .v6-footer-kakao{font-size:12px;padding:10px 12px;margin-top:16px;gap:6px;white-space:nowrap}
}

/* Mobile shares the tablet header arrangement and pairs contact with bank details. */
@media(max-width:767px){
  body.pt-brand .v6-header-inner{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;gap:10px 8px!important;padding:10px 0!important}
  body.pt-brand .v6-header .v6-logo{grid-area:1/1!important}
  body.pt-brand .v6-header .v6-logo,body.pt-brand .v6-header .v6-logo img{width:52px!important;height:35px!important}
  body.pt-brand .v6-search{grid-area:1/2!important;width:100%!important;max-width:360px;min-width:0;margin:0!important;justify-self:center;height:36px;padding-left:8px!important;order:initial!important}
  body.pt-brand .v6-search input{min-width:0;width:100%;font-size:11px!important}
  body.pt-brand .v6-search button{flex:none;width:28px;padding:4px}
  body.pt-brand .v6-account{grid-area:1/3!important;gap:6px!important;margin:0!important;white-space:nowrap;font-size:10px}
  body.pt-brand .v6-account .v6-member-flip{max-width:48px}
  body.pt-brand .v6-account .pt-icon{width:16px;height:16px}
  body.pt-brand .v6-header nav.pt-site-menu{grid-area:2/1/3/-1!important;display:flex!important;flex-wrap:nowrap;justify-content:space-between!important;gap:8px!important;padding:6px 0 0!important;border-top:1px solid var(--pt-brand-line);width:100%;white-space:nowrap}
  body.pt-brand .v6-header nav.pt-site-menu a{font-size:clamp(11px,3vw,14px)!important}
  body.pt-brand .v6-header .pt-site-menu-item{flex:none}
  .pt-brand .v6-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
  .pt-brand .v6-footer-main>*{min-width:0}
  .pt-brand .v6-footer-brand{grid-column:1/-1}
  .pt-brand .v6-footer-main h3{font-size:16px;margin-bottom:12px}
  .pt-brand .v6-footer-main section>p{font-size:12px}
  .pt-brand .v6-footer-phone,.pt-brand .v6-footer-account-number{font-size:clamp(14px,3.8vw,20px);white-space:nowrap;letter-spacing:-.045em}
  .pt-brand .v6-footer-main section>.v6-footer-bank-name{font-size:14px}
  .pt-brand .v6-footer-kakao{gap:4px;font-size:11px;padding:10px 7px;margin-top:14px;white-space:nowrap}
  .pt-brand .v6-footer-kakao>svg{width:14px;height:14px}
  .pt-brand .v6-footer-kakao>.pt-icon{width:12px;margin-left:0}
}

/* Small shared return-to-top control, clear of mobile safe areas. */
body.pt-brand .pt-back-to-top{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:45;display:grid;place-items:center;width:36px;height:36px;min-width:0;min-height:0;padding:0;border:1px solid var(--pt-brand-line);border-radius:50%;background:#fffffff2;color:var(--pt-brand-ink);box-shadow:0 3px 12px #17171424;cursor:pointer}
body.pt-brand .pt-back-to-top[hidden]{display:none!important}
body.pt-brand .pt-back-to-top svg{width:18px;height:18px;pointer-events:none}
body.pt-brand .pt-back-to-top::after{content:'';position:absolute;inset:-4px;border-radius:50%}
body.pt-brand .pt-back-to-top:hover{background:var(--pt-brand-ink);color:#fff}
body.pt-brand .pt-back-to-top:focus-visible{outline:2px solid var(--pt-brand-pink);outline-offset:4px}
.pt-brand .v6-footer{clear:both}