.apl-wrap{max-width:100%;margin:0 auto;padding:0;display: flex;flex-direction: column;}
.apl-head{margin:0 0 40px;text-align:center}
.apl-title{margin:0 0 6px;font-weight:800}
.apl-desc{opacity:.85}
.apl-section{margin:20px 0;}
.apl-section__title{font-weight:700;margin:0 0 8px}
.apl-section:last-of-type{margin-bottom:0}
.apl-chips{display:flex;flex-wrap:wrap;gap:10px}
.apl-chip{display:flex;align-items:center;gap:8px;padding:11px 10px;border:1px solid #eee;border-radius:14px;background:#fff;cursor:pointer;user-select:none;flex-direction: column;}
#apl-children .apl-chip{width: 140px;font-size: 13px;}
.apl-chip.active{border-color:#111;}
.apl-chip img{width:auto;height:70px;object-fit:cover}
#apl-parents{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:20px}
#apl-parents .apl-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;height:140px;border-radius:14px;border:1px solid transparent;background:transparent}
#apl-parents .apl-chip.active{border-color:#535353}
#apl-parents .apl-chip img{width:auto;height:90px}
.apl-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:12px;margin-top:10px}
#apl-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:12px}
.apl-card{position:relative;display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #eee;border-radius:12px;background:#fff;color:inherit;text-decoration:none;}
.apl-card .thumb{width:100px;height:100px;border-radius:8px;object-fit:cover;background:#f2f2f2}
.apl-card .meta{display:flex;width:100%;flex-direction: column;}
.apl-card .apl-v-box{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.apl-card .apl-v-info{display:flex;flex-direction:column;gap:4px;width: 100%;}
.apl-card .apl-v-info .title{font-weight:900;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:wrap;max-width:100%;margin-bottom:6px;font-size:13px;width: 98%;columns: 1;}
.apl-card .apl-v-info .aplvar-color,.apl-card .apl-v-info .aplvar-part-number,.apl-card .apl-v-info .aplvar-registry-status{font-size:12px;opacity:1}
.apl-card .price{white-space:nowrap;font-weight:600;text-align: left;}
.apl-v-box .price .amount bdi{color:#0071e3;font-size:13px;font-weight:600}
.apl-v-box .price .amount bdi .woocommerce-Price-currencySymbol{font-size:10px;color:#555;margin-right:2px}
.apl-v-box .out-of-stock{color:#616161;font-size:13px}
.apl-card .mod{font-size:11px;opacity:.65;text-align:left;position: absolute;bottom: 4px;left: 10px;}
.apl-card.apl-stale .price{opacity:.5}
.apl-more{display:block;margin:16px auto 24px;padding:10px 14px;border-radius:10px;border:1px solid #ddd;background:#fafafa;cursor:pointer}
.apl-edit-btn{position:absolute!important;left:10px;bottom:22px;padding:0 4px !important;border-radius:8px!important;border:1px solid #ddd!important;background:#f0f0f0!important;cursor:pointer!important;font-size:10px !important;margin:0!important;line-height:0!important;min-height:20px !important;}
.apl-card:hover .apl-edit-btn{border-color:#111}
#apl-attrs .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
#apl-attrs .row .label{font-weight:700;min-width:90px}
#apl-attrs .row .opt{padding:6px 9px;border:1px solid #eee;border-radius:8px;cursor:pointer;background:#fff}
#apl-attrs .row .opt.active{background:#111;color:#fff;border-color:#111}
.apl-modal{position:fixed;inset:0;background:#00000059;display:none;align-items:center;justify-content:center;z-index:99999}
.apl-modal.show{display:flex}
.apl-modal__dialog{width:360px;max-width:92vw;background:#fff;border-radius:12px;padding:16px;border:1px solid #e9e9e9}
.apl-modal__title{font-weight:700;margin-bottom:10px}
.apl-input{width:100% !important;padding:8px 10px !important;border:1px solid #ddd !important;border-radius:8px !important;margin-bottom:12px;text-align: right !important;}
.apl-modal__actions{display:flex;gap:8px;justify-content:flex-end}
.apl-btn{padding:8px 12px;border-radius:8px;border:1px solid #111;background:#111;color:#fff;cursor:pointer}
.apl-btn--ghost{background:#fff;color:#111;border-color:#ddd}
.apl-toast{position:fixed;top:40px;left:50%;transform:translate(-50%,-10px);z-index:99999;min-width:220px;max-width:420px;padding:12px 18px;border-radius:10px;font-size:14px;color:#fff;box-shadow:0 3px 8px #00000026;opacity:0;transition:all .3s ease;pointer-events:none;text-align:center}
.apl-toast.show{opacity:1;transform:translate(-50%,0)}
.apl-toast.success{background:#2ecc71}
.apl-toast.error{background:#e74c3c}
.apl-clear-cache-btn{background:#007cba;color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-size:15px;transition:background .2s ease}
.apl-clear-cache-btn:hover{background:#005fa3}
@media (max-width: 1024px) {
.apl-list,#apl-results{grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}
}
@media (max-width: 680px) {
.apl-list,#apl-results{grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}
#apl-parents{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.apl-card .apl-v-box{flex-direction:row;align-items:flex-start;/*! flex-wrap: wrap; */}
.apl-card .price{width: 30%;top: 10px;position: absolute;left: 10px;}
  .apl-card .apl-v-info{width: 60%;}
.apl-card .thumb{width:70px;height:70px}
}