.know-your-setting__section{margin-bottom:1rem;background:#f6f6f9;border:1px solid #f0f0f0;padding:1rem;box-shadow:0 2px 8px #0000000a;position:relative;overflow:hidden}.section-title{font-size:1rem;font-weight:500;color:#1a1a1a;margin:0 0 .75rem;text-align:left;letter-spacing:-.02em;text-transform:uppercase;position:relative}.section-title:after{content:"";position:absolute;bottom:-4px;left:1rem;transform:translate(-50%);width:30px;height:1px;background:linear-gradient(90deg,#d4af37,gold)}.setting-controls{display:flex;gap:.5rem;margin-bottom:.75rem;justify-content:center}.setting-info{background:#fff;border:1px solid #e0e0e0;padding:.5rem .75rem;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;max-width:50%;position:relative;overflow:hidden}.setting-info:hover{border-color:#d4af37;background:linear-gradient(135deg,#fff,#fafafa);box-shadow:0 2px 8px #d4af3726}.info-label{font-size:.6rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;line-height:normal}.info-value{font-size:1.25rem;font-weight:700;color:#1a1a1a;letter-spacing:-.01em;line-height:normal}.metal-section{background:#fff;border:1px solid #e8e8e8;padding:.75rem;text-align:left}.metal-header{display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem}.metal-icon{width:12px;height:12px;color:#999;line-height:10px}.metal-icon svg{width:100%;height:100%}.metal-label{font-size:.6rem;font-weight:500;color:#999;text-transform:uppercase;letter-spacing:.5px}.metal-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:.75rem;line-height:1.2}.metal-content{display:flex;align-items:center;gap:1.5rem;margin-bottom:.75rem}.composition-chart{flex-shrink:0;width:70px;height:70px}.composition-svg{width:100%;height:100%;transform:rotate(-90deg)}.composition-segment{transition:all .3s ease}.composition-details{flex:1}.composition-grid{display:grid;grid-template-columns:1fr 1fr;gap:.25rem .75rem}.composition-item{display:flex;align-items:center;gap:.4rem}.composition-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.composition-dot.composition-gold{background:linear-gradient(135deg,gold,orange)}.composition-dot.composition-copper{background:linear-gradient(135deg,#b87333,#cd7f32)}.composition-dot.composition-silver{background:linear-gradient(135deg,silver,#a8a8a8)}.composition-dot.composition-zinc{background:linear-gradient(135deg,#7a7a7a,#5a5a5a)}.composition-dot.composition-palladium{background:linear-gradient(135deg,#e5e4e2,silver)}.composition-percentage{font-weight:600;color:#1a1a1a;font-size:.8rem}.composition-name{color:#666;font-size:.75rem;text-transform:capitalize;font-weight:400}.metal-description{font-size:.7rem;color:#666;text-align:center;font-style:italic;line-height:1.3}.stone-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;max-width:500px;margin:0 auto}.stone-info{background:#fff;border:1px solid #e0e0e0;padding:.75rem .5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;position:relative;overflow:hidden;min-height:60px}.stone-info:hover{border-color:#d4af37;background:linear-gradient(135deg,#fff,#fafafa);box-shadow:0 2px 8px #d4af3726}.stone-info .info-label{font-size:.6rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;line-height:normal}.stone-info .info-value{font-size:1.25rem;font-weight:700;color:#1a1a1a;letter-spacing:-.01em;line-height:normal}.stone-info[data-spec=cut]:after,.stone-info[data-spec=side-cut]:after{content:"\2192";position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:.8rem;color:#d4af37;font-weight:700;transition:all .3s ease}.stone-info[data-spec=cut]:hover:after,.stone-info[data-spec=side-cut]:hover:after{color:#b8941f;transform:translateY(-50%) translate(2px)}@media (max-width: 768px){.know-your-setting{margin:1rem 0;padding:0 .5rem}.know-your-setting__title{font-size:1.2rem}.know-your-setting__subtitle{font-size:.7rem}.know-your-setting__section{padding:.75rem;margin-bottom:.75rem}.section-title{font-size:.8rem}.setting-controls{flex-direction:column;align-items:center;gap:.25rem}.setting-button{width:100%;max-width:150px;padding:.4rem .6rem}.metal-section{flex-direction:column;text-align:center;gap:.5rem;padding:.5rem}.composition-chart{width:50px;height:50px}.stone-grid{grid-template-columns:1fr;gap:.25rem}.stone-info{padding:.5rem .4rem;min-height:50px}.stone-info[data-spec=cut]:after,.stone-info[data-spec=side-cut]:after{display:none}}@media (max-width: 480px){.know-your-setting{margin:.5rem 0;padding:0 .25rem}.know-your-setting__header{margin-bottom:.5rem}.know-your-setting__title{font-size:1rem}.know-your-setting__section{padding:.5rem}.setting-button{padding:.3rem .5rem}.stone-info{padding:.4rem .3rem;min-height:40px}.info-value{font-size:.7rem}.metal-title{font-size:.8rem}.composition-chart{width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-new.css.map */