:root{
  --wss-accent:#f42a41;
  --wss-border:#e5e7eb;
  --wss-text:#111827;
  --wss-font-secondary: var(--wp--preset--font-family--secondary, inherit);
}
.wss-title{font-weight:700;margin-bottom:8px;color:#222;font-size:0.9em}
.wss-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}

/* Square card using <div>, not button */
.wss-wrapper .wss-item{position:relative;aspect-ratio:1/1;border:2px solid var(--wss-border);border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s ease, box-shadow .15s ease; display:block; outline:none}
.wss-wrapper .wss-item:hover{box-shadow:0 2px 10px rgba(0,0,0,.06)}
.wss-wrapper .wss-item:focus-visible{outline:2px solid var(--wss-accent); outline-offset:2px}

/* Image area */
.wss-item .wss-thumb{position:absolute;display:flex;align-items:center;justify-content:center}
.wss-item .wss-thumb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}

/* Label bottom with secondary font */
.wss-item .wss-style-label{position:absolute;left:10px;right:10px;bottom:8px;text-align:center;font-size:1.05rem;line-height:1.5;color:var(--wss-text);font-family:var(--wss-font-secondary)}

/* Selected state + top-right check overlay */
.wss-item.selected{border-color:var(--wss-accent)}
.wss-item::after{content:'';position:absolute;top:10px;right:8px;width:25px;height:25px;border-radius:50%;background:transparent;color:#fff;display:none;align-items:center;justify-content:center;font-weight:300;z-index:5;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.wss-item.selected::after{content:'\2713'; background:var(--wss-accent); display:flex}

@media (max-width:480px){.wss-list{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* Cart/Checkout selected style thumbnail + caption */
.wss-cart-thumb{display:flex;flex-direction:column;align-items:center;gap:6px}
.wss-cart-thumb img{max-width:64px;height:auto;border-radius:8px;border:2px solid var(--wss-border)}
.wss-cart-style{font-size:.9rem;font-weight:600;color:var(--wss-text);text-align:center}