/* Shared accessory-card surface; native non-accessory miniatures use their original styles. */
.gts-surface{--gts-blue:#004bc8;--gts-ink:#0b2840;--gts-border:#d5e2f6;margin:28px 0 10px;max-width:100%;min-width:0;color:var(--gts-ink)}
.gts-surface *{box-sizing:border-box}
.gts-surface .gts-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.gts-surface .gts-heading h2{margin:0;font-size:24px;line-height:1.25;font-weight:700;color:var(--gts-ink)}
.gts-surface .gts-navigation{display:flex;gap:8px;flex-shrink:0}
.gts-surface .gts-navigation button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--gts-border);border-radius:8px;background:#fff;color:var(--gts-blue);cursor:pointer}
.gts-surface svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.gts-surface .gts-navigation button:disabled{opacity:.35;cursor:default}
.gts-surface .gts-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:2px;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:#bed4f5 transparent;align-items:stretch;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch}
.gts-surface .gts-card{display:flex;flex-direction:column;min-width:0;height:100%;padding:14px;background:#fff;border:1px solid var(--gts-border);border-radius:10px;scroll-snap-align:start;transition:border-color .15s,box-shadow .15s;overflow:hidden;margin:0}
.gts-surface .gts-card:hover{border-color:#aac9f6;box-shadow:0 3px 12px #0b36600a}
.gts-surface .gts-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:36px}
.gts-surface .gts-badges{min-width:0;flex:1}
.gts-surface .gts-badge{display:inline-block;max-width:100%;padding:4px 7px;background:#edf5ff;color:#000;border-radius:5px;font-size:11px;line-height:1.3;font-weight:700;overflow-wrap:anywhere}
.gts-surface .gts-sale{background:#fff0ef;color:#bd3029}
.gts-surface .gts-tools{display:flex;align-items:center;gap:5px;flex-shrink:0}
.gts-surface .gts-tool,.gts-surface .gts-tools .wishlist-button-add{display:grid;place-items:center;position:static;width:36px;height:36px;min-width:36px;flex:0 0 36px;padding:0;margin:0;border:1px solid #c5d8f7;border-radius:6px;background:#fff;color:#000;box-shadow:none;cursor:pointer}
.gts-surface .gts-tools .wishlist-button-add .material-icons{font-size:21px;line-height:1;color:inherit}
.gts-surface .gts-photo{display:flex;align-items:center;justify-content:center;height:205px;margin:14px 0 16px;min-width:0;background:#fff}
.gts-surface .gts-photo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.gts-surface .gts-meta{display:flex;flex-direction:column;gap:3px;min-height:39px;margin-bottom:8px;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.gts-surface .gts-maker{font-weight:600;color:#47637f}
.gts-surface .gts-oem{color:#637c94}
.gts-surface .gts-name{font-size:15px;line-height:1.4;font-weight:600;min-height:63px;margin:0 0 12px}
.gts-surface .gts-name a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:var(--gts-ink);text-decoration:none}
.gts-surface .gts-pricing{margin:0;min-width:0;min-height:61px;display:flex;flex-direction:column;justify-content:flex-end}
.gts-surface .gts-price{font-size:27px;line-height:1.2;font-weight:750;color:var(--gts-blue);overflow-wrap:anywhere}
.gts-surface .gts-regular{font-size:12px;color:#70859b;line-height:1.3}
.gts-surface .gts-tax{font-size:11px;line-height:1.6;color:#607991}
.gts-surface .gts-card-bottom{display:flex;flex-direction:column;gap:8px;margin-top:0}
.gts-surface .gts-buy-form{margin:0;min-width:0}
.gts-surface .gts-cart,.gts-surface .gts-details{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;width:100%;padding:8px 10px;border:1px solid var(--gts-blue);border-radius:6px;font-size:13px;line-height:1.25;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:background-color .15s}
.gts-surface .gts-cart{background:var(--gts-blue);color:#fff}
.gts-surface .gts-cart:disabled{opacity:.6;cursor:wait}
.gts-surface .gts-details{background:#fff;color:var(--gts-blue)}
.gts-surface .gts-cart:hover{background:#005cf5;border-color:#005cf5}
.gts-surface .gts-details:hover,.gts-surface .gts-tool:hover,.gts-surface .gts-tools .wishlist-button-add:hover,.gts-surface .gts-navigation button:not(:disabled):hover{background:#edf5ff}
.gts-surface :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--gts-blue);outline-offset:2px}
.gts-surface .gts-feedback{margin:8px 0 0;font-size:13px;color:#b32525}
.gts-surface .gts-feedback:empty{display:none}
@media(max-width:1199px){.gts-surface .gts-track{grid-auto-columns:calc((100% - 32px)/3)}}
@media(max-width:899px){.gts-surface .gts-track{grid-auto-columns:calc((100% - 16px)/2)}}
@media(max-width:575px){.gts-surface{margin-top:22px}.gts-surface .gts-heading h2{font-size:21px}.gts-surface .gts-track{grid-auto-columns:86%;gap:12px}.gts-surface .gts-photo{height:200px}.gts-surface .gts-tool,.gts-surface .gts-tools .wishlist-button-add{width:40px;height:40px;min-width:40px;flex-basis:40px}.gts-surface .gts-card-top{min-height:40px}}
@media(prefers-reduced-motion:reduce){.gts-surface *{scroll-behavior:auto!important;transition:none!important}}

/* Native dispatch estimate for this card's actual purchase quantity. */
.gts-surface .gts-dispatch{display:flex;align-items:center;gap:7px;min-height:26px;margin:0 0 10px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.gts-surface .gts-dispatch-stock{color:#16843e}
.gts-surface .gts-dispatch-supplier{color:#a45b00}
.gts-surface .gts-dispatch-neutral{color:#607991}
.gts-surface .gts-dispatch-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:currentColor}
.gts-surface .gts-dispatch-empty{visibility:hidden}

/* Compact purchase row: price / quantity / cart icon, matching the approved card. */
.gts-surface .gts-purchase-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:auto 0 8px;min-width:0}
.gts-surface .gts-purchase-row .gts-pricing{flex:1 1 0;min-width:0}
.gts-surface .gts-purchase-row .gts-buy-form{position:relative;display:flex;align-items:center;gap:6px;flex:0 0 auto;max-width:100%}
.gts-surface .gts-quantity{width:54px;min-width:0;height:44px;margin:0;padding:7px 4px 7px 7px;border:1px solid #c9d9ed;border-radius:6px;background:#fff;color:var(--gts-ink);font-size:14px;line-height:1.2;text-align:center;box-shadow:none}
.gts-surface .gts-quantity:focus{border-color:var(--gts-blue);outline-color:var(--gts-blue)}
.gts-surface .gts-buy-form .gts-cart{width:44px;min-width:44px;height:44px;padding:0;flex:0 0 44px}
.gts-surface .gts-choice{width:auto;max-width:100px;flex:0 0 auto}
.gts-surface .gts-dispatch-error{color:#b32525}

.gts-surface .gts-pay-inactive{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;width:100%;padding:8px;border:1px solid #4d4d4d;border-radius:6px;background:#333;color:#fff;font-size:12px;line-height:1.25;font-weight:600;cursor:not-allowed;box-shadow:none;opacity:.75}
.gts-surface .gts-pay-inactive span{font-weight:400}
@media(max-width:380px){.gts-surface .gts-purchase-row .gts-price{font-size:20px}.gts-surface .gts-quantity{width:44px}}

/* A single focus border around the compact, accessible quantity stepper. */
.gts-surface .gts-card{container-type:inline-size;container-name:gts-item}
.gts-surface .gts-quantity-control{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;width:96px;height:44px;flex:0 0 96px;border:1px solid #c9d9ed;border-radius:6px;background:#fff;overflow:hidden}
.gts-surface .gts-quantity-control:focus-within{border-color:var(--gts-blue)}
.gts-surface .gts-quantity-control .gts-quantity{width:100%;height:42px;padding:4px 0;border:0;border-left:1px solid #e1e9f4;border-right:1px solid #e1e9f4;border-radius:0;text-align:center;appearance:textfield;-moz-appearance:textfield;box-shadow:none}
.gts-surface .gts-quantity-control .gts-quantity::-webkit-inner-spin-button,.gts-surface .gts-quantity-control .gts-quantity::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.gts-surface .gts-quantity-control .gts-quantity:focus,.gts-surface .gts-quantity-control .gts-quantity:focus-visible,.gts-surface .gts-quantity-control .gts-step:focus-visible{outline:none!important;box-shadow:none!important}
.gts-surface .gts-step{display:grid;place-items:center;width:28px;height:42px;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:#fff;color:var(--gts-blue);font-size:19px;line-height:1;cursor:pointer}
.gts-surface .gts-step:hover:not(:disabled),.gts-surface .gts-step:focus-visible{background:#eaf2ff}
.gts-surface .gts-step:disabled{color:#9aafc4;cursor:default}
@container gts-item (max-width:285px){.gts-surface .gts-quantity-control{width:84px;flex-basis:84px}.gts-surface .gts-purchase-row .gts-price{font-size:24px}}
@container gts-item (max-width:260px){.gts-surface .gts-purchase-row .gts-price{font-size:20px}}
@media(max-width:380px){.gts-surface .gts-track{grid-auto-columns:100%}.gts-surface .gts-purchase-row .gts-price{font-size:20px}}

/* Reuse the approved brand asset; retain native manufacturer names for other brands. */
.gts-surface .gts-maker-logo{display:block;width:52px;height:auto;max-width:100%;object-fit:contain}

/* Owner-approved graphical new-product badge, using the native new flag. */
.gts-surface .gts-badge.gts-badge-new{display:block;width:104px;height:26px;padding:0;background:transparent;border-radius:0;max-width:100%}
.gts-surface .gts-badge-new img{display:block;width:104px;height:26px;max-width:100%;object-fit:contain}

/* Official InPost SDK owns the button and its shadow DOM. Never style or imitate it. */
.gts-surface .gts-pay-native[hidden]{display:none!important}
.gts-surface .gts-pay-native{width:100%;min-width:220px;min-height:var(--gts-pay-height,44px)}
.gts-surface .gts-pay-native inpost-izi-button{display:block;width:100%;min-width:220px}
.gts-surface[data-gts-pay-ready="1"] .gts-track{grid-auto-columns:max(252px,calc((100% - 48px)/4))}
@media(max-width:1199px){.gts-surface[data-gts-pay-ready="1"] .gts-track{grid-auto-columns:max(252px,calc((100% - 32px)/3))}}
@media(max-width:899px){.gts-surface[data-gts-pay-ready="1"] .gts-track{grid-auto-columns:max(252px,calc((100% - 16px)/2))}}
@media(max-width:575px){.gts-surface[data-gts-pay-ready="1"] .gts-track{grid-auto-columns:max(252px,86%)}}
@media(max-width:380px){.gts-surface[data-gts-pay-ready="1"] .gts-track{grid-auto-columns:max(252px,100%)}}

.gts-surface .gts-pay-inactive[hidden]{display:none!important}

/* Shared cards in native product grids, including AJAX listing fragments and related modules. */
.products:has(> .gts-tile){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,252px),1fr))!important;gap:16px!important;align-items:stretch;margin-left:0!important;margin-right:0!important}
.products > .gts-tile{width:auto!important;max-width:none!important;padding:0!important;float:none;min-width:0;margin:0;position:relative}
.gts-surface.gts-tile{margin:0;display:flex;flex-direction:column}
.gts-surface .gts-card{width:100%;box-shadow:none}
.gts-surface.gts-tile .gts-feedback{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:8px;background:#fff4f4;border:1px solid #ebc6c6;border-radius:6px}
.gts-surface.gts-tile .gts-feedback:empty{display:none}