.swatchly-swatch,.swatchly-swatch *{box-sizing:border-box}.swatchly-wrapper,.swatchly-items,.swatchly-swatch-container{display:flex!important;flex-wrap:wrap!important;gap:12px!important}.swatchly-swatch{width:calc((100% - 12px) / 2)!important;flex:0 0 calc((100% - 12px) / 2)!important;max-width:calc((100% - 12px) / 2)!important;margin:0!important}.swatchly-swatch{position:relative!important;display:flex!important;flex-direction:column!important;min-height:88px;padding:0!important;overflow:hidden!important;border:1px solid #e5e7eb!important;border-radius:12px!important;background:#ffffff!important;box-shadow:0 1px 2px rgb(0 0 0 / .03),0 4px 10px rgb(0 0 0 / .035);cursor:pointer;transition:border-color 0.2s ease,background-color 0.2s ease,box-shadow 0.2s ease;-webkit-tap-highlight-color:transparent!important}.swatchly-swatch:hover{border-color:#f4b400!important;background:#ffffff!important;box-shadow:0 0 0 2px rgb(255 193 7 / .08),0 5px 12px rgb(0 0 0 / .055);transform:none!important}.swatchly-swatch:focus,.swatchly-swatch:active{outline:none!important}.swatchly-swatch:focus-visible{border-color:#f4b400!important;box-shadow:0 0 0 3px rgb(255 193 7 / .17)!important}.swatchly-swatch .diamond-wrap{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;flex:1}.swatchly-swatch .diamond-top{display:flex!important;align-items:center!important;width:100%!important;min-height:54px;padding:12px 13px!important;color:#111827!important;font-size:15px!important;font-weight:600!important;line-height:1.35!important;background:#ffffff!important;overflow-wrap:anywhere}.swatchly-swatch .diamond-divider{display:block!important;width:100%!important;height:1px!important;margin:0!important;background:#e5e7eb!important}.swatchly-swatch .diamond-price{display:flex!important;align-items:center!important;width:100%!important;min-height:36px;padding:9px 13px!important;color:#16a34a!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;background:#f6f7f8!important;white-space:nowrap!important}.swatchly-swatch[class*="active"],.swatchly-swatch[class*="selected"]{border-color:#f4b400!important;background:#fffdf5!important;box-shadow:0 0 0 2px rgb(255 193 7 / .16),0 5px 12px rgb(0 0 0 / .06)!important}.swatchly-swatch[class*="active"] .diamond-top,.swatchly-swatch[class*="selected"] .diamond-top{color:#111827!important;background:#fffdf5!important}.swatchly-swatch[class*="active"] .diamond-divider,.swatchly-swatch[class*="selected"] .diamond-divider{background:rgb(244 180 0 / .35)!important}.swatchly-swatch[class*="active"] .diamond-price,.swatchly-swatch[class*="selected"] .diamond-price{color:#15803d!important;background:#fff8dc!important}.swatchly-swatch[class*="active"]::after,.swatchly-swatch[class*="selected"]::after{content:"";position:absolute;top:0;right:0;z-index:2;width:0;height:0;border-top:24px solid #f4b400;border-left:24px solid #fff0}.swatchly-swatch[class*="active"]::before,.swatchly-swatch[class*="selected"]::before{content:"✓";position:absolute;top:1px;right:3px;z-index:3;color:#fff;font-size:11px;font-weight:800;line-height:1}.swatchly-swatch.disabled,.swatchly-swatch[class*="disabled"]{cursor:not-allowed!important;opacity:0.48!important;filter:grayscale(.25)}.swatchly-swatch.disabled:hover,.swatchly-swatch[class*="disabled"]:hover{border-color:#e5e7eb!important;box-shadow:none!important}@media (max-width:380px){.swatchly-wrapper,.swatchly-items,.swatchly-swatch-container{gap:9px!important}.swatchly-swatch{width:calc((100% - 9px) / 2)!important;flex-basis:calc((100% - 9px) / 2)!important;max-width:calc((100% - 9px) / 2)!important;border-radius:10px!important}.swatchly-swatch .diamond-top{min-height:50px;padding:10px 11px!important;font-size:14px!important}.swatchly-swatch .diamond-price{min-height:34px;padding:8px 11px!important;font-size:13.5px!important}}