.samples-hero{text-align:center;padding:var(--spacing-4xl) 0;background:linear-gradient(135deg,var(--color-cream) 0,#fff 100%);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3xl)}.samples-hero h1{font-size:var(--fs-3xl);font-weight:300;color:var(--color-dark);margin-bottom:var(--spacing-md)}.samples-hero h1 i{color:var(--color-gold);margin-right:var(--spacing-sm)}.samples-hero p{font-size:var(--fs-lg);color:var(--color-gray);max-width:600px;margin:0 auto}.samples-filters{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:var(--spacing-2xl)}.samples-filters form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);align-items:end}.filter-group label{display:block;font-weight:300;margin-bottom:var(--spacing-xs);color:var(--color-dark);font-size:var(--fs-sm)}.filter-group label i{color:var(--color-gold);margin-right:var(--spacing-xs)}.filter-group-search{grid-column:1/-1}.search-input-wrapper{position:relative;width:100%}.filter-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:45px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-md);transition:all var(--transition-base);font-family:inherit}.filter-input:focus{outline:0;border-color:var(--color-gold);box-shadow:0 0 0 3px rgba(212,175,55,.1)}.filter-input:hover{border-color:var(--color-gold-light)}.btn-clear-search{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--color-gray);cursor:pointer;padding:var(--spacing-xs);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-base)}.btn-clear-search:hover{background:var(--color-gray-light);color:var(--color-dark)}.filter-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-md);transition:border-color var(--transition-base)}.filter-select:focus{outline:0;border-color:var(--color-gold)}.btn-clear-filters{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-light);color:var(--color-dark);border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.btn-clear-filters:hover{background:var(--color-gray);color:#fff}.samples-count{margin-bottom:var(--spacing-xl);font-size:var(--fs-lg);color:var(--color-gray)}.samples-count strong{color:var(--color-gold)}.samples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-2xl);margin-bottom:var(--spacing-4xl)}.samples-ad-wrapper{grid-column:1/-1;width:100%;display:flex;justify-content:center;margin:var(--spacing-xl) 0}.samples-ad-wrapper .adsense-container{max-width:100%;width:100%}.sample-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:transform var(--transition-base),box-shadow var(--transition-base)}.sample-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.sample-image-link{display:block;text-decoration:none;cursor:pointer}.sample-image{position:relative;width:100%;height:250px;overflow:hidden;background:var(--color-gray-lighter);transition:transform var(--transition-base)}.sample-image-link:hover .sample-image{transform:scale(1.05)}.sample-image img{width:100%;height:100%;object-fit:cover}.sample-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;color:var(--color-gray-light)}.sample-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:300;text-transform:uppercase}.badge-available{background:#10b981;color:#fff}.badge-limited{background:#f59e0b;color:#fff}.badge-unavailable{background:#ef4444;color:#fff}.sample-info{padding:var(--spacing-lg)}.sample-name-link{text-decoration:none;color:inherit;display:block;transition:color var(--transition-base)}.sample-name-link:hover{color:var(--color-gold)}.sample-name{font-size:var(--fs-xl);font-weight:300;color:var(--color-dark);margin-bottom:var(--spacing-md);transition:color var(--transition-base)}.sample-name-link:hover .sample-name{color:var(--color-gold)}.sample-details{margin-bottom:var(--spacing-md)}.sample-details p{font-size:var(--fs-sm);color:var(--color-gray);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.sample-details i{color:var(--color-gold);width:16px}.sample-avg-price{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#f0f9ff 0,#e0f2fe 100%);border-left:3px solid var(--color-gold);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:var(--fs-sm);color:var(--color-dark);display:flex;align-items:center;gap:var(--spacing-xs)}.sample-avg-price i{color:var(--color-gold);font-size:var(--fs-md)}.sample-avg-price strong{color:var(--color-gold-dark);font-size:var(--fs-md)}.sample-colors{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-cream);border-radius:var(--radius-md)}.colors-label{font-size:var(--fs-sm);font-weight:300;color:var(--color-dark);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.colors-label i{color:var(--color-gold)}.colors-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.color-circle{width:32px;height:32px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.15);cursor:pointer;transition:all var(--transition-base);position:relative}.color-circle:hover{transform:scale(1.15);box-shadow:0 4px 8px rgba(0,0,0,.25)}.color-circle.selected{border:3px solid var(--color-gold);transform:scale(1.2);box-shadow:0 0 0 2px #fff,0 0 8px rgba(212,175,55,.5)}.color-more{background:var(--color-gray);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:300;cursor:default;pointer-events:none}.btn-sample-detail{display:block;width:100%;padding:var(--spacing-md);background:var(--color-gold);color:#fff;text-align:center;text-decoration:none;border-radius:var(--radius-md);font-weight:300;font-size:var(--fs-md);transition:all var(--transition-base);margin-bottom:var(--spacing-md)}.btn-sample-detail:hover{background:var(--color-gold-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(212,175,55,.4);color:#fff}.btn-sample-detail i{margin-right:var(--spacing-xs)}.sample-description{font-size:var(--fs-sm);color:var(--color-gray);line-height:1.6}.no-samples{text-align:center;padding:var(--spacing-4xl);background:var(--color-cream);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4xl)}.no-samples i{font-size:64px;color:var(--color-gray-light);margin-bottom:var(--spacing-lg)}.no-samples h3{font-size:var(--fs-2xl);font-weight:300;color:var(--color-dark);margin-bottom:var(--spacing-sm)}.no-samples p{font-size:var(--fs-lg);color:var(--color-gray);margin-bottom:var(--spacing-xl)}.pagination-wrapper{margin:var(--spacing-3xl) 0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.pagination-info{font-size:var(--fs-md);color:var(--color-gray);font-weight:500}.pagination{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.pagination-link{padding:var(--spacing-sm) var(--spacing-md);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-dark);text-decoration:none;font-weight:500;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.pagination-link:hover{background:var(--color-gold-light);border-color:var(--color-gold);color:var(--color-gold-dark)}.pagination-link.active{background:var(--color-gold);border-color:var(--color-gold);color:#fff;font-weight:300}.samples-info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);padding:var(--spacing-3xl) 0}.info-box{text-align:center;padding:var(--spacing-xl);background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.08)}.info-box i{font-size:48px;color:var(--color-gold);margin-bottom:var(--spacing-md)}.info-box h3{font-size:var(--fs-xl);font-weight:300;color:var(--color-dark);margin-bottom:var(--spacing-sm)}.info-box p{font-size:var(--fs-md);color:var(--color-gray);line-height:1.6}@media (max-width:768px){.samples-hero h1{font-size:var(--fs-2xl)}.samples-filters form,.samples-grid{grid-template-columns:1fr}}