.variants-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:26px 0}.variants-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.variants-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#faf8f1}.variants-card>img{display:block;width:100%;height:auto}.variants-card-body{padding:20px}.variants-card h3{font-size:21px;margin:0 0 12px}.variants-card p,.variants-card li,.variants-card dd{font-size:15px;line-height:1.65}.variants-card dl{margin:0}.variants-card dt{font-size:14px;font-weight:700;margin-top:12px}.variants-card dd{margin:3px 0 0}.variants-note{font-size:15px!important;line-height:1.65!important;padding:18px 22px;border-left:4px solid var(--terra);background:var(--sage);border-radius:0 10px 10px 0}.variants-module{background:var(--sage);padding:26px;border:1px solid var(--line);border-radius:var(--radius);margin:34px 0}.variants-module h3{margin-top:0}.variants-module>p{font-size:16px;line-height:1.65}.variants-module label{display:block;font-weight:650;margin-bottom:8px}.variants-module select,.variants-module input[type=number],.variants-module textarea{width:100%;min-height:48px;padding:11px 12px;border:1px solid #74877c;border-radius:8px;background:#fff;color:#173f35;font:inherit}.variants-module textarea{min-height:100px;resize:vertical}.variants-module button{min-height:48px;padding:12px 20px;border:1px solid #173f35;border-radius:8px;background:#173f35;color:#fff;font:inherit;cursor:pointer;margin-top:18px}.variants-module button:hover{background:#2b5849}.variants-module button:focus-visible,.variants-module input:focus-visible,.variants-module select:focus-visible,.variants-module textarea:focus-visible{outline:3px solid var(--terra);outline-offset:3px}.variants-module button.secondary{background:#fff;color:#173f35}.variants-module fieldset{border:0;padding:0;margin:0 0 22px}.variants-module legend{font-size:18px;font-weight:700;margin-bottom:10px}.variants-options{display:flex;flex-wrap:wrap;gap:10px}.variants-options label{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 14px;background:#fff;border:1px solid #86958a;border-radius:8px;font-size:16px;font-weight:500;margin:0;cursor:pointer}.variants-options input{width:19px;height:19px;accent-color:#173f35;margin:0}.variants-options label:has(input:checked){border-color:#173f35;background:#e4eddf}.variants-size{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.variants-custom{margin:18px 0}.variants-result{padding:22px;background:#fff;border:1px solid #afbeaa;border-radius:10px;margin-top:22px}.variants-result p,.variants-result li,.variants-result dd{font-size:16px;line-height:1.65}.variants-result h4{font-size:21px;margin:0 0 14px}.variants-result dl{margin:0}.variants-result dt{font-weight:700;font-size:15px;margin-top:12px}.variants-result dd{margin:3px 0 0}.variants-result:focus{outline:3px solid #56764b;outline-offset:4px}.variants-module[hidden],.variants-module [hidden]{display:none}.variants-map-caption ul{padding-left:20px}.variants-map-caption li{font-size:15px;line-height:1.65}.variants-source{font-size:13px!important;color:var(--muted)}
@media(max-width:760px){.variants-grid,.variants-grid.three{grid-template-columns:1fr;gap:20px}.variants-card{max-width:480px;width:100%;margin:0 auto}.variants-module{padding:18px}.variants-options{display:grid;grid-template-columns:1fr}.variants-card-body{padding:18px}.variants-note{padding:16px 18px}}