.breadcrumb{display:none!important;}
.main_boundary,.sub_boundary{padding:0!important;}
*{box-sizing:border-box;}

.shop-container{max-width:1200px;margin-bottom:20px;}
.shop-header{background-image:url('/g/img/banner_1.png');background-size:100%;background-position:center;background-repeat:no-repeat;padding:70px 20px;text-align:center;margin-bottom:30px;position:relative;}
.shop-header *{position:relative;z-index:2;}
.shop-header h1{margin:0 0 15px 0;font-size:32px;font-weight:800;letter-spacing:-0.5px;color:#003380ff;text-shadow:0 2px 4px rgba(255,255,255,.8);}
.shop-header h3{margin:0 0 8px 0;font-size:18px;font-weight:600;opacity:.95;color:#003380ff;text-shadow:0 1px 3px rgba(255,255,255,.8);}
.shop-header small{display:block;margin-top:10px;font-size:14px;opacity:.85;font-weight:400;color:#003380ff;text-shadow:0 1px 2px rgba(255,255,255,.8);}
.shop-header .add-item-btn{margin-top:20px;padding:14px 32px;background:#fff;color:#6C5B7B;border:none;border-radius:30px;cursor:pointer;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:.3s;box-shadow:0 4px 12px rgba(0,51,128,.15);}

.action-bar{position:relative;margin-bottom:30px;padding:0 40px;}
.category-filter-wrapper{position:relative;}
.category-filter{display:flex;gap:12px;overflow-x:auto;padding:15px 5px;-ms-overflow-style:none;scrollbar-width:none;}
.category-filter::-webkit-scrollbar{display:none;}

.category-btn{flex-shrink:0;padding:12px 22px;border:1.5px solid #63cdff;background:#fff;border-radius:24px;cursor:pointer;transition:background-color .25s,color .25s,box-shadow .25s,transform .2s;font-size:14px;font-weight:600;color:#2b6f8e;white-space:nowrap;}
.category-btn:hover{background-color:rgba(99,205,255,.08);transform:translateY(-1px);box-shadow:0 2px 6px rgba(99,205,255,.2);}
.category-btn.active{background-color:#63cdff;color:#fff;border-color:#63cdff;box-shadow:0 2px 8px rgba(99,205,255,.3);}

.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:#fff;border:1.5px solid #63cdff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#63cdff;box-shadow:0 2px 6px rgba(99,205,255,.2);transition:background-color .25s,color .25s,transform .2s,box-shadow .25s;z-index:10;}
.scroll-btn:hover{background-color:#63cdff;color:#fff;transform:translateY(-50%) scale(1.08);box-shadow:0 3px 10px rgba(99,205,255,.3);}
.scroll-btn.left{left:0;}
.scroll-btn.right{right:0;}

.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:50px;}

.item-card{background:#fff;border-radius:8px;border:1px solid #003380ff;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;text-decoration:none;color:inherit;display:block;box-shadow:0 4px 15px rgba(108,91,123,.1);position:relative;}
.item-card:hover{transform:translateY(-12px) scale(1.02);}
.item-card::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none;}
.item-card:hover::after{opacity:1;animation:hologram 1.5s infinite;}

.item-image{position:relative;width:100%;height:300px;background:#E6F7FF;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.item-image img{width:100%;height:100%;border-bottom:.5px solid #003380ff;object-fit:cover;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);filter:brightness(.98) contrast(1.05);}
.item-card:hover .item-image img{transform:scale(1.08);filter:brightness(1.02) contrast(1.1);}

.badge-stack{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:8px;z-index:2;}
.badge{padding:8px 14px;border-radius:20px;font-size:12px;font-weight:700;line-height:1;box-shadow:0 4px 12px rgba(0,0,0,.2);backdrop-filter:blur(8px);width:fit-content;border:2px solid rgba(255,255,255,.3);}
.badge-live{background:linear-gradient(135deg,#10B981 0%,#059669 100%);color:#fff;}
.badge-online{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);color:#fff;}
.badge-danger{background:linear-gradient(135deg,#EF4444 0%,#DC2626 100%);color:#fff;animation:pulse 2s infinite;}
.badge-online-danger{background:linear-gradient(135deg,#F97316 0%,#EA580C 100%);color:#fff;animation:pulse 2s infinite;}

.item-info{padding:20px;}
.item-name{font-size:16px;font-weight:700;margin:0 0 12px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;min-height:3em;color:#2D3748;}
.item-hashtags{font-size:13px;color:#159AD6;margin:0 0 15px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;}
.item-date{font-size:12px;color:#718096;padding-top:12px;border-top:2px solid #CFEFFF;display:flex;align-items:flex-start;gap:6px;line-height:1.6;}
.item-date::before{content:'📅';font-size:14px;flex-shrink:0;margin-top:2px;}

.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:50px;flex-wrap:wrap;}
.pagination a,.pagination span{padding:12px 18px;border:2px solid #FFE4E1;background:#fff;color:#6C5B7B;text-decoration:none;border-radius:12px;font-weight:600;transition:.3s;min-width:45px;text-align:center;}
.pagination a:hover{background:linear-gradient(135deg,#FFF0F5 0%,#FFE4E1 100%);border-color:#FF6B9D;color:#FF6B9D;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,157,.2);}
.pagination span.current{background:linear-gradient(135deg,#FF6B9D 0%,#ff9cb8  100%);color:#fff;border-color:#FF6B9D;box-shadow:0 5px 15px rgba(255,107,157,.35);}

/* 이미지 최적화 */
.item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 이미지 로딩 중 배경 */
    background: #f5f5f5;
}

/* 이미지 로딩 중 스켈레톤 효과 (선택사항) */
.item-image img[loading="lazy"] {
    opacity: 0;
    transition: opacity 0.3s;
}

.item-image img[loading="lazy"].loaded {
    opacity: 1;
}

/* ===== 반응형 ===== */
@media (max-width:1024px){
.shop-container{padding:15px;}
.item-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;}
.item-image{height:280px;}
}

@media (max-width:768px){
.shop-container{padding:0;}
.shop-header{background-image:none;background:#63cdff;padding:40px 15px;margin-bottom:15px;border-radius:0;}
.shop-header::before{display:none;}
.shop-header h1{font-size:22px;margin-bottom:12px;text-shadow:none;}
.shop-header h3{font-size:15px;text-shadow:none;}
.shop-header small{font-size:12px;margin-top:8px;line-height:1.4;text-shadow:none;}
.shop-header .add-item-btn{padding:12px 24px;font-size:14px;margin-top:15px;}
.action-bar{padding:0 32px;margin-bottom:15px;}
.scroll-btn{width:34px;height:34px;font-size:16px;box-shadow:0 2px 6px rgba(99,205,255,.25);}
.scroll-btn:hover{box-shadow:0 3px 8px rgba(99,205,255,.35);}
.category-btn{padding:10px 18px;font-size:13px;border-width:1.5px;}
.category-btn:hover{box-shadow:0 2px 6px rgba(99,205,255,.25);}
.category-btn.active{box-shadow:0 2px 8px rgba(99,205,255,.35);}
.item-grid{grid-template-columns:repeat(2,1fr);gap:3px;}
.item-card{border-radius:0;border:none;box-shadow:none;position:relative;}
.item-card:hover{transform:none;}
.item-card::after{display:none;}
.item-image{width:100%;aspect-ratio:1;height:auto;background:#E6F7FF;position:relative;}
.item-image img{border-bottom:none;}
.item-card:hover .item-image img{transform:scale(1);}
.badge-stack{gap:4px;top:5px;left:5px;}
.badge{padding:4px 8px;font-size:9px;border-width:1px;}
.item-info{position:absolute;bottom:0;left:0;right:0;padding:8px 5px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.5) 70%,transparent 100%);backdrop-filter:blur(2px);z-index:1;}
.item-name{font-size:12px;min-height:auto;margin:0 0 4px 0;-webkit-line-clamp:2;line-height:1.3;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);}
.item-hashtags{display:none;}
.item-date{font-size:9px;color:rgba(255,255,255,.85);padding-top:0;border-top:none;display:block;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.5);}
.item-date::before{display:none;}
.pagination{gap:6px;margin-top:35px;padding:0 12px;}
.pagination a,.pagination span{padding:10px 14px;font-size:14px;min-width:40px;}
}

@media (max-width:480px){
.shop-header{padding:35px 12px;}
.shop-header h1{font-size:20px;line-height:1.3;}
.shop-header h3{font-size:14px;}
.shop-header small{font-size:11px;padding:0 5px;}
.action-bar{padding:0 28px;}
.scroll-btn{width:32px;height:32px;font-size:14px;}
.category-filter{gap:10px;}
.category-btn{padding:9px 16px;font-size:12px;}
.item-grid{gap:3px;}
.item-name{font-size:12px;margin-bottom:3px;}
.item-info{padding:6px 4px;}
.item-date{font-size:10px;}
.badge{padding:4px 8px;font-size:9px;}
.pagination a,.pagination span{padding:8px 12px;font-size:13px;min-width:36px;}
}

@media (max-width:360px){
.shop-header{padding:30px 10px;}
.shop-header h1{font-size:18px;}
.action-bar{padding:0 26px;}
.scroll-btn{width:30px;height:30px;font-size:13px;}
.item-grid{gap:3px;}
.item-name{font-size:9px;margin-bottom:3px;}
.item-date{font-size:7px;}
.badge{padding:3px 6px;font-size:7px;}
}

.loading-indicator {
    font-size: 14px;
    color: #63cdff;
    font-weight: 600;
    animation: fadeInOut 1.5s infinite;
}

@keyframes fadeInOut {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 1; }
}