:root{--sc-primary: #188550;--sc-primary-hover: #136a3f;--sc-primary-light: #e8f5ed;--sc-secondary: #f59e0b;--sc-secondary-dark: #d97706;--sc-secondary-light: #fef3c7;--sc-text-main: #1e293b;--sc-text-muted: #64748b;--sc-border: #e2e8f0;--sc-bg-page: #f8fafc;--sc-card-bg: #ffffff;--sc-price: #dc2626;--sc-price-old: #94a3b8}body{background-color:var(--sc-bg-page);color:var(--sc-text-main);font-family:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;overflow-x:hidden}.sach-cu-page{padding-bottom:3rem}.sach-cu-hero{background:linear-gradient(135deg, #0d5f38 0%, #188550 50%, #2bb673 100%);border-radius:1rem;color:#ffffff;padding:2.5rem 2rem;margin-top:1rem;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px rgba(24,133,80,0.25)}.sach-cu-hero::before{content:"";position:absolute;top:-50px;right:-50px;width:250px;height:250px;background:radial-gradient(circle, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 70%);border-radius:50%;pointer-events:none}.sach-cu-hero::after{content:"📚";position:absolute;right:2rem;bottom:-0.5rem;font-size:6rem;opacity:0.25;pointer-events:none;transform:rotate(-10deg)}.sach-cu-hero__title{font-size:1.875rem;font-weight:800;line-height:1.25;margin-bottom:0.5rem;display:flex;align-items:center;gap:0.75rem;color:#ffffff}.sach-cu-hero__subtitle{font-size:1rem;font-weight:400;color:#e2f5ea;max-width:650px;margin-bottom:1.25rem;line-height:1.5}.sach-cu-hero__badges{display:flex;flex-wrap:wrap;gap:0.75rem}.sach-cu-hero__badge{background:rgba(255,255,255,0.18);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.3);border-radius:2rem;padding:0.35rem 0.85rem;font-size:0.825rem;font-weight:600;display:inline-flex;align-items:center;gap:0.35rem;color:#ffffff}.sach-cu-condition-card{background:#ffffff;border:1px solid #fed7aa;border-left:4px solid #f59e0b;border-radius:1rem;padding:1.25rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 15px rgba(245,158,11,0.08)}.sach-cu-condition-header{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid #fef3c7}.sach-cu-condition-header-title{font-size:1rem;font-weight:700;color:#9a3412;display:flex;align-items:center;gap:0.5rem}.sach-cu-condition-tag{background:#fef3c7;color:#b45309;font-size:0.75rem;font-weight:700;padding:0.25rem 0.65rem;border-radius:1rem;border:1px solid #fde68a;white-space:nowrap}.sach-cu-condition-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}.sach-cu-condition-item{display:flex;align-items:flex-start;gap:0.75rem;padding:0.85rem;background:#f8fafc;border-radius:0.625rem;border:1px solid #f1f5f9;transition:all 0.2s ease}.sach-cu-condition-item:hover{background:#ffffff;border-color:#e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,0.04)}.sach-cu-condition-icon{width:2.25rem;height:2.25rem;min-width:2.25rem;border-radius:0.5rem;display:flex;align-items:center;justify-content:center;font-size:1rem}.sach-cu-condition-icon--price{background:#fee2e2;color:#dc2626}.sach-cu-condition-icon--box{background:#fef3c7;color:#d97706}.sach-cu-condition-icon--check{background:#dcfce7;color:#15803d}.sach-cu-condition-text{display:flex;flex-direction:column;gap:0.2rem}.sach-cu-condition-item-title{font-size:0.85rem;font-weight:700;color:var(--sc-text-main)}.sach-cu-condition-item-desc{font-size:0.775rem;color:var(--sc-text-muted);line-height:1.45}.sach-cu-filter-card{background:var(--sc-card-bg);border:1px solid var(--sc-border);border-radius:1rem;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,0.03)}.sach-cu-filter-title{font-size:1rem;font-weight:700;color:var(--sc-text-main);display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid var(--sc-border)}.sach-cu-filter-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:1rem}.sach-cu-filter-item{display:flex;flex-direction:column;gap:0.35rem}.sach-cu-filter-label{font-size:0.8125rem;font-weight:600;color:var(--sc-text-muted);display:flex;align-items:center;gap:0.35rem}.sach-cu-filter-item .form-select,.sach-cu-filter-item .form-control{border:1px solid #cbd5e1;border-radius:0.5rem;font-size:0.875rem;padding:0.5rem 0.75rem;color:var(--sc-text-main);background-color:#fff;transition:all 0.2s ease;min-height:2.5rem}.sach-cu-filter-item .form-select:focus,.sach-cu-filter-item .form-control:focus{border-color:var(--sc-primary);box-shadow:0 0 0 3px rgba(24,133,80,0.15);outline:none}.sach-cu-search-box{position:relative;display:flex;align-items:center}.sach-cu-search-box .form-control{padding-right:2.75rem}.sach-cu-search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:var(--sc-primary);color:#fff;border:none;border-radius:0.375rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s ease}.sach-cu-search-btn:hover{background:var(--sc-primary-hover)}.sach-cu-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:1rem;padding-top:0.875rem;border-top:1px dashed var(--sc-border)}.sach-cu-active-label{font-size:0.8125rem;font-weight:600;color:var(--sc-text-muted)}.sach-cu-chip{background:var(--sc-primary-light);border:1px solid rgba(24,133,80,0.25);border-radius:1rem;padding:0.25rem 0.65rem;font-size:0.775rem;font-weight:600;color:var(--sc-primary);display:inline-flex;align-items:center;gap:0.35rem}.sach-cu-chip-remove{cursor:pointer;color:var(--sc-primary);font-size:0.85rem;transition:transform 0.15s}.sach-cu-chip-remove:hover{transform:scale(1.2);color:#dc2626}.sach-cu-reset-btn{background:#fee2e2;border:1px solid #fca5a5;border-radius:1rem;padding:0.25rem 0.65rem;font-size:0.775rem;font-weight:600;color:#dc2626;cursor:pointer;transition:all 0.15s}.sach-cu-reset-btn:hover{background:#fecaca;color:#b91c1c}.sach-cu-stats-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-size:0.9rem;color:var(--sc-text-muted)}.sach-cu-stats-count{font-weight:700;color:var(--sc-text-main)}.sach-cu-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.25rem}.sach-cu-card{background:var(--sc-card-bg);border:1px solid var(--sc-border);border-radius:0.875rem;overflow:hidden;display:flex;flex-direction:column;transition:all 0.25s ease;position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.04)}.sach-cu-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -6px rgba(0,0,0,0.1);border-color:#cbd5e1}.sach-cu-card__image-wrap{position:relative;width:100%;padding-top:110%;overflow:hidden;cursor:pointer}.sach-cu-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:0.75rem;opacity:0;transition:opacity 0.35s ease-in-out, transform 0.3s ease;will-change:opacity, transform}.sach-cu-card__image.loaded{opacity:1}.sach-cu-card__image.lazy-loading{opacity:0.3}.sach-cu-card:hover .sach-cu-card__image.loaded{transform:scale(1.04)}.sach-cu-badge-old{position:absolute;top:0.5rem;left:0.5rem;background:linear-gradient(135deg, #f59e0b, #d97706);color:#ffffff;font-size:0.6875rem;font-weight:800;text-transform:uppercase;padding:0.2rem 0.5rem;border-radius:0.375rem;box-shadow:0 2px 6px rgba(217,119,6,0.35);z-index:2;letter-spacing:0.025em}.sach-cu-badge-discount{position:absolute;top:0.5rem;right:0.5rem;background:#ef4444;color:#ffffff;font-size:0.6875rem;font-weight:800;padding:0.2rem 0.45rem;border-radius:0.375rem;box-shadow:0 2px 6px rgba(239,68,68,0.35);z-index:2}.sach-cu-card__body{padding:0.875rem;display:flex;flex-direction:column;flex-grow:1}.sach-cu-card__original-id{display:flex;align-items:center;justify-content:space-between;background:#f1f5f9;border-radius:0.375rem;padding:0.2rem 0.45rem;margin-bottom:0.5rem;font-size:0.6875rem;color:#475569}.sach-cu-card__original-id span{font-weight:600;color:#0f172a}.sach-cu-card__copy-btn{background:transparent;border:none;color:#3b82f6;cursor:pointer;padding:0.1rem 0.25rem;border-radius:0.25rem;transition:all 0.15s}.sach-cu-card__copy-btn:hover{background:#dbeafe}.sach-cu-card__title{font-size:0.875rem;font-weight:600;line-height:1.35;color:var(--sc-text-main);margin-bottom:0.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.375rem;text-decoration:none;cursor:pointer}.sach-cu-card__title:hover{color:var(--sc-primary)}.sach-cu-card__meta{display:flex;align-items:center;gap:0.5rem;font-size:0.725rem;color:var(--sc-text-muted);margin-bottom:0.5rem}.sach-cu-card__meta-tag{background:#f8fafc;border:1px solid #e2e8f0;border-radius:0.25rem;padding:0.1rem 0.35rem}.sach-cu-card__condition-note{font-size:0.7rem;font-weight:600;color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:0.375rem;padding:0.2rem 0.4rem;margin-bottom:0.5rem;display:flex;align-items:center;gap:0.3rem;line-height:1.25}.sach-cu-card__prices{margin-top:auto;margin-bottom:0.75rem}.sach-cu-card__current-price{font-size:1.05rem;font-weight:800;color:var(--sc-price);line-height:1.2}.sach-cu-card__original-price{font-size:0.775rem;color:var(--sc-price-old);text-decoration:line-through;margin-left:0.35rem}.sach-cu-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:0.35rem}.sach-cu-btn-cart{background:#ffffff;border:1px solid var(--sc-primary);color:var(--sc-primary);border-radius:0.5rem;padding:0.4rem 0.25rem;font-size:0.775rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:0.25rem;transition:all 0.2s;cursor:pointer}.sach-cu-btn-cart:hover{background:var(--sc-primary-light);color:var(--sc-primary-hover)}.sach-cu-btn-buy{background:var(--sc-primary);border:1px solid var(--sc-primary);color:#ffffff;border-radius:0.5rem;padding:0.4rem 0.25rem;font-size:0.775rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:0.25rem;transition:all 0.2s;cursor:pointer}.sach-cu-btn-buy:hover{background:var(--sc-primary-hover);border-color:var(--sc-primary-hover)}.sach-cu-pagination{display:flex;justify-content:center;align-items:center;gap:0.35rem;margin-top:2rem;margin-bottom:1rem}.sach-cu-page-btn{min-width:2.25rem;height:2.25rem;padding:0 0.5rem;border-radius:0.5rem;border:1px solid var(--sc-border);background:#ffffff;color:var(--sc-text-main);font-size:0.875rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.15s}.sach-cu-page-btn:hover:not(:disabled){border-color:var(--sc-primary);color:var(--sc-primary);background:var(--sc-primary-light)}.sach-cu-page-btn.active{background:var(--sc-primary);border-color:var(--sc-primary);color:#ffffff}.sach-cu-page-btn:disabled{opacity:0.4;cursor:not-allowed}.sach-cu-page-ellipsis{color:var(--sc-text-muted);padding:0 0.25rem}.sach-cu-skeleton-card{background:#ffffff;border-radius:0.875rem;border:1px solid var(--sc-border);padding:0.875rem;display:flex;flex-direction:column;gap:0.75rem}.sach-cu-skeleton-img{width:100%;padding-top:100%;background:#e2e8f0;border-radius:0.5rem;animation:sachCuPulse 1.5s infinite}.sach-cu-skeleton-line{height:14px;background:#e2e8f0;border-radius:0.25rem;animation:sachCuPulse 1.5s infinite}.sach-cu-skeleton-line.short{width:60%}.sach-cu-skeleton-line.btn-block{height:32px;border-radius:0.5rem}@keyframes sachCuPulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.sach-cu-empty{text-align:center;padding:4rem 1.5rem;background:#ffffff;border-radius:1rem;border:1px dashed var(--sc-border);margin:1.5rem 0}.sach-cu-empty__icon{font-size:3.5rem;margin-bottom:1rem;display:block}.sach-cu-empty__title{font-size:1.15rem;font-weight:700;color:var(--sc-text-main);margin-bottom:0.5rem}.sach-cu-empty__desc{font-size:0.875rem;color:var(--sc-text-muted);max-width:420px;margin:0 auto 1.25rem auto}@media (max-width: 1200px){.sach-cu-grid{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 991px){.sach-cu-hero{padding:1.75rem 1.25rem}.sach-cu-hero__title{font-size:1.5rem}.sach-cu-hero::after{display:none}.sach-cu-condition-grid{grid-template-columns:1fr;gap:0.75rem}.sach-cu-condition-card{padding:1rem}.sach-cu-grid{grid-template-columns:repeat(3, 1fr);gap:1rem}}@media (max-width: 767px){.sach-cu-grid{grid-template-columns:repeat(2, 1fr);gap:0.75rem}.sach-cu-card__body{padding:0.65rem}.sach-cu-card__title{font-size:0.8125rem;height:2.2rem}.sach-cu-card__current-price{font-size:0.95rem}.sach-cu-card__actions{grid-template-columns:1fr}.sach-cu-filter-grid{grid-template-columns:1fr 1fr;gap:0.75rem}}@media (max-width: 480px){.sach-cu-filter-grid{grid-template-columns:1fr}}