/* Mazda 2 — combo summary on desktop; compact drawer action only on small screens. */
body.tpma2-body .tpma2-shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 322px;align-items:start;gap:24px}
body.tpma2-body .tpma2-shop-products{min-width:0}
body.tpma2-body .tpma2-shop-products .tpma2-products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
body.tpma2-body .tpma2-combo-sidebar{position:sticky;top:110px;z-index:4;background:#fff;border:1px solid #c9deef;border-radius:17px;padding:22px 22px 20px;box-shadow:0 15px 40px rgba(14,55,91,.11);color:#143858}
body.admin-bar.tpma2-body .tpma2-combo-sidebar{top:145px}
body.tpma2-body .tpma2-side-head{padding-bottom:16px}
body.tpma2-body .tpma2-side-eyebrow{font:700 11px/1.4 Roboto,Arial,sans-serif;letter-spacing:.04em;color:#008caa}
body.tpma2-body .tpma2-side-head h3{font:700 23px/1.25 Roboto,Arial,sans-serif;margin:8px 0 10px;color:#092f53}
body.tpma2-body .tpma2-side-head p{font:400 13px/1.55 Roboto,Arial,sans-serif;margin:0;color:#4f6b83}
body.tpma2-body .tpma2-side-progress{background:#edf8fd;border:1px solid #b7e0f3;border-radius:13px;padding:17px 16px}
body.tpma2-body .tpma2-side-progress-heading{display:flex;gap:9px;align-items:center;font-size:13px;color:#10466b;line-height:1.5}
body.tpma2-body .tpma2-side-progress-heading span{font-size:21px}
body.tpma2-body .tpma2-side-track{height:8px;background:#d4e6ed;border-radius:6px;overflow:hidden;margin:17px 0 6px}
body.tpma2-body #tpma2-side-track-fill{display:block;width:0;height:100%;background:linear-gradient(90deg,#0485b8,#16b4cb);transition:width .25s}
body.tpma2-body .tpma2-side-progress-foot{display:flex;justify-content:space-between;gap:10px;color:#426f8b;font-size:11px}
body.tpma2-body .tpma2-side-items{padding:12px 0 2px;max-height:210px;overflow-y:auto;border-bottom:1px solid #dbe8f0;scrollbar-width:thin}
body.tpma2-body .tpma2-side-items>p{margin:0 0 10px;color:#56758e;font-size:12px}
body.tpma2-body .tpma2-side-item{padding:9px 0;display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid #ebf2f7}
body.tpma2-body .tpma2-side-item:last-child{border-bottom:0}
body.tpma2-body .tpma2-side-item>div{min-width:0;display:grid;gap:3px}
body.tpma2-body .tpma2-side-item b{font-size:12px;line-height:1.35;font-weight:600;color:#0d3554}
body.tpma2-body .tpma2-side-item small{color:#ae303c;font-size:12px;font-weight:700}
body.tpma2-body .tpma2-side-item button{flex-shrink:0;border:1px solid #d3e1eb;background:#f4f8fc;color:#426780;border-radius:6px;height:27px;width:27px;font-size:20px;line-height:1}
body.tpma2-body .tpma2-side-pricing{padding-top:14px}
body.tpma2-body .tpma2-side-pricing>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;padding:7px 0;color:#466880}
body.tpma2-body .tpma2-side-pricing strong{font-size:14px;color:#123e62;font-weight:700}
body.tpma2-body .tpma2-side-pricing .tpma2-discount{color:#087d69}
body.tpma2-body .tpma2-side-pricing .tpma2-side-grand{border-top:1px solid #d4e4ef;padding-top:16px;margin-top:6px;align-items:flex-start;font-weight:700;color:#073b65}
body.tpma2-body .tpma2-side-grand strong{font-size:25px;color:#0085b7;line-height:1.2;white-space:nowrap}
body.tpma2-body .tpma2-side-form{margin-top:22px;display:grid;gap:10px}
body.tpma2-body .tpma2-side-form h4{font-size:14px;color:#0c3a62;margin:0 0 3px}
body.tpma2-body .tpma2-side-form label{font-size:12px;font-weight:700;color:#345b7a}
body.tpma2-body .tpma2-side-form input:not([type=checkbox]){display:block;border:1px solid #cfdfeb;border-radius:8px;background:#fbfdff;color:#163b56;width:100%;height:45px;margin-top:6px;padding:0 12px;font-size:13px;outline-offset:2px}
body.tpma2-body .tpma2-side-form input::placeholder{color:#6d869a}
body.tpma2-body .tpma2-side-form .tpma2-side-consent{display:flex;align-items:start;gap:7px;font-size:11px;font-weight:500;line-height:1.4;margin:5px 0}
body.tpma2-body .tpma2-side-consent input{margin-top:2px;accent-color:#0672a6}
body.tpma2-body .tpma2-side-submit{display:block;width:100%;background:linear-gradient(120deg,#ffe18a,#ffc94c);border:1px solid #e9b836;border-radius:9px;padding:13px 8px;color:#0c3455;font-size:13px;font-weight:800}
body.tpma2-body .tpma2-side-submit:hover{filter:brightness(.97)}
body.tpma2-body #tpma2-side-status{font-size:12px;line-height:1.5;color:#1c755b;margin:0}
body.tpma2-body #tpma2-side-status.is-error{color:#b91c1c}
body.tpma2-body .tpma2-side-form .tpma2-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
body.tpma2-body .tpma2-cartbar{display:none!important}
@media (min-width:981px) and (max-width:1180px){
 body.tpma2-body .tpma2-shop-layout{grid-template-columns:minmax(0,1fr) 305px;gap:17px}
 body.tpma2-body .tpma2-shop-products .tpma2-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 body.tpma2-body .tpma2-combo-sidebar{padding:17px}
}
@media (max-width:980px){
 body.tpma2-body .tpma2-shop-layout{display:block}
 body.tpma2-body .tpma2-combo-sidebar{display:none!important}
 body.tpma2-body .tpma2-shop-products .tpma2-products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
 body.tpma2-body .tpma2-cartbar{display:flex!important}
 body.tpma2-body .tpma2-cartbar:not(.is-visible){transform:translateX(-50%) translateY(160px)}
 body.tpma2-body .tpma2-drawer-grand{border-top:1px solid rgba(221,237,248,.25);padding-top:12px}
 body.tpma2-body .tpma2-drawer-grand strong{color:#ffd36d;font-size:23px}
}
@media (max-width:700px){body.tpma2-body .tpma2-shop-products .tpma2-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (max-width:350px){body.tpma2-body .tpma2-shop-products .tpma2-products-grid{grid-template-columns:1fr}}
/* Allow sticky sidebar to follow the page scroll, unlike overflow:hidden wrapper. */
body.tpma2-body .tpma2-wrap{overflow:clip}
@media (max-width:980px){
 body.tpma2-body .tpma2-drawer{background:#fff;color:#103956;border-left:1px solid #cbdde9}
 body.tpma2-body .tpma2-drawer-head{border-bottom:1px solid #d7e5ee}
 body.tpma2-body .tpma2-drawer-head h2{color:#0b365a;font-weight:700}
 body.tpma2-body .tpma2-drawer-head small{color:#007b9d}
 body.tpma2-body .tpma2-drawer .tpma2-close{background:#edf5fa;border:1px solid #cbdfeb;color:#0b365a}
 body.tpma2-body .tpma2-drawer-items{color:#163e5f}
 body.tpma2-body .tpma2-cart-item{border-bottom:1px solid #e1eaf2}
 body.tpma2-body .tpma2-cart-item b{color:#133b58}
 body.tpma2-body .tpma2-cart-item small{color:#c51f32}
 body.tpma2-body .tpma2-cart-item button{color:#a72839;background:#fff7f7;border:1px solid #f0d0d4;border-radius:6px;padding:5px 9px}
 body.tpma2-body .tpma2-drawer-foot{border-top:1px solid #d7e5ee}
 body.tpma2-body .tpma2-sum{color:#3d607b}
 body.tpma2-body .tpma2-sum strong{color:#103c62}
 body.tpma2-body .tpma2-drawer-grand{border-top:1px solid #d7e5ee}
 body.tpma2-body .tpma2-drawer-grand strong{color:#0084a8}
 body.tpma2-body .tpma2-drawer-foot p{color:#59758b}
 body.tpma2-body .tpma2-cartbar strong{color:#ffe48e}
}