.skin-preview-hero{background:linear-gradient(#f8f8ff 0%,#eef0ff 50%,#f5f5ff 100%);padding:130px 0 50px;position:relative;overflow:hidden}.skin-preview-glow{filter:blur(120px);opacity:.3;pointer-events:none;z-index:0;border-radius:50%;position:absolute}.skin-preview-glow-1{background:radial-gradient(circle,#0c7a531f,#0000 70%);width:400px;height:400px;top:-100px;right:-100px}.skin-preview-glow-2{background:radial-gradient(circle,#0104880d,#0000 70%);width:350px;height:350px;bottom:-80px;left:-80px}.skin-preview-header{text-align:center;z-index:1;position:relative}.skin-preview-badge{letter-spacing:2px;text-transform:uppercase;color:#0c7a53;background:#0c7a531a;border:1px solid #0c7a5340;border-radius:50px;align-items:center;gap:6px;margin-bottom:15px;padding:8px 20px;font-family:Quicksand,sans-serif;font-size:12px;font-weight:700;display:inline-flex}.skin-preview-title{color:#010483;margin-bottom:12px;font-family:Quicksand,sans-serif;font-size:38px;font-weight:800}.skin-preview-title-accent{background:linear-gradient(135deg,#0c7a53,#159c6b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skin-preview-subtitle{color:#6c6c80;max-width:500px;margin:0 auto;font-size:16px;line-height:1.6}.skin-preview-ribbon{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}.skin-preview-ribbon-tag{backdrop-filter:blur(8px);color:#010483;background:#fff9;border:1px solid #fffc;border-radius:50px;align-items:center;gap:8px;padding:10px 22px;font-family:Quicksand,sans-serif;font-size:13px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #0104880a}.skin-preview-ribbon-tag:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 6px 20px #01048814}.skin-preview-ribbon-tag svg{color:#0c7a53}.skin-preview-main{background:#f5f5ff;min-height:60vh;padding:30px 0 60px}.skin-gallery-container{background:#fff;border:1px solid #eaeaff;border-radius:16px;margin-bottom:30px;overflow:hidden;box-shadow:0 8px 30px #0104880f}.skin-gallery-header{background:#fff;border-bottom:1px solid #eaeaff;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.skin-gallery-title{color:#666680;letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:8px;font-family:Quicksand,sans-serif;font-size:13px;font-weight:700;display:flex}.skin-gallery-title svg{color:#0c7a53}.skin-header-price-badge{color:#0c7a53;background:#0c7a5314;border:1px solid #0c7a5340;border-radius:50px;align-items:center;padding:6px 14px;font-family:Quicksand,sans-serif;font-size:13px;font-weight:700;display:inline-flex}.skin-header-price-badge .price-label{color:#666680;margin-right:4px;font-weight:600}.skin-header-price-badge .price-value{color:#0c7a53;font-weight:800}.skin-category-nav-wrapper{-ms-overflow-style:none;scrollbar-width:none;background:#fafaff;border-bottom:1px solid #eaeaff;padding:16px 24px;overflow-x:auto}.skin-category-nav-wrapper::-webkit-scrollbar{display:none}.skin-category-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.skin-category-tab{color:#010488;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #eaeaff;border-radius:50px;align-items:center;gap:8px;padding:8px 18px;font-family:Quicksand,sans-serif;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 2px 6px #01048808}.skin-category-tab:hover{color:#0c7a53;background:#0c7a530f;border-color:#0c7a53;transform:translateY(-1px)}.skin-category-tab.active{color:#fff;background:#0c7a53;border-color:#0c7a53;box-shadow:0 4px 12px #0c7a534d}.skin-category-tab.active .skin-category-emoji{opacity:1}.skin-category-emoji{font-size:14px;line-height:1}.skin-category-name{line-height:1.2}.skin-category-status-bar{background:linear-gradient(135deg,#0c7a530a 0%,#01048808 100%);border-bottom:1px solid #eaeaff;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.skin-category-status-info{align-items:center;gap:14px;display:flex}.skin-category-status-emoji{background:#fff;border:1px solid #eaeaff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:26px;line-height:1;display:flex;box-shadow:0 2px 8px #0104880f}.skin-category-status-header{align-items:center;gap:8px;display:flex}.skin-category-status-title{color:#010488;margin:0;font-family:Quicksand,sans-serif;font-size:17px;font-weight:800}.skin-category-status-count{color:#0c7a53;background:#0c7a531a;border-radius:50px;padding:2px 8px;font-size:11px;font-weight:700}.skin-category-status-desc{color:#666680;margin:3px 0 0;font-size:13px}.skin-category-status-price{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.skin-status-price-label{text-transform:uppercase;letter-spacing:.5px;color:#666680;font-size:11px;font-weight:700}.skin-status-price-amount{color:#0c7a53;font-family:Quicksand,sans-serif;font-size:18px;font-weight:800}@media (width<=768px){.skin-category-status-bar{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.skin-category-status-price{text-align:left;border-top:1px dashed #eaeaff;flex-direction:row;align-items:baseline;gap:6px;width:100%;padding-top:8px}}.skin-gallery-content{padding:24px}.skin-grid{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}@media (width<=1400px){.skin-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1024px){.skin-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.skin-grid{grid-template-columns:repeat(2,1fr);gap:12px}.skin-category-nav{flex-wrap:nowrap}.skin-gallery-content{padding:16px}}@media (width<=480px){.skin-grid{grid-template-columns:repeat(2,1fr);gap:10px}.skin-preview-hero{padding:110px 0 40px}.skin-preview-title{font-size:28px}}.skin-grid-item{text-align:center;background:#fff;border:1px solid #eaeaff;border-radius:14px;flex-direction:column;justify-content:space-between;padding:16px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 10px #01048805}.skin-grid-item:hover{border-color:#0c7a53;transform:translateY(-4px);box-shadow:0 10px 25px #01048814}.skin-lightbox{aspect-ratio:4/3;background:#f8f8ff;border-radius:10px;justify-content:center;align-items:center;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.skin-image-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.skin-image-skeleton{background:linear-gradient(90deg,#f0f0f8 25%,#e8e8f0 50%,#f0f0f8 75%) 0 0/200% 100%;border-radius:10px;animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skin-image{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .4s,transform .3s;transform:scale(1.6)}.skin-image.loaded{opacity:1}.skin-grid-item:hover .skin-image.loaded{transform:scale(1.85)}.skin-image-overlay{opacity:0;z-index:2;background:#01048873;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.skin-image-overlay svg{color:#fff;transition:transform .25s;transform:scale(.7)}.skin-lightbox:hover .skin-image-overlay{opacity:1}.skin-lightbox:hover .skin-image-overlay svg{transform:scale(1)}.skin-image-label{color:#010488;white-space:nowrap;text-overflow:ellipsis;margin:10px 0 0;font-family:Quicksand,sans-serif;font-size:13px;font-weight:700;overflow:hidden}.skin-item-price-tag{color:#0c7a53;background:#0c7a5314;border:1px solid #0c7a5333;border-radius:50px;width:fit-content;margin-top:8px;margin-left:auto;margin-right:auto;padding:4px 12px;font-family:Quicksand,sans-serif;font-size:12px;font-weight:700;transition:all .25s;display:inline-block}.skin-grid-item:hover .skin-item-price-tag{color:#fff;background:#0c7a53;border-color:#0c7a53;box-shadow:0 2px 8px #0c7a5340}.skin-empty{text-align:center;color:#888;padding:60px 20px}.skin-empty p{color:#555;margin-bottom:6px;font-family:Quicksand,sans-serif;font-size:18px;font-weight:600}.skin-empty span{color:#999;font-size:14px}