.diamond-finder-page{background:#fff;padding:30px 0 80px}.df-container{max-width:1320px;margin:0 auto;padding:0 20px}.df-breadcrumb{display:flex;gap:8px;align-items:center;font-size:13px;margin-bottom:25px}.df-breadcrumb a{color:#444;text-decoration:none}.df-breadcrumb span{color:#888}.df-progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px}.df-step{flex:1;display:flex;align-items:center;gap:15px;padding:22px;border:1px solid #ddd;background:#fafafa;transition:.3s}.df-step.active{border:2px solid #111;background:#fff}.df-number{font-size:40px;font-weight:700}.df-text small{display:block;color:#777;font-size:13px}.df-text h4{margin:0;font-size:22px;font-weight:600}.df-arrow{width:35px}.df-hero{text-align:center;margin-bottom:40px}.df-hero h1{font-size:48px;font-weight:600;margin-bottom:12px}.df-hero p{color:#666;font-size:18px}.df-type{margin-bottom:40px}.df-type-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.df-type-buttons button{min-width:190px;height:52px;border:1px solid #d9d9d9;background:#fff;border-radius:30px;cursor:pointer;font-size:15px;font-weight:600;transition:.25s ease}.df-type-buttons button:hover,.df-type-buttons button.active{background:#111;color:#fff;border-color:#111}.df-shapes{margin-bottom:45px}.df-shape-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.shape{background:#fff;border:1px solid #e6e6e6;border-radius:14px;padding:20px;cursor:pointer;transition:.25s;min-height:90px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600}.shape:hover{border-color:#000;transform:translateY(-3px);box-shadow:0 8px 18px #00000014}.shape.active{background:#111;color:#fff;border-color:#111}@media(max-width:1200px){.df-shape-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.df-shape-grid{grid-template-columns:repeat(3,1fr)}.df-type-buttons{flex-direction:column;align-items:center}}@media(max-width:600px){.df-shape-grid{grid-template-columns:repeat(2,1fr)}.shape{min-height:75px;font-size:14px}}.df-filters{margin:50px 0}.df-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.filter-item{display:flex;flex-direction:column}.filter-item label{font-size:14px;font-weight:600;margin-bottom:8px;color:#222}.filter-item select,.filter-item input{width:100%;height:50px;padding:0 16px;border:1px solid #dcdcdc;border-radius:8px;font-size:15px;background:#fff;transition:.25s}.filter-item select:focus,.filter-item input:focus{outline:none;border-color:#000}.df-toolbar{margin:40px 0}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}#diamondCount{font-size:16px;font-weight:600}#sortDiamonds{width:220px;height:46px;border:1px solid #ddd;border-radius:8px;padding:0 15px;cursor:pointer}.diamond-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}@media(max-width:1200px){.df-filter-grid,.diamond-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.toolbar{flex-direction:column;gap:15px;align-items:flex-start}.df-filter-grid,.diamond-grid{grid-template-columns:1fr}#sortDiamonds{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/diamond-finder.css.map */