/* DAD configurator: article + fabric quality, colour swatches, size buttons, field help, large selected-article photo. */
#motiv-dad .kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#motiv-dad .kinds button,#motiv-dad .tiers button,#motiv-dad .sizes button{font:inherit;color:#102e4d;background:#fffdf9;border:1px solid #c6c6bf;border-radius:6px;cursor:pointer;text-align:left}
#motiv-dad .kinds button{display:flex;flex-direction:column;gap:6px;padding:8px}
#motiv-dad .kinds img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#e7e3da;border-radius:4px}
#motiv-dad .kinds b{font-size:14px;line-height:1.2}
#motiv-dad .kinds small{font-size:12px;color:#5e6974}
#motiv-dad .kinds button[aria-pressed=true]{background:#092e52;border-color:#092e52;color:#fff}
#motiv-dad .kinds button[aria-pressed=true] small{color:#e0e6ed}
#motiv-dad .kinds button:disabled,#motiv-dad .tiers button:disabled{opacity:.4;cursor:not-allowed}
#motiv-dad .choice{margin-top:20px}
#motiv-dad .choice-note{display:block;margin-top:12px}
#motiv-dad .field-head{display:flex;align-items:center;flex-wrap:wrap;margin:0;font-size:14px;font-weight:600}
#motiv-dad .field-head em{font-style:normal;font-weight:400;color:#5e6974;margin-left:2px}
#motiv-dad .tiers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
#motiv-dad .tiers button{position:relative;min-height:64px;padding:12px 14px}
#motiv-dad .tiers b{display:flex;justify-content:space-between;gap:8px;font-size:15px}
#motiv-dad .tiers .tp{white-space:nowrap}
#motiv-dad .tiers small{display:block;margin-top:3px;font-size:12px;color:#5e6974}
#motiv-dad .tiers button[aria-pressed=true]{border-color:#092e52;box-shadow:inset 0 0 0 1px #092e52;background:#e7edf0}
#motiv-dad .tiers .premium{border:2px solid #b48632;background:#fbf3e3;padding:11px 13px}
#motiv-dad .tiers .premium b>span:first-child{color:#7a5a1c}
#motiv-dad .tiers .premium[aria-pressed=true]{background:#092e52;border-color:#b48632;box-shadow:0 0 0 2px #dfb56b66;color:#fff}
#motiv-dad .tiers .premium[aria-pressed=true] b>span:first-child{color:#dfb56b}
#motiv-dad .tiers .premium[aria-pressed=true] small{color:#e0e6ed}
#motiv-dad .tier-badge{position:absolute;top:-11px;right:10px;padding:3px 8px;border-radius:20px;background:#ddb16a;color:#082b4a;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
#motiv-dad .tier-diff{display:block;margin-top:4px;font-size:11px;font-weight:600;color:#7a5a1c}
#motiv-dad .tiers button[aria-pressed=true] .tier-diff{color:#dfb56b}
#motiv-dad .swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 10px;margin-top:6px}
#motiv-dad .swatches button{display:flex;align-items:center;gap:10px;min-height:46px;padding:4px;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:#102e4d;cursor:pointer;text-align:left}
#motiv-dad .swatches i{flex:0 0 32px;width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026;outline:2px solid transparent;outline-offset:3px}
#motiv-dad .swatches button[aria-pressed=true] i{outline-color:#092e52}
#motiv-dad .sizes{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:8px}
#motiv-dad .sizes button{min-height:48px;text-align:center;font-size:14px;font-weight:700}
#motiv-dad .sizes button[aria-pressed=true]{background:#092e52;border-color:#092e52;color:#fff}
#motiv-dad .kinds button:focus-visible,#motiv-dad .tiers button:focus-visible,#motiv-dad .swatches button:focus-visible,#motiv-dad .sizes button:focus-visible{outline:3px solid #b48632;outline-offset:2px}
#motiv-dad .field-help{display:inline-grid;place-items:center;width:28px;height:28px;margin-left:2px;padding:0;border:0;border-radius:50%;background:transparent;color:#082c55;cursor:pointer;font:600 11px/1 Arial,sans-serif;vertical-align:middle}
#motiv-dad .field-help span{display:grid;place-items:center;width:16px;height:16px;border:1.5px solid currentColor;border-radius:50%;box-sizing:border-box}
#motiv-dad .field-help:hover,#motiv-dad .field-help[aria-expanded=true]{background:#f1ece2;color:#876322}
#motiv-dad .field-help:focus-visible{outline:2px solid #c3943a;outline-offset:2px}
.motiv-dad-help-pop{position:fixed;z-index:200;box-sizing:border-box;padding:13px 15px;background:#fff;border:1px solid #e1e3e4;border-radius:8px;box-shadow:0 5px 18px #082c5524;color:#082c55;font:400 13px/1.6 Figtree,Arial,sans-serif}
.motiv-dad-help-pop[hidden]{display:none}
#motiv-dad .product-sticky>img{background:#e7e3da}
#motiv-dad .selected-product{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
#motiv-dad .sel-price{font-family:Outfit,sans-serif;font-size:22px;font-weight:600;color:#102e4d;white-space:nowrap}
/* Narrow two-column layouts (tablets, small laptops): stack the quality options so prices stay on one line. */
@media(min-width:761px) and (max-width:1100px){#motiv-dad .tiers{grid-template-columns:1fr;gap:14px}}
@media(max-width:760px){
#motiv-dad .config-grid{gap:22px}
#motiv-dad .product-view{margin-bottom:14px;padding-bottom:22px;border-bottom:1px solid #d9d3c7}
#motiv-dad .product-sticky{display:block;position:relative}
#motiv-dad .product-sticky>img{width:100%;height:auto;aspect-ratio:1;max-height:none;object-fit:contain;border-radius:10px}
#motiv-dad .product-sticky .image-note{position:absolute;left:12px;top:12px;margin:0;padding:5px 9px;border-radius:4px;background:#fffdf9eb;font-size:11px;color:#5e6974}
#motiv-dad .selected-product{margin:16px 0 0;font-size:12px;color:#5e6974}
#motiv-dad .selected-product b{font-size:22px;color:#102e4d;line-height:1.2}
#motiv-dad .field-help{width:36px;height:44px}
}