.twaaq-layering-selector,.twaaq-fixed-set-note,.twaaq-mini-layer{border:1px solid #ded6ca;background:#fbf8f3;padding:18px;margin:18px 0}.twaaq-layering-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-top:14px}.twaaq-layering-option{position:relative;border:1px solid #ddd;background:#fff;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px}.twaaq-layering-option:has(input:checked){border-color:#8a6a38;box-shadow:0 0 0 2px rgba(138,106,56,.15)}.twaaq-layering-option img{width:100%;height:auto}.twaaq-layering-name{font-weight:600}.twaaq-layering-saving{color:#177245;font-weight:700}.twaaq-layering-badge,.twaaq-layering-loop-badge{background:#8a6a38;color:#fff;font-size:12px;padding:3px 7px}.twaaq-layering-loop-badge{position:absolute;z-index:2;inset-inline-start:10px;top:10px}.twaaq-layering-skip{display:block;margin:10px 0}.twaaq-mini-layer select{max-width:100%;margin:6px 0}.twaaq-layering-landing>ol{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0;counter-reset:layering}.twaaq-layering-landing>ol li{list-style:none;border:1px solid #ded6ca;padding:18px}.twaaq-layering-total-saving{font-weight:700}@media(max-width:767px){.twaaq-layering-landing>ol{grid-template-columns:1fr}.twaaq-layering-options{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- Side cart (v0.2) ---------- */
.twaaq-ml-li{list-style:none;padding:0!important;margin:0!important;border:0!important;display:block!important}
.twaaq-ml-li::before,.twaaq-ml-li::after{display:none!important}
.twaaq-ml{padding:16px 0 12px;margin:4px 0 8px;border-top:1px solid #eee}
.twaaq-ml.is-loading{opacity:.55;pointer-events:none}
.twaaq-ml-head{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}
.twaaq-ml-title{font-size:17px;font-weight:700;color:#111;line-height:1.3}
.twaaq-ml-sub{font-size:13px;color:#666;line-height:1.5}
.twaaq-ml-sub .amount{color:#8a6a38;font-weight:700}
.twaaq-ml-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.twaaq-ml-track::-webkit-scrollbar{height:4px}
.twaaq-ml-track::-webkit-scrollbar-thumb{background:#d8cfc2;border-radius:4px}
.twaaq-ml-card{flex:0 0 132px;scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;text-align:start}
.twaaq-ml-img{position:relative;background:#f4f1ec;aspect-ratio:1/1;overflow:hidden}
.twaaq-ml-img img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;max-width:none!important}
.twaaq-ml-card.is-top .twaaq-ml-img{outline:2px solid #8a6a38;outline-offset:-2px}
.twaaq-ml-badge{position:absolute;inset-inline-start:0;top:0;background:#8a6a38;color:#fff;font-size:10px;font-weight:700;padding:3px 6px;line-height:1.3}
.twaaq-ml-name{font-size:13px;font-weight:600;color:#111;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px}
.twaaq-ml-price{font-size:13px;display:flex;flex-wrap:wrap;gap:4px;align-items:baseline}
.twaaq-ml-price del{color:#999;font-size:12px}
.twaaq-ml-price ins{text-decoration:none;color:#c0392b;font-weight:700}
.twaaq-ml-save{font-size:11px;color:#177245;font-weight:600}
.twaaq-mini-add{margin-top:4px!important;width:100%;min-height:34px;padding:6px 8px!important;background:#111!important;color:#fff!important;border:0!important;border-radius:0!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase;cursor:pointer;line-height:1.2}
.twaaq-mini-add:hover{background:#8a6a38!important}
.twaaq-mini-add:disabled{opacity:.6}
.twaaq-mini-add-edp{margin-top:4px!important;width:100%;min-height:34px;padding:6px 8px!important;background:#111!important;color:#fff!important;border:0!important;border-radius:0!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase;cursor:pointer;line-height:1.2}
.twaaq-mini-add-edp:hover{background:#8a6a38!important}
.twaaq-mini-add-edp:disabled{opacity:.6}
.twaaq-layering-preorder{display:block;background:#fff3cd;color:#6b5200;font-size:12px;font-weight:700;padding:5px 7px;margin-top:4px}
.twaaq-preorder-notice{margin:10px 0!important}
.twaaq-ml-total-saving{margin:0 0 10px!important;padding:8px 10px;background:#eef7f1;color:#177245;font-weight:700;font-size:13px;text-align:center}
ins.twaaq-price-now{text-decoration:none;font-weight:700}
.woocommerce-mini-cart-item del .amount,.cart_item del .amount{color:#999;font-weight:400}

/* ---------- v0.2.1 ---------- */
/* Woodmart's form.cart is a flex container: stop the selector from stretching (empty space under the options). */
form.cart .twaaq-layering-selector,.twaaq-layering-selector{flex:0 0 100%;width:100%;max-width:100%;align-self:flex-start;height:auto!important;min-height:0!important;box-sizing:border-box}
.twaaq-layering-options{align-content:start;align-items:stretch}
/* Highlighted AOS card */
.twaaq-layering-option.is-highlighted{border:2px solid #8a6a38;background:#fffaf1;padding:9px}
.twaaq-layering-option .twaaq-layering-badge{position:absolute;top:34px;inset-inline-start:10px;z-index:2;font-weight:700;letter-spacing:.2px}
.twaaq-layering-option.is-highlighted .twaaq-layering-name{color:#8a6a38}
.twaaq-ml-card.is-top .twaaq-ml-name{color:#8a6a38}

/* ---------- v0.2.2 ---------- */
.twaaq-ml{padding:16px 15px 12px}
/* Theme pins form.cart to the bottom on mobile; with the layering selector inside it the bar covers the whole screen. */
@media (max-width:790px){
body.twaaq-layering-pdp form.cart{position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;z-index:auto!important;width:100%!important}
}

/* ---------- v0.2.4: side-cart slider (peek + edge fade) ---------- */
.twaaq-ml-slider{position:relative}
/* ~2.3 cards visible so the next card peeks in */
.twaaq-ml-card{flex:0 0 calc((100% - 20px) / 2.3);min-width:110px}
/* soft fade on the side that still has cards */
.twaaq-ml-slider::after{content:"";position:absolute;top:0;bottom:6px;inset-inline-end:0;width:28px;pointer-events:none;background:linear-gradient(to left,#fff,rgba(255,255,255,0));opacity:0;transition:opacity .2s}
.rtl .twaaq-ml-slider::after,[dir="rtl"] .twaaq-ml-slider::after{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}
.twaaq-ml-slider.can-next::after{opacity:1}
.twaaq-ml-track{scroll-behavior:smooth}