.j3qd { width: 100%; margin: 15px 0; }
                    .j3qd-title { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 700; color: #1b2a4a; margin-bottom: 12px; }
                    .j3qd-icon { width: 30px; height: 30px; border-radius: 50%; background: #2f80ed; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; }
                    .j3qd-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 16px; background: #f1f6fe; border: 1px solid #dce8fb; border-radius: 14px; }
                    .j3qd-item { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 88px; padding: 14px 8px; background: #fff; border: 1px solid #e3e9f3; border-radius: 12px; cursor: pointer; transition: border-color .2s, box-shadow .2s, background .2s; font: inherit; outline: none; }
                    .j3qd-item:hover { border-color: #9db8e6; }
                    .j3qd-qty, .j3qd-price { font-size: 15px; color: #555; line-height: 1.3; }
                    .j3qd-price { color: #333; }
                    .j3qd-badge { position: absolute; top: -10px; right: 10px; padding: 2px 9px; border-radius: 10px; font-size: 11px; font-weight: 700; line-height: 1.5; color: #fff; white-space: nowrap; }
                    .j3qd-badge-selected { display: none; background: #1f4e9b; }
                    .j3qd-badge-best { left: 10px; right: auto; background: #19b26b; }
                    .j3qd-item.is-best { border-color: #19b26b; }
                    .j3qd-item.is-selected { border-color: #1f4e9b; background: linear-gradient(180deg, #f6f9ff 0%, #e9f1ff 100%); box-shadow: 0 4px 12px rgba(31, 78, 155, .12); }
                    .j3qd-item.is-selected .j3qd-badge-selected { display: inline-block; }
                    .j3qd-item.is-selected .j3qd-badge-best { display: none; }

@media (max-width: 767px) {
                      .j3qd-list { grid-template-columns: repeat(2, 1fr); row-gap: 18px; padding: 16px 12px; }
                    }

.available-on-stores{

margin-top:25px;
padding:20px;
border:1px solid #ececec;
border-radius:10px;
background:#fff;

}

.available-title{

font-size:18px;
font-weight:600;
margin-bottom:18px;

}

.available-list{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;

}

.store-item{

display:flex;
justify-content:space-between;
align-items:center;

padding:14px 16px;

border:1px solid #ddd;
border-radius:8px;

background:#fafafa;

text-decoration:none;

color:#222;

transition:.25s;

}

.store-item:hover{

background:#0d6efd;
color:#fff;
border-color:#0d6efd;

}

@media(max-width:992px){

.available-list{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:600px){

.available-list{

grid-template-columns:1fr;
}

 