@charset "utf-8";

/* list */
.event-list{padding-top:var(--space-80);}
.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-40) var(--space-24);}
.event-card{min-width:0;}
.event-card-thumb{display:block;aspect-ratio:2/1;border-radius:var(--radius-16);overflow:hidden;background:var(--bg-1);}
.event-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.event-card:hover .event-card-thumb img{transform:scale(1.02);}
.event-card-info{display:flex;flex-direction:column;row-gap:var(--space-8);padding-top:var(--space-16);}
.event-card-title{font-size:var(--fs-24);font-weight:500;line-height:1.45;color:var(--text-1);word-break:keep-all;}
.event-card-period{font-size:var(--fs-18);color:var(--text-3);}

/* view */
.event-view{padding-top:var(--space-60);}
.event-view-banner{width:100%;aspect-ratio:1520/500;border-radius:var(--radius-16);overflow:hidden;background:var(--bg-1);}
.event-view-banner img{width:100%;height:100%;object-fit:cover;}
.event-view-toolbar{display:flex;align-items:center;justify-content:space-between;column-gap:var(--space-20);padding:var(--space-40) 0 var(--space-24);}
.event-view-toolbar .total{font-size:var(--fs-16);font-weight:500;color:var(--text-1);}
.event-view-toolbar .total strong{color:var(--static-1);font-weight:500;}
.event-view-meta{display:flex;align-items:center;column-gap:var(--space-12);font-size:var(--fs-14);color:var(--text-3);}
.event-view-meta span+span{position:relative;padding-left:var(--space-12);}
.event-view-meta span+span::before{position:absolute;left:0;top:50%;width:1px;height:10px;background:var(--border-2);transform:translateY(-50%);content:'';}
.event-product-grid{row-gap:var(--space-40);}
.event-view .load-more-wrap{margin-top:var(--space-60);}

@media screen and (max-width: 1024px) {
    .event-grid{gap:var(--space-32) var(--space-16);}
}

@media screen and (max-width: 500px) {
    .event-list{padding-top:40px;}
    .event-grid{grid-template-columns:1fr;gap:36px 0;}
    .event-card-thumb{border-radius:12px;}
    .event-card-info{padding-top:12px;row-gap:6px;}
    .event-card-title{font-size:20px;}
    .event-card-period{font-size:16px;}

    .event-view{padding-top:28px;}
    .event-view-banner{border-radius:12px;aspect-ratio:16/7;}
    .event-view-toolbar{align-items:flex-start;flex-direction:column;row-gap:10px;padding:28px 0 20px;}
    .event-view-toolbar .total{font-size:14px;}
    .event-view-meta{font-size:13px;}
}