/* BASIC css start */
 /* Main Container */
 .event-container {
     width: 100%;
     /* PC max width */
     margin: 0 auto;
     padding: 50px 0 0;
     box-sizing: border-box;
 }

 .event-title {
     font-size: 24px;
     font-weight: bold;
     margin-bottom: 30px;
     color: #222;
 }

 /* Event Tabs */
 .event-tabs {
     display: flex;
     gap: 5px;
     margin-bottom: 50px;
 }

 .event-tabs a {
    text-align: center;
     padding: 13px 30px;
     border-radius: 10px;
     font-size: 14px;
     font-weight: bold;
     color: #5d5d5d;
     transition: background-color 0.2s, color 0.2s;
     background: #fff;
 }

 .event-tabs a.active {
     background-color: #2a4196;
     color: #fff;
     border-color: #2a4196;
 }
 /* Event List Grid */
 .event-list {
     display: grid;
     /* PC: 3 columns */
     grid-template-columns: repeat(3, 1fr);
     gap: 45px 25px;
     list-style: none;
     padding: 0;
     margin: 0;
 }

 /* Event Item Card */
 .event-item .event-link {
     display: block;
 }

 .event-item .image-wrapper {
     position: relative;
     width: 100%;
     overflow: hidden;
     border-radius: 15px;
 }

 .event-item img {
     width: 100%;
     display: block;
     transition: transform 0.3s ease;
 }

 .event-item .event-link:hover img {
     transform: scale(1.05);
 }

 /* Countdown Timer Badge */
 .countdown-timer {
     position: absolute;
     bottom: 20px;
     left: 0;
     right: 0;
     margin: 0 auto;
     background-color: #ff0000;
     color: #fff;
     padding: 13px 0;
     border-radius: 21px;
     font-size: 14px;
     font-weight: 500;
     text-align: center;
     width: 55%;
     line-height: 1;
 }

 .countdown-timer .day {
     font-weight: 500;
     font-size: 18px;
 }

 .countdown-timer .time {
     font-weight: bold;
     font-size: 18px;
 }

 .event-item .info {
     padding-top: 15px;
 }

 .event-item .item-title {
     font-size: 18px;
     font-weight: bold;
 }

 .event-item .item-subtitle {
     font-size: 14px;
     color: #777;
     margin: 0;
 }

 .event-item .item-date {
     display: none;
 }

 #content .tit-page {
     border-top: 1px solid #000;
     border-bottom: 1px solid #d8d8d8;
     color: #000;
     font-size: 23px;
     font-weight: bold;
     padding: 20px 40px;
     line-height: 1.15;
 }

 #shopEvent {
     padding-top: 35px;
     background: #fff;
     border-radius: 10px;
 }

 #shopEvent .event-view-wrap .view-cnt {
     padding: 45px 40px;
     text-align: center;
 }

 #shopEvent .event-view-wrap .view-cnt img {
     width: 100%;
 }

 #shopEvent .event-view-wrap .view-btn {
     display: flex;
     justify-content: center;
    padding: 0 24px 45px;
 }

 #shopEvent .event-view-wrap .view-btn a {
     width: 100%;
     height: 64px;
     border-radius: 10px;
     border: none;
     font-weight: bold;
     cursor: pointer;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-bottom: 10px;
     text-decoration: none;
     font-size: 18px;
     background-color: var(--maincolor);
     color: #fff;
     max-width: 490px;
 }

 .prd-section {
     padding: 90px 0 60px;
     border-top: 1px solid #d8d8d8;
     width: calc(100% - 80px);
 }

 .prd-section .product-card {
/*     width: calc((100% - 20px * 3) / 4);*/
 }
.product-sell {display:none;}
 /* -------------------- */
 /* Responsive Design   */
 /* -------------------- */

 /* Tablet - 1024px and below */
 @media (max-width: 1024px) {
     .event-list {
         /* 2 columns */
         grid-template-columns: repeat(2, 1fr);
         gap: 50px 20px;
     }

     #shopEvent .event-view-wrap .view-cnt {
         padding: 45px 24px;
     }

     .prd-section {
         padding: 50px 0 45px;
         border-top: 1px solid #d8d8d8;
         width: calc(100% - 48px);
     }

     .prd-section .product-card {
         width: calc((100% - 20px * 2) / 3);
     }
    .event-tabs {
        display: flex;
        gap: 5px;
        margin: 20px 0 35px 0;
    }

    .event-tabs a {
        background: #fff;
        font-weight: 700;
        font-size: 13px;
        line-height: 40px;
        color: #5d5d5d;
        padding: 0 20px;
        cursor: pointer;
        display: block;
        border-radius: 10px;

        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: break-all;
    }

    .event-tabs a.active {
        background: var(--maincolor);
        color: #fff;
    }
 
    .event-tabs {
        flex-direction: column;
        align-items: flex-start;
    }

    .event-tabs a {
        width: -webkit-fill-available;
    }
 }

 /* Mobile - 768px and below */
 @media (max-width: 768px) {
     .event-container {
         padding: 30px 0 0;
     }

     .event-title {
         font-size: 20px;
         margin-bottom: 20px;
     }
/*
     .event-tabs {
         margin-bottom: 30px;
     }

     .event-tabs a {
         padding: 10px 25px;
         text-align: center;
     }  }
 }
 */

     .event-list {
         /* 1 column */
         grid-template-columns: 1fr;
         gap: 50px;
         /* Increased vertical gap for mobile */
     }

     #shopEvent .event-view-wrap .view-cnt {
         padding: 45px 24px;
     }
 
    
    .prd-section {
        /* padding: 40px 0 20px; */
        border-top: 1px solid #d8d8d8;
        /* width: calc(100% - 40px); */
    }
    .prd-section .product-card {
        width: calc((100% - 10px * 1) / 2);
    }
 }
/*
 @media (max-width: 468px) {
     .event-tabs a {
         padding: 10px 0;
         font-size: 13px;
         flex: 1;
         text-align: center;
     }
 }
 */
/* BASIC css end */