#lock-section .lock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:50px}#lock-section .lock-card{padding:25px;border:1px solid #e5e5e5;border-radius:10px;background:#fff;align-items:center;display:flex;justify-content:center;flex-direction:column}#lock-section .lock-card img{max-width:100%;margin-bottom:15px}#lock-section .view-btn{margin-top:15px;background:#faa61a;border:none;padding:12px 20px;color:#fff;border-radius:6px;cursor:pointer}#lock-section .accordion{border-bottom:1px solid #ddd}#lock-section .accordion-header{background:#f3f3f3;padding:18px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}#lock-section .accordion-main-title{margin:0;font-weight:700}#lock-section .accordion.active .arrow{transform:rotate(90deg);position:relative}#lock-section .accordion-content{max-height:0;overflow:hidden;transition:max-height .4s ease;background:#f9f9f9}#lock-section .accordion.active .accordion-content{max-height:2000px}#lock-section .accordion-inner{padding:10px 20px;background:#fff}#lock-section .steps-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}#lock-section .step-item{padding:20px;border-radius:8px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}#lock-section .step-number{position:absolute;top:-12px;left:-12px;background:#faa61a;color:#fff;width:28px;height:28px;font-size:14px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}#lock-section .step-item img{max-width:100%;margin-bottom:15px}#lock-section .step-description{font-size:14px;color:#555}#lock-section .main-image-wrapper{width:100%;max-width:500px;position:relative;overflow:hidden}#lock-section .main-image-wrapper img{width:100%;height:auto;display:block;object-fit:cover}#lock-section .main-heading{font-size:20px;font-weight:600;text-align:center;margin-block-end:10px}@media(max-width:768px){#lock-section .main-image-wrapper{width:100%;max-width:300px;margin-inline-end:10px}#lock-section .lock-card{padding:10px;justify-content:flex-start}#lock-section .lock-grid{overflow-x:scroll;gap:10px;grid-template-columns:repeat(4,200px)}#lock-section .steps-wrapper{grid-template-columns:repeat(3,200px);overflow:scroll;gap:10px}#lock-section .view-btn{margin-top:15px;padding:6px 10px;font-size:8px}.lock-instruction-card-title{font-size:14px;font-weight:500}#lock-section .lock-card img{margin-block:5px}#lock-section .step-item{padding:10px;text-align:left;justify-content:flex-start}#lock-section .step-number{top:2px;left:2px;background:#faa61a;color:#fff;width:20px;height:20px;font-size:12px}#lock-section .accordion-inner{padding:0 6px}#lock-section .lock-grid{margin-bottom:20px}}@media(min-width:769px)and (max-width:1024px){#lock-section .lock-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media(min-width:1025px)and (max-width:1440px){#lock-section .lock-grid{grid-template-columns:repeat(4,1fr);gap:20px;overflow-x:scroll}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/instruction-lock.css.map */