.diamond-shape-grid-section{padding:60px 0;background:#fff}.diamond-shape-grid-section .title{font-size:16px;font-weight:600;color:#232323;margin:0 auto;padding:0;line-height:1.2;text-align:center;position:relative;letter-spacing:-.5px;font-family:var(--font-heading-family);width:100%;display:block}.diamond-shape-grid-section .title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#d4af37,#f4d03f);border-radius:2px}.diamond-shape-grid-section h2.title{text-align:center!important;margin-left:auto!important;margin-right:auto!important;display:block!important}.diamond-shape-grid-section .section-wrapper{display:flex;flex-direction:row;gap:60px;align-items:center;justify-content:center;max-width:1200px;margin:0 auto;padding:0 20px;min-height:500px}.diamond-shape-grid-section .section-left{flex:0 0 35%;max-width:35%;display:flex;flex-direction:column;align-items:center;justify-content:center}.diamond-shape-grid-section .featured-diamond-image{width:100%;max-width:100%;position:relative;overflow:hidden;border-radius:12px;text-align:center;box-shadow:0 8px 25px #0000001a;background:#fff;padding:0;border:none}.diamond-shape-grid-section .featured-diamond-image img{width:100%;height:300px;object-fit:contain;transition:all .3s ease;max-height:300px;border-radius:0;filter:none}.diamond-shape-grid-section .featured-diamond-image:hover img{transform:scale(1.02);filter:none}.diamond-shape-grid-section .featured-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#f8f9fa;border:2px dashed #d4af37;border-radius:12px;min-height:300px}.diamond-shape-grid-section .featured-placeholder svg{margin-bottom:20px;opacity:.7}.diamond-shape-grid-section .featured-placeholder p{margin:0;color:#666;font-size:16px;font-weight:500}.diamond-shape-grid-section .section-right{flex:0 0 60%;max-width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:0;margin-top:0;position:relative;top:0}.diamond-shape-grid-section .diamond-shapes-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:20px;width:100%;align-items:center;justify-items:center;height:auto;min-height:200px;margin-top:0}.diamond-shape-grid-section .diamond-item{text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:10px;border-radius:0;background:transparent;box-shadow:none;width:100%;height:100%;min-height:80px}.diamond-shape-grid-section .diamond-item:hover{transform:translateY(-8px);background:transparent;box-shadow:none}.diamond-shape-grid-section .diamond-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;width:100%}.diamond-shape-grid-section .diamond-image-wrapper{width:80px;height:80px;margin-bottom:12px;position:relative;overflow:hidden;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f8f8f8;box-shadow:0 2px 8px #0000001a;border:none;transition:all .3s ease;flex-shrink:0}.diamond-shape-grid-section .diamond-item:hover .diamond-image-wrapper{border-color:transparent;box-shadow:0 4px 15px #00000026;transform:scale(1.05);background:#f8f8f8}.diamond-shape-grid-section .diamond-image-wrapper img{width:80%;height:80%;object-fit:contain;transition:transform .3s ease;filter:none}.diamond-shape-grid-section .diamond-item:hover .diamond-image-wrapper img{transform:scale(1.1);filter:none}.diamond-shape-grid-section .diamond-title{font-size:14px;font-weight:500;margin-top:8px;transition:all .3s ease;color:#333;text-transform:capitalize;letter-spacing:.3px;font-family:Arial,sans-serif}.diamond-shape-grid-section .diamond-item:hover .diamond-title{color:#d4af37;transform:none}.diamond-shape-grid-section .diamond-image-wrapper.placeholder{background:#f0f0f0;border:2px dashed #ccc}.diamond-shape-grid-section .placeholder-svg{width:60%;height:60%;opacity:.4;color:#999}@media screen and (max-width: 1400px){.diamond-shape-grid-section .section-wrapper{gap:60px;max-width:1100px}.diamond-shape-grid-section .diamond-shapes-grid{gap:22px}.diamond-shape-grid-section .diamond-image-wrapper{max-width:75px}}@media screen and (max-width: 1024px){.diamond-shape-grid-section .section-wrapper{flex-direction:column;align-items:center;justify-content:center;gap:40px;max-width:800px;min-height:auto}.diamond-shape-grid-section .title{font-size:32px;margin-bottom:40px}.diamond-shape-grid-section .title:after{width:70px;height:3px;bottom:-10px}.diamond-shape-grid-section .section-left{flex:0 0 auto;max-width:100%;align-items:center;justify-content:center;text-align:center;width:100%}.diamond-shape-grid-section .featured-diamond-image{margin:0 auto;max-width:350px;width:100%}.diamond-shape-grid-section .featured-diamond-image img{max-height:300px}.diamond-shape-grid-section .section-right{flex:0 0 auto;max-width:100%;align-items:center;justify-content:center;width:100%}.diamond-shape-grid-section .diamond-shapes-grid{grid-template-columns:repeat(5,1fr);gap:15px;justify-content:center;width:100%;max-width:500px;margin:0 auto;min-height:auto}}@media screen and (max-width: 767px){.diamond-shape-grid-section{padding:40px 0}.diamond-shape-grid-section .section-wrapper{gap:30px;max-width:100%;padding:0 20px;min-height:auto;justify-content:center}.diamond-shape-grid-section .title{font-size:28px;margin-bottom:35px}.diamond-shape-grid-section .title:after{width:60px;height:2px;bottom:-8px}.diamond-shape-grid-section .featured-diamond-image{max-width:300px;width:100%}.diamond-shape-grid-section .featured-diamond-image img{max-height:250px}.diamond-shape-grid-section .diamond-shapes-grid{grid-template-columns:repeat(3,1fr);gap:15px;max-width:350px;min-height:auto}.diamond-shape-grid-section .diamond-item{padding:8px;min-height:70px}.diamond-shape-grid-section .diamond-title{font-size:13px}.diamond-shape-grid-section .diamond-image-wrapper{width:60px;height:60px}}@media screen and (max-width: 480px){.diamond-shape-grid-section{padding:30px 0}.diamond-shape-grid-section .section-wrapper{gap:25px;padding:0 15px;min-height:auto}.diamond-shape-grid-section .title{font-size:24px;margin-bottom:30px}.diamond-shape-grid-section .title:after{width:50px;height:2px;bottom:-6px}.diamond-shape-grid-section .featured-diamond-image{max-width:260px;width:100%}.diamond-shape-grid-section .featured-diamond-image img{max-height:220px}.diamond-shape-grid-section .diamond-shapes-grid{grid-template-columns:repeat(2,1fr);gap:12px;max-width:250px;min-height:auto}.diamond-shape-grid-section .diamond-item{padding:6px;min-height:60px}.diamond-shape-grid-section .diamond-image-wrapper{width:50px;height:50px}.diamond-shape-grid-section .diamond-title{font-size:12px;margin-top:6px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-diamond-shape-grid.css.map */