/* NAEIP 337: original 5/3 product columns and metadata; retain tall images and approved pages. */
:root{--edit-ink:#202022;--edit-muted:#818087;--edit-line:#e9e8ed;--edit-violet:#7046b8;--edit-green:#34785f;--edit-font:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}
#app .grid:not(.taste-grid):not(.recommendation-rail):not(.mobile-deals-rail){column-gap:20px;row-gap:30px;grid-template-columns:repeat(5,minmax(0,1fr))}
#app .grid>.pc,#app .home-product-rail .pc{min-width:0;background:transparent;border:0;border-radius:0;box-shadow:none;text-decoration:none;overflow:visible}
#app .pc .pc-img{position:relative;aspect-ratio:3/4;border-radius:5px;overflow:hidden;box-shadow:none;background:#f4f3f3}
#app .pc .pc-img img{height:100%;width:100%;object-fit:cover;object-position:center;transition:transform .5s cubic-bezier(.2,.65,.2,1)}
@media(hover:hover){#app .pc:hover .pc-img img{transform:scale(1.025)}}
#app .pc .pc-body{padding:10px 0 0;display:flex;flex-direction:column;align-items:stretch;min-width:0}
#app .pc .pc-cat{display:flex;align-items:center;gap:8px;margin:0 0 5px;font:400 10px/1.4 var(--edit-font);letter-spacing:.035em;color:var(--edit-muted)}
#app .pc .pc-cat .stock{display:inline-flex;font-size:9px;white-space:nowrap;flex-shrink:0}
#app .pc .pc-name{font:400 13px/1.6 var(--edit-font);letter-spacing:-.025em;color:#333237;margin:0;min-height:42px;max-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere}
#app .pc .price{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:6px;row-gap:2px;margin:8px 0 0;font:700 18px/1.3 var(--edit-font);letter-spacing:-.025em;font-variant-numeric:tabular-nums}
#app .pc .price b{color:var(--edit-ink);font:inherit}#app .pc .price em{color:var(--edit-violet);font:700 13px/1.3 var(--edit-font)}#app .pc .price s{display:inline;color:#99949e;font:400 11px/1.3 var(--edit-font);white-space:nowrap;text-decoration:line-through}
#app .pc .pc-like{position:absolute;inset:auto 6px 6px auto;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffffdd;color:#29282c;box-shadow:none;padding:9px;transform:none}
#app .pc .pc-like .i{width:21px;height:21px;stroke-width:1.5}#app .pc .pc-like[aria-pressed=true]{color:#c84b64;background:#fffc}
#app .pc .pick-badge,#app .pc .pc-tags i{font:600 9px/1 var(--edit-font);letter-spacing:.01em;box-shadow:none;border:0;border-radius:0;background:#fffffff0;color:#303035;padding:7px 6px;top:8px;left:8px}
#app .pc .pc-tags{top:8px;right:8px;gap:4px}#app .pc .pc-tags i{position:static}
#app .pc .pc-rank{display:none}#app .pc .recommendation{display:none}#app .pc .chips{margin-top:6px;gap:4px}#app .pc .chip{padding:2px 5px;border:0;border-radius:3px;background:#f5f5f6;font-size:9px;color:#707077}
#app .pc .pc-rating{font-size:10px;margin-top:5px}#app .pc .save-line{font-size:10px;margin-top:4px}
.look-page .look-style-note>.look-season-chart{margin:0;padding:0;border:0;background:none;display:block}
.look-page .look-season-label{display:block;font:650 9px/1.5 var(--edit-font);letter-spacing:.15em;color:#302c34;margin:0 0 14px}
.look-page .look-style-note .look-season-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}
.look-page .look-style-note .look-season-months>span{position:relative;height:27px;padding:10px 0 0;display:flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent!important;color:#99939e;font:400 10px/1 var(--edit-font)}
.look-page .look-style-note .look-season-months>span:before{content:'';position:absolute;top:0;left:0;right:0;height:5px;border-radius:3px;background:#ededee}
.look-page .look-style-note .look-season-months>.is-prime{color:#7950ba;font-weight:700}.look-page .look-style-note .look-season-months>.is-prime:before{background:#8053c1}
.look-page .look-style-note .look-season-months>.is-layer:before{background:#d0b4ed}.look-page .look-season-key{display:flex;justify-content:flex-end;gap:12px;margin-top:9px;font:400 9px var(--edit-font);color:#87808e}.look-page .look-season-key span{display:flex;align-items:center;gap:4px}.look-page .look-season-key i{width:9px;height:3px;border-radius:2px;background:#8053c1}.look-page .look-season-key span:last-child i{background:#d0b4ed}
#app .auth.design-auth332,#app .auth.auth-signup{max-width:460px;padding-top:40px;padding-bottom:40px;font-family:var(--edit-font)}.design-auth332>.logo,.auth-signup>.logo{display:inline-flex;margin-bottom:18px}.design-auth332 .signup-intro h1,.auth-signup .signup-intro h1{font:650 26px/1.45 var(--edit-font);letter-spacing:-.055em;margin:0 0 26px}.auth-signup .signup-eyebrow{display:none}.design-join-link332{display:flex;align-items:center;justify-content:space-between;min-height:52px;border:1px solid var(--edit-line);border-radius:7px;padding:13px 16px;gap:16px;font:550 12px var(--edit-font)}.design-join-link332>span{color:var(--edit-violet);font-size:11px;white-space:nowrap}.design-join-link332 i{font-style:normal;font-size:18px;margin-left:12px;color:#9c95a3}.design-email-login332{margin:10px 0 15px}.design-email-login332 summary{list-style:none;cursor:pointer;min-height:38px;display:flex;align-items:center;justify-content:space-between;color:#706975;font-size:12px;padding:9px 0}.design-email-login332 summary::-webkit-details-marker{display:none}.design-email-login332 summary .i{width:15px;height:15px}.design-email-login332 .form{padding:12px 0}.design-email-login332 .in{height:46px;border-radius:6px;font-size:16px}.auth .social-auth-heading{font:600 12px var(--edit-font);margin:22px 0 10px}.auth .social-auth-buttons{display:flex;flex-direction:column;gap:9px}.auth .social-auth-buttons .kakao-provider{order:-1}.auth .social-auth-button{height:48px;border-radius:7px;box-shadow:none;font:550 13px var(--edit-font);border:0}.auth .signup-email{border:1px solid var(--edit-line);border-radius:7px;box-shadow:none}.auth .signup-email summary{min-height:52px;padding:15px;font:550 12px var(--edit-font)}.auth .signup-reward{font-size:11px;color:var(--edit-violet)}.auth .auth-alt{font:400 11px/1.6 var(--edit-font);gap:12px;margin-top:22px}
#app .design-support332{max-width:650px;padding-top:40px;font-family:var(--edit-font)}.design-support332 .design-page-heading332{text-align:center;margin:12px 0 25px}.design-support332 .design-page-heading332 h1{font-size:27px}.design-support-ai332{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#e3f2e9;padding:17px 18px;border:0;border-radius:9px;min-height:70px;color:#315640}.design-support-ai332>span{flex:1}.design-support-ai332 b{display:block;font:600 13px var(--edit-font)}.design-support-ai332 small{display:block;font-size:10px;margin-top:5px;color:#60866d}.design-support-ai332 .i{width:22px;height:22px}.design-support-ai332>.i:last-child{width:17px}.design-support332>h2{font-size:20px;letter-spacing:-.045em;margin:32px 0 12px}.design-faq332 details{border-bottom:1px solid var(--edit-line)}.design-faq332 summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:53px;font-size:12px;font-weight:550}.design-faq332 summary::-webkit-details-marker{display:none}.design-faq332 details[open] summary>span{transform:rotate(45deg)}.design-faq332 p{font-size:13px;line-height:1.8;color:#655e6d}.design-faq332 details>a{display:block;font-size:11px;color:#70519a;padding:0 0 16px}.design-support332>.btn{margin-top:27px;border-radius:7px;font-size:12px;min-height:46px}.design-support-channel332{display:block;text-align:center;font-size:11px;color:#88818e;padding:18px}
@media(max-width:760px){
 #app .grid:not(.taste-grid):not(.recommendation-rail):not(.mobile-deals-rail){grid-template-columns:repeat(3,minmax(0,1fr));column-gap:10px;row-gap:25px}#app .grid.trending-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row;overflow:visible}
 #app .pc .pc-body{padding:9px 0 0}#app .pc .pc-cat{font-size:9px;margin-bottom:4px}#app .pc .pc-name{font-size:12px;line-height:1.55;min-height:38px;max-height:38px}#app .pc .price{font-size:14px;margin-top:7px;column-gap:4px;row-gap:2px}#app .pc .price em{font-size:10.5px}#app .pc .price s{font-size:10px}#app .pc .pc-like{width:34px;height:34px;right:5px;bottom:5px;padding:8px}#app .pc .pc-like:after{content:'';position:absolute;inset:-5px}#app .pc .pc-like .i{width:19px;height:19px}#app .pc .pick-badge,#app .pc .pc-tags i{font-size:8px;padding:6px 5px;top:7px;left:7px}#app .pc .pc-tags{top:7px;right:7px}.look-page .look-season-label{font-size:8px;margin-bottom:12px}.look-page .look-style-note .look-season-months{gap:3px}.look-page .look-style-note .look-season-months>span{font-size:9px;height:25px}.look-page .look-season-key{font-size:8px}
 #app .auth.design-auth332,#app .auth.auth-signup{padding-top:30px}.auth .social-auth-button{height:48px}.design-auth332 .signup-intro h1,.auth-signup .signup-intro h1{font-size:25px}
}
@media(prefers-reduced-motion:reduce){#app .pc .pc-img img{transition:none}}
#app #homeNewArrivals .grid.recommendation-rail{display:grid;grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-columns:calc((100% - 80px)/5);column-gap:20px;row-gap:28px;margin-right:0;padding-right:0}
#app #homeNewArrivals .grid.recommendation-rail>.pc{grid-row:var(--rail-row);grid-column:var(--rail-col)}
#app #homeNewArrivals .grid.recommendation-rail .pc-name{font:400 13px/1.6 var(--edit-font);min-height:42px;max-height:42px}
#app #homeNewArrivals .grid.recommendation-rail .pc .price b{font-size:18px}#app #homeNewArrivals .grid.recommendation-rail .pc .price em{font-size:13px}
@media(max-width:760px){#app #homeNewArrivals .grid.recommendation-rail{grid-auto-columns:calc((100% - 20px)/3);column-gap:10px;row-gap:25px}#app #homeNewArrivals .grid.recommendation-rail>.pc{grid-row:var(--rail-mobile-row);grid-column:var(--rail-mobile-col)}#app #homeNewArrivals .grid.recommendation-rail .pc-name{font-size:12px;line-height:1.55;min-height:38px;max-height:38px}#app #homeNewArrivals .grid.recommendation-rail .pc .price b{font-size:14px}#app #homeNewArrivals .grid.recommendation-rail .pc .price em{font-size:10.5px}#app #homeDeals .grid.mobile-deals-rail{column-gap:10px}#app #homeDeals .grid.mobile-deals-rail>.pc{flex:0 0 calc((100% - 20px)/3)}}
.look-page .look-style-note .look-season-label{text-align:left;margin:0 0 12px}
@media(max-width:860px){
 .look-page .look-style-note .look-season-label{font-size:10px}
 .look-page .look-season-key{font-size:10px}
 #app .pc .pc-cat{font-size:10px;flex-wrap:wrap}
 #app .pc .pc-name{font-size:12px;line-height:1.6;min-height:39px;max-height:39px}
}
/* Customer-center heading shared with the retained page. */
.design-support332 .design-page-heading332>span{display:block;color:#85818b;font:650 10px/1.4 var(--edit-font);letter-spacing:.16em;margin-bottom:13px}
.design-support332 .design-page-heading332 h1{color:#232226;font:700 27px/1.24 var(--edit-font);letter-spacing:-.06em;margin:0}
/* Keep auth/support at their current mobile size; other pages return to v331 sizing. */
@media(max-width:860px){html:has(body[data-page=login]),html:has(body[data-page=join]),html:has(body[data-page=support]){zoom:1}}