/* Scoped to TS-enabled catalog cards; single-product layout stays untouched. */
.products.tsco-catalog-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:20px!important; --wd-col-lg:3; --wd-col-md:2; }
.products.tsco-catalog-grid::before,.products.tsco-catalog-grid::after { display:none!important; }
.products.tsco-catalog-grid>.tsco-catalog-product { width:auto!important; max-width:none!important; margin:0!important; padding:0!important; float:none!important; }
.tsco-catalog-product { min-width:0; display:flex; }
.tsco-catalog-product .tsco-card { width:100%; min-width:0; height:100%; display:flex; flex-direction:column; padding:16px; background:#fff; border-radius:18px; text-align:left; box-sizing:border-box; overflow:hidden; }
.tsco-catalog-product .tsco-card-image { height:210px; display:flex; align-items:center; justify-content:center; margin:0 0 14px; }
.tsco-catalog-product .tsco-card-image img { width:100%; height:100%; object-fit:contain; }
.tsco-catalog-product .tsco-card-title { min-height:44px; margin:0 0 7px; font-size:14px; line-height:1.55; font-weight:500; }
.tsco-catalog-product .tsco-card-title a { color:var(--wd-entities-title-color,#242424); }
.tsco-catalog-product .tsco-card-category { min-height:32px; margin-bottom:14px; font-size:11px; line-height:1.5; color:#929292; }
.tsco-catalog-product .tsco-card-category a { color:inherit; }
.tsco-catalog-product .tsco-card-form { display:flex; flex-direction:column; flex:1; gap:0; margin:0; }
.tsco-catalog-product .tsco-card-config { flex:1; min-width:0; }
.tsco-catalog-product .tsco-card-field { margin:0 0 14px; position:relative; }
.tsco-catalog-product .tsco-card-field>label { display:block; font-size:12px; font-weight:500; margin-bottom:7px; }
.tsco-catalog-product .tsco-card-enhanced select { position:absolute; width:1px; height:1px; opacity:0; clip-path:inset(50%); overflow:hidden; pointer-events:none; }
.tsco-catalog-product .tsco-card-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.tsco-catalog-product .tsco-card-choice { display:flex; align-items:center; justify-content:center; min-width:0; width:100%; min-height:36px; padding:7px 3px; border:1px solid #dedee3; border-radius:6px; background:#fff; color:#454552; font:inherit; font-size:11px; line-height:1.35; box-shadow:none; text-transform:none; letter-spacing:0; white-space:normal; }
.tsco-catalog-product .tsco-card-choice[aria-pressed="true"] { color:var(--wd-primary-color,#e74760); border-color:var(--wd-primary-color,#e74760); background:#fff4f6; }
.tsco-catalog-product .tsco-card-choice:disabled { color:#b6b6bd; background:#f7f7f9; border-color:#ececf0; cursor:not-allowed; opacity:1; }
.tsco-catalog-product .tsco-card-choice:focus-visible,.tsco-catalog-product .tsco-card-actions :is(button,.tsco-card-details):focus-visible { outline:2px solid var(--wd-primary-color,#e74760); outline-offset:2px; }
.tsco-catalog-product .tsco-card-fixed { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:11px 0; border-bottom:1px solid #eeeef2; font-size:12px; }
.tsco-catalog-product .tsco-card-fixed span { color:#777; }
.tsco-catalog-product .tsco-card-fixed strong { font-weight:500; text-align:right; }
.tsco-catalog-product .tsco-card-options { display:block; margin:16px 0 8px; color:#7e7e87; font-size:11px; }
.tsco-catalog-product .tsco-card-options span { margin-left:4px; }
.tsco-catalog-product .tsco-card-price { display:flex; flex-wrap:wrap; align-items:center; min-height:44px; gap:4px; margin-bottom:9px; font-weight:600; font-size:17px; color:var(--wd-primary-color,#e74760); }
.tsco-catalog-product .tsco-card-price del { opacity:.6; font-size:12px; }
.tsco-catalog-product .tsco-card-price ins { text-decoration:none; }
.tsco-catalog-product .tsco-card-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.tsco-catalog-product .tsco-card-actions :is(button,.tsco-card-details) { min-width:0; width:100%; min-height:40px; padding:8px 3px; border:0; border-radius:22px; font-size:11px; font-weight:600; line-height:1.4; text-transform:none; letter-spacing:0; background:var(--wd-primary-color,#e74760); color:#fff; box-shadow:none; }
.tsco-catalog-product .tsco-card-actions .tsco-card-details { background:#f9d9df; color:#d83c56; }
.tsco-catalog-product .tsco-card-actions button:disabled { opacity:.5; cursor:not-allowed; }
.tsco-catalog-product .tsco-card-status { min-height:16px; margin:7px 0 0; font-size:10px; line-height:1.5; color:#777; }
@media(max-width:1024px) { .products.tsco-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; } }
@media(max-width:575px) { .products.tsco-catalog-grid { grid-template-columns:minmax(0,1fr)!important; } .tsco-catalog-product .tsco-card-image { height:220px; } .tsco-catalog-product .tsco-card-choice { min-height:40px; font-size:12px; } .tsco-catalog-product .tsco-card-actions :is(button,.tsco-card-details) { font-size:12px; min-height:44px; } }

/* Successful cart addition: native modal keeps keyboard focus inside the notice. */
dialog.tsco-cart-confirmation { position:fixed; inset:0; box-sizing:border-box; width:420px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 40px); margin:auto; padding:30px 24px 24px; border:0; border-radius:18px; background:#fff; color:#242424; text-align:center; box-shadow:0 18px 70px #0003; overflow:auto; }
dialog.tsco-cart-confirmation::backdrop { background:rgb(0 0 0 / 38%); }
.tsco-cart-confirmation .tsco-cart-confirmation-close { position:absolute; top:8px; right:8px; display:flex; align-items:center; justify-content:center; width:36px; height:36px; min-height:0; padding:0; border:0; background:transparent; color:#777; box-shadow:none; font-size:25px; line-height:1; }
.tsco-cart-confirmation-icon { display:flex; align-items:center; justify-content:center; width:48px; height:48px; margin:0 auto 14px; border-radius:50%; background:#eaf7ee; color:#258348; font-size:27px; line-height:1; }
.tsco-cart-confirmation h3 { margin:0 0 24px; color:#242424; font-size:21px; line-height:1.3; font-weight:600; }
.tsco-cart-confirmation-actions { display:grid; grid-template-columns:1.3fr 1fr; gap:10px; }
.tsco-cart-confirmation .tsco-cart-confirmation-actions > * { display:flex; align-items:center; justify-content:center; min-height:44px; margin:0; padding:10px 12px; border:0; border-radius:24px; box-shadow:none; font-size:13px; font-weight:500; line-height:1.4; text-decoration:none; text-transform:none; }
.tsco-cart-confirmation .tsco-cart-continue { background:#f2f1f5; color:#333; }
.tsco-cart-confirmation .tsco-cart-go { background:var(--wd-primary-color,#e74760); color:#fff; }
.tsco-cart-confirmation :is(a,button):focus-visible { outline:2px solid var(--wd-primary-color,#e74760); outline-offset:3px; }
@media(max-width:380px) { .tsco-cart-confirmation-actions { grid-template-columns:1fr; } }

/* Detail navigation follows card sizing and remains available before selections. */
.tsco-catalog-product .tsco-card-actions .tsco-card-details { display:flex; align-items:center; justify-content:center; text-align:center; text-decoration:none; box-sizing:border-box; }

/* Homepage widgets have different widths; retain the shared card proportions. */
body.home .products.tsco-catalog-grid {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))!important;
}
body.home .wd-carousel-item:has(> .tsco-catalog-product) { height:auto; }
body.home .wd-carousel-item > .tsco-catalog-product { height:100%; padding:0; }
@media(max-width:575px) {
  body.home .products.tsco-catalog-grid { grid-template-columns:minmax(0,1fr)!important; }
}