.shearwell-product{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding-block:2rem}
.shearwell-product__media img{width:100%;height:auto;object-fit:contain}
.shearwell-product__media:empty{display:none}
.shearwell-product:has(>.shearwell-product__media:empty){grid-template-columns:minmax(0,760px);justify-content:center}
shearwell-order{display:block}
shearwell-order *, .shearwell-product input[name=quantity]{box-sizing:border-box}
shearwell-order label,.shearwell-product form>label{display:block;margin:1.2rem 0 .4rem;font-size:16px;line-height:1.5}
shearwell-order input:not([type=checkbox]),shearwell-order select,.shearwell-product input[name=quantity]{display:block;width:100%;min-height:44px;padding:8px 12px;border:1px solid #767676;border-radius:4px;background:#fff;color:#202020;font:inherit;font-size:16px}
shearwell-order input[type=checkbox]{width:20px;height:20px;margin-right:8px;vertical-align:middle}
shearwell-order input[readonly]{background:#f3f3f3}
shearwell-order small{display:block;font-size:14px;color:#444}
shearwell-order :focus-visible{outline:3px solid #1b6636;outline-offset:2px}
.shearwell-product .product-form__submit{margin-top:16px}
shearwell-order [data-status]:empty{display:none}
@media(max-width:749px){.shearwell-product{grid-template-columns:1fr;gap:1.5rem}.shearwell-product__media:empty{display:none}}
shearwell-tag-preview{display:block;margin:20px 0;padding:16px;border:1px solid #d3dbd4;border-radius:6px;background:#fff}
shearwell-tag-preview[hidden],.shearwell-product [hidden]{display:none!important}
.shearwell-product>div{min-width:0}
shearwell-tag-preview h2,.shearwell-breakdown h2{font-size:20px;margin:0 0 12px}
.shearwell-preview-panel h3{font-size:16px;margin:10px 0}
.shearwell-preview-frame{position:relative;width:100%;overflow:hidden}
.shearwell-preview-canvas{position:relative;transform-origin:top left;text-align:left;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143}
.shearwell-preview-canvas img{max-width:none;height:auto}
.shearwell-preview-base{position:absolute;left:0;top:0}
.shearwell-preview-note{font-size:14px;margin:12px 0 0}
.shearwell-breakdown{background:#f3f7f4;padding:16px;margin:16px 0;border-radius:6px}
.shearwell-breakdown p{display:flex;justify-content:space-between;font-size:16px;gap:12px;margin:8px 0}
.shearwell-errors{border:1px solid #b3261e;padding:12px;margin:12px 0;color:#b3261e;font-size:16px}
.shearwell-errors button{border:0;background:none;color:inherit;text-align:left;text-decoration:underline;font:inherit;cursor:pointer}
.shearwell-product .shearwell-field-error{display:block;color:#b3261e;font-size:14px;margin-top:5px}
.shearwell-product [aria-invalid=true]{border-color:#b3261e}
shearwell-order textarea{width:100%;min-height:100px;font:inherit;font-size:16px;padding:8px 12px}
.shearwell-layout-pictures{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.shearwell-layout-picture{width:100px;border:1px solid #aaa;background:#fff;border-radius:4px;padding:8px;cursor:pointer;font-size:14px;color:#202020}
.shearwell-layout-picture img{width:100%;height:90px;object-fit:contain;display:block}
.shearwell-layout-picture:focus-visible{outline:3px solid #1b6636}
.shearwell-notice{padding:12px;border-left:4px solid #1b6636;background:#f3f7f4;font-size:15px}
