.shop-events{margin-top:75px;margin-bottom:60px}.shop-events .section-heading{margin-bottom:28px}.shop-event-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.shop-event-card{position:relative;display:flex;align-items:center;min-height:300px;border-radius:20px;overflow:hidden;padding:34px;color:#202d42}.shop-event-copy{position:relative;z-index:1;width:66%}.shop-event-copy>span{font-size:13.2px;letter-spacing:1.5px;color:#1b2fcc;font-weight:600}.shop-event-copy h3{font-size:33.6px;line-height:1.45;letter-spacing:-1px;white-space:pre-line;margin:16px 0 12px}.shop-event-copy p{font-size:15.6px;color:#66738a;line-height:1.7;margin:0 0 22px}.shop-event-copy b{display:inline-block;font-size:14.4px;padding:10px 15px;border-radius:30px;background:white;color:#1b2fcc}.shop-event-copy small{display:block;font-size:12px;color:#8a93a2;margin-top:12px}.shop-event-card>img{position:absolute;right:-18px;bottom:0;width:49%;height:90%;object-fit:cover;border-radius:100px 0 0 0;mask-image:linear-gradient(90deg,transparent,#000 25%);opacity:.92;transition:transform .25s}.shop-event-card:hover>img{transform:scale(1.035)}.event-edit-card{padding:24px;border:1px solid #dfe5ee;border-radius:14px;background:white;margin:18px 0}.event-edit-card label{display:block;margin:12px 0;font-size:15.6px}.event-edit-card input:not([type=checkbox]),.event-edit-card textarea{display:block;width:100%;padding:10px;border:1px solid #dce3ee;border-radius:7px;margin-top:6px;box-sizing:border-box;font:inherit}.event-edit-card input[type=color]{width:65px;height:40px}.event-edit-card img{max-width:160px;max-height:130px;object-fit:cover}.event-edit-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:20px 0}#eventStatus{font-size:15.6px;color:#1b2fcc}.event-editor-preview .shop-event-grid{grid-template-columns:1fr}.event-editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.event-editor-preview{position:sticky;top:90px;align-self:start}@media(max-width:760px){.shop-event-grid,.event-editor-layout{grid-template-columns:1fr}.shop-event-card{min-height:265px;padding:25px}.shop-event-copy h3{font-size:30px}.shop-events{margin-top:50px}.event-editor-preview{position:static}}@media(prefers-reduced-motion:reduce){.shop-event-card>img{transition:none}}

/* Full-width 3D campaign artwork with editable live text. */
.shop-event-card.event-benefit-style{min-height:0;aspect-ratio:2/1;align-items:center;padding:28px;isolation:isolate;background:#f3e6d8}
.event-benefit-style>img{inset:0;width:100%;height:100%;border-radius:0;mask-image:none;opacity:1;object-fit:cover;z-index:-2}
.event-benefit-style>.shop-event-copy{width:51%}.event-benefit-style .shop-event-copy>span{font-size:10.8px;letter-spacing:1.4px;color:#72563d}.event-benefit-style .shop-event-copy h3{font-size:36px;line-height:1.2;font-weight:800;letter-spacing:-1.2px;margin:14px 0 12px;color:#39291e}.event-benefit-style .shop-event-copy p{font-size:14.4px;color:#654f3e;line-height:1.55;margin-bottom:14px}.event-benefit-style .shop-event-copy b{font-size:13.2px;padding:8px 13px;background:#ffffffd9}.event-benefit-style .shop-event-copy small{font-size:10.8px;color:#735b48;margin-top:9px}
.event-benefit-style:nth-child(2) .shop-event-copy h3{color:#272252}.event-benefit-style:nth-child(2) .shop-event-copy>span,.event-benefit-style:nth-child(2) .shop-event-copy p,.event-benefit-style:nth-child(2) .shop-event-copy small{color:#51446f}
@media(max-width:1100px) and (min-width:761px){.shop-event-card.event-benefit-style{padding:22px;aspect-ratio:1.8}.event-benefit-style .shop-event-copy h3{font-size:31.2px}}
@media(max-width:760px){.shop-event-card.event-benefit-style{aspect-ratio:1.7;min-height:240px;padding:22px}.event-benefit-style .shop-event-copy h3{font-size:26px;line-height:1.25;word-break:keep-all;text-wrap:balance}.event-benefit-style .shop-event-copy>span{font-size:9.6px;letter-spacing:1px}.event-benefit-style>.shop-event-copy{width:60%}.event-benefit-style .shop-event-copy p{word-break:keep-all}}
/* ERP 에서 올린 이미지 배너 — 이미지가 카드 전부. 제목·부제는 왼쪽 아래에 작게 */
.shop-event-card.is-image{display:block;position:relative;padding:0;min-height:0;aspect-ratio:auto;background:#f2f2f4;overflow:hidden}
.shop-event-card.is-image>img{position:static;display:block;width:100%;height:auto;object-fit:cover;transform:none;inset:auto}
.shop-event-card.is-image .shop-event-cap{position:absolute;left:18px;bottom:16px;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.88);backdrop-filter:blur(6px)}
.shop-event-card.is-image .shop-event-cap b{font-size:15px;font-weight:800;letter-spacing:-0.02em;color:#1d1d1f}
.shop-event-card.is-image .shop-event-cap span{font-size:12px;color:#6b7684}
.shop-event-card.is-image .shop-event-cap span:empty{display:none}
.shop-event-card.event-benefit-style{min-width:0;width:100%;box-sizing:border-box}@media(max-width:760px){.shop-event-card.event-benefit-style{aspect-ratio:auto;min-height:250px}.event-benefit-style .shop-event-copy p{overflow-wrap:anywhere}}

/* 배너 카드는 통째로 링크라, 안쪽 글자에 죄다 밑줄이 그였다 (대표 지적, 2026-09-22).
   카드는 이미 '자세히 보기' 단추로 누를 곳을 말하고 있다 — 밑줄까지 더하면 지저분하다. */
.shop-event-card, .shop-event-card * { text-decoration: none; }


/* 배너 그림의 높이는 카드가 정한다 — 다른 데서 들어온 img{height:auto} 에 지지 않게 못을 박는다.
   (대표 지적, 2026-09-22: 그림이 위만 덮고 아래가 검게 남아 단추가 검은 바닥에 떨어져 있었다.
    index.html 머리에 붙은 가로 스크롤 방지 규칙이 같은 힘으로 뒤에 와서 이겼다.) */
.shop-events .shop-event-card > img { height: 90%; }
.shop-events .shop-event-card.event-benefit-style > img { height: 100%; }
/* ERP 에서 올린 배너는 그림 한 장이 카드 전부다. 여기만 원래 비율대로 흐른다. */
.shop-events .shop-event-card.is-image > img { height: auto; }
/* 좁은 화면에서는 카드가 글 길이에 맞춰 늘어난다. 늘여 붙이면(fill) 그림이 찌그러지므로 덮어 채운다. */
@media (max-width: 760px) {
  .shop-events .shop-event-card.event-benefit-style > img { object-fit: cover; }
}


/* The approved artwork is layered; the card, copy and background remain fixed. */
.shop-event-card.event-object-motion{transform:none;transition:none}
.shop-events .shop-event-card.event-object-motion>img{transform:none!important;animation:none;transition:none;pointer-events:none}
.shop-events .shop-event-card.has-art-scene>img{visibility:hidden}
.event-art-stage{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}
.event-object-motion .shop-event-copy{z-index:2;pointer-events:none}
.event-motion-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}
.event-motion-toggle{flex-shrink:0;border:0;background:transparent;padding:8px 0 8px 12px;color:#72747c;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.event-motion-toggle:hover{color:#262834}
.event-motion-toggle:focus-visible,.event-object-motion:focus-visible{outline:2px solid #246ee8;outline-offset:5px}
@media(max-width:760px){.event-motion-heading{align-items:flex-start;flex-wrap:wrap;gap:2px}.event-motion-toggle{padding:4px 0;font-size:11px}.event-object-motion .shop-event-copy{width:58%}}