.info-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease;border:1px solid #f0f0f0}.info-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.info-card-header{display:flex;align-items:center;gap:12px;padding:1.2rem 1.5rem .8rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef}.info-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.info-card-title{margin:0;font-size:1.2rem;font-weight:600;color:#2c3e50}.info-card-content{padding:1.2rem 1.5rem}.tag-card .info-card-icon{background:linear-gradient(135deg,#e8f5e8,#d4edda);border:2px solid #4caf50}.tag-card .info-card-icon svg{fill:#2e7d32}.tag-container{width:100%;justify-content:center}.tag-container,.tag-list{display:flex;align-items:center}.tag-list{flex-wrap:wrap;gap:12px;padding:8px 0;justify-content:flex-start}.tag-item{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:500;box-shadow:0 2px 4px rgba(76,175,80,.3)}.more-tag{background:linear-gradient(135deg,#6c757d,#5a6268)!important;box-shadow:0 2px 4px hsla(208,7%,46%,.3)!important;font-weight:600;cursor:default}.group-card .info-card-icon{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3}.group-card .info-card-icon svg{fill:#1565c0}.group-badge{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;padding:10px 20px;border-radius:25px;font-size:1rem;font-weight:600;text-align:center;box-shadow:0 4px 12px rgba(33,150,243,.3);display:inline-block}.method-card .info-card-icon{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800}.method-card .info-card-icon svg{fill:#e65100}.method-content{line-height:1.6;color:#2c3e50;font-size:1rem}.method-content p{margin-bottom:.8rem}.method-content p:last-child{margin-bottom:0}.additional-card .info-card-icon{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:2px solid #9c27b0}.additional-card .info-card-icon svg{fill:#6a1b9a}.additional-content{line-height:1.6;color:#2c3e50;font-size:1rem}.additional-content p{margin-bottom:.8rem}.additional-content p:last-child{margin-bottom:0}.coupang-card .info-card-icon{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff6b35}.coupang-card .info-card-icon svg{fill:#ff6b35}.coupang-content{display:flex;flex-direction:column;gap:1rem}.coupang-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.coupang-description{margin:0;color:#2c3e50;font-size:1rem;line-height:1.5;flex:1 1;min-width:200px}.coupang-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px rgba(255,107,53,.3);white-space:nowrap}.coupang-badge-text{display:flex;align-items:center;gap:4px}.coupang-button,.coupang-link{display:flex;justify-content:center}.coupang-button{align-items:center;gap:8px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px rgba(255,107,53,.3);border:none;cursor:pointer}.coupang-button:hover{background:linear-gradient(135deg,#f7931e,#e67e22);transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,107,53,.4);color:#fff;text-decoration:none}.coupang-button:active{transform:translateY(0)}.coupang-button a{display:flex;align-items:center;gap:8px}.coupang-button a,.coupang-button a:hover{color:#fff;text-decoration:none}.coupang-button svg{width:20px;height:20px;flex-shrink:0}.card-title{display:flex;align-items:center;gap:5px;margin-bottom:0;font-size:1.1rem}.img-fluid{max-width:200px;min-width:200px;object-fit:cover;object-position:center center}.share-buttons-container{margin-bottom:50px}.share-btn{display:flex;align-items:center;justify-content:center;padding:12px;border-radius:50%;font-size:.875rem;font-weight:500;transition:all .2s ease;width:48px;height:48px;border:none;cursor:pointer}.share-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.share-btn svg{flex-shrink:0}.btn-warning{background-color:#fee500;border-color:#fee500;color:#000}.btn-warning:hover{background-color:#fdd835;border-color:#fdd835;color:#000}.btn-success{background-color:#00c300;border-color:#00c300}.btn-success:hover{background-color:#00a000;border-color:#00a000}@media (max-width:576px){.share-buttons{flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}.share-btn{width:48px;height:48px}}.qr-share-container{position:relative}.qr-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.qr-content{background:#fff;border-radius:12px;padding:20px;max-width:400px;width:90%;text-align:center}.qr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e9ecef}.qr-header h6{margin:0;color:#495057;font-weight:600;font-size:1.1rem}.close-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;transition:background-color .2s}.close-btn:hover{background-color:#f8f9fa}.qr-body{display:flex;flex-direction:column;align-items:center;gap:15px}.qr-image{border:1px solid #e9ecef;border-radius:8px;padding:10px;background:#fff}.qr-text{margin:0;color:#6c757d;font-size:1rem;word-break:break-word}.qr-actions{margin-top:10px}@media (max-width:576px){.qr-content{margin:20px;width:calc(100% - 40px)}}.section-title{color:#2c3e50;font-size:1.7rem;font-weight:600;margin-bottom:1.5rem;text-align:center;position:relative}.section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:2px}.related-items-section{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px}.related-items-section .row{margin:0;justify-content:center}.related-items-section .col-6,.related-items-section .col-lg-2,.related-items-section .col-md-4{padding:.5rem}.related-item-card{background:#fff;border-radius:12px;padding:2rem 1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer;border:none;height:100%;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;min-height:200px}.related-item-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.15);text-decoration:none;color:inherit}.related-item-img{width:120px;height:120px;object-fit:contain;border-radius:8px;margin-bottom:1rem;flex-shrink:0}.related-item-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0;text-align:center;line-height:1.3;word-break:keep-all;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.environment-section{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#e8f5e8,#d4edda);border-radius:15px;border-left:5px solid #28a745}.environment-section p{font-size:1.1rem;line-height:1.6}.environment-stats{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.stat-item{text-align:center;padding:1rem;background:#fff;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);min-width:120px}.stat-number{font-size:2rem;font-weight:700;color:#28a745;margin-bottom:.25rem}.stat-label{font-size:.9rem;color:#6c757d;font-weight:500}.tips-section{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:15px;border-left:5px solid #ffc107}.tips-list{list-style:none;padding:0;margin:1.5rem 0 0}.tips-list li{padding:.75rem 0;border-bottom:1px solid rgba(255,193,7,.2);display:flex;align-items:center;gap:.75rem;font-size:1.05rem;line-height:1.5}.tips-list li:last-child{border-bottom:none}.tips-list li:before{content:"💡";font-size:1.2rem;flex-shrink:0;line-height:1}.stats-section{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:15px;border-left:5px solid #2196f3}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.stat-card{background:#fff;padding:1.5rem;border-radius:10px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-card-icon{font-size:2.2rem;margin-bottom:.5rem}.stat-card-number{font-size:1.7rem;font-weight:700;color:#2196f3;margin-bottom:.25rem}.stat-card-label{font-size:1rem;color:#6c757d;font-weight:500}@media (max-width:768px){.info-card{margin-bottom:1rem}.info-card-header{padding:1rem 1.2rem .6rem}.info-card-icon{width:35px;height:35px}.info-card-title{font-size:1.1rem}.info-card-content{padding:1rem 1.2rem}.tag-item{font-size:.8rem;padding:5px 10px}.group-badge{font-size:.9rem;padding:8px 16px}.additional-content,.method-content{font-size:.95rem}.coupang-info{flex-direction:column;align-items:center;text-align:center}.coupang-description{min-width:auto;text-align:center}.coupang-button{font-size:.95rem;padding:10px 20px}.environment-stats{flex-direction:column;align-items:center}.stat-item{min-width:150px}.stats-grid{grid-template-columns:1fr}.section-title{font-size:1.5rem}.related-items-section{padding:1.5rem}.related-items-section .col-6{padding:.4rem}.related-item-card{min-height:180px;padding:1.5rem 1rem}.related-item-img{width:100px;height:100px;margin-bottom:.75rem}.environment-section p,.related-item-title,.tips-list li{font-size:1rem}}@media (max-width:480px){.info-card{margin-bottom:.8rem;border-radius:12px}.info-card-header{padding:.8rem 1rem .5rem}.info-card-icon{width:30px;height:30px;border-radius:8px}.info-card-title{font-size:1rem}.info-card-content{padding:.8rem 1rem}.tag-list{gap:6px}.tag-item{font-size:.75rem;padding:4px 8px;border-radius:15px}.group-badge{font-size:.85rem;padding:6px 12px;border-radius:20px}.additional-content,.method-content{font-size:.9rem;line-height:1.5}.coupang-description{font-size:.9rem}.coupang-button{font-size:.9rem;padding:8px 16px}.coupang-badge{font-size:.8rem;padding:4px 8px}.environment-section,.stats-section,.tips-section{padding:1.5rem;margin-top:2rem}.related-items-section{padding:1rem;margin-top:2rem}.related-items-section .col-6{padding:.3rem}.related-item-card{min-height:160px;padding:1rem .75rem}.related-item-img{width:80px;height:80px;margin-bottom:.5rem}.related-item-title{font-size:.9rem;-webkit-line-clamp:2}.section-title{font-size:1.4rem}.stat-number{font-size:1.7rem}.stat-card-number{font-size:1.5rem}.stat-card-icon{font-size:2rem}.environment-section p,.tips-list li{font-size:.95rem}}.scroll-to-top-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px rgba(52,152,219,.4);transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px)}.scroll-to-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top-btn:hover{background:linear-gradient(135deg,#2980b9,#1f5f8b);transform:translateY(-3px);box-shadow:0 6px 16px rgba(52,152,219,.5)}.scroll-to-top-btn:active{transform:translateY(-1px)}@media (max-width:768px){.scroll-to-top-btn{width:50px;height:50px;bottom:20px;right:20px;font-size:1.2rem}}@media (max-width:480px){.scroll-to-top-btn{width:45px;height:45px;bottom:15px;right:15px;font-size:1.1rem}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-image{width:300px;height:300px;border-radius:16px}.skeleton-image,.skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;margin:0 auto}.skeleton-title{width:60%;height:32px;border-radius:8px}.skeleton-card{opacity:.8}.skeleton-icon{width:40px;height:40px;border-radius:10px}.skeleton-card-title,.skeleton-icon{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.skeleton-card-title{width:120px;height:24px;border-radius:6px}.skeleton-tags{display:flex;flex-wrap:wrap;gap:8px}.skeleton-tag{width:80px;height:28px;border-radius:20px}.skeleton-badge,.skeleton-tag{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.skeleton-badge{width:150px;height:40px;border-radius:25px}.skeleton-content{display:flex;flex-direction:column;gap:12px}.skeleton-line{width:100%;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-line.short{width:70%}.skeleton-section-title{width:250px;height:32px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:8px;margin-bottom:1.5rem}.skeleton-related-item{text-align:center;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.skeleton-related-img{width:90px;height:90px;border-radius:8px;margin:0 auto .5rem}.skeleton-related-img,.skeleton-related-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.skeleton-related-title{width:80%;height:16px;border-radius:4px;margin:0 auto}.skeleton-tips{display:flex;flex-direction:column;gap:12px}.skeleton-stat-card{text-align:center;padding:1.5rem 1rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease}.skeleton-stat-icon{width:40px;height:40px;border-radius:50%;margin:0 auto 1rem}.skeleton-stat-icon,.skeleton-stat-number{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.skeleton-stat-number{width:80%;height:24px;border-radius:6px;margin:0 auto .5rem}.skeleton-stat-label{width:60%;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin:0 auto}.iframe-container{display:flex;flex-wrap:wrap;gap:50px;justify-content:center;align-items:center;margin:2rem 0;padding:1rem}.iframe-container iframe{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.iframe-container iframe:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.coupang-disclaimer{text-align:center;margin-top:1rem;padding:.5rem}.coupang-disclaimer p{margin:0;color:#6c757d;font-size:.9rem;font-weight:400;line-height:1.4;font-style:italic}@media (max-width:768px){.skeleton-image{width:250px;height:250px}.skeleton-title{width:80%}.skeleton-section-title{width:200px}.skeleton-related-img{width:70px;height:70px}}@media (max-width:480px){.skeleton-image{width:200px;height:200px}.skeleton-title{width:90%}.skeleton-section-title{width:180px}.skeleton-related-img{width:60px;height:60px}}