.hipe-extra-neck{margin:20px 0;padding:18px;background:#f1f1f1;}
.hipe-extra-neck__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;}
.hipe-extra-neck__title{display:block;margin-bottom:5px;font-size:17px;font-weight:700;font-family: "Ubuntu-Light";}
.hipe-extra-neck__subtitle{font-size:15px;line-height:2em;color:#000;font-family: "Ubuntu-Light";}
.hipe-extra-neck__price{white-space:nowrap;font-weight:700;color:#222;}
.hipe-extra-neck__swatches{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.hipe-extra-neck__swatch{width:31px;height:31px;padding:2px;border:2px solid #cfcfcf;border-radius:50%;background:#fff;cursor:pointer;}
.hipe-extra-neck__swatch-color{display:block;width:100%;height:100%;border-radius:50%;background:var(--hipe-extra-neck-color,#d9d9d9);}
.hipe-extra-neck__swatch.is-selected{border-color: #000; /*! box-shadow:0 0 0 2px #fff,0 0 0 3px #000; */}
.hipe-extra-neck__checkbox{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:17px;cursor:pointer;font-family: "Ubuntu-Light";color: #000;font-weight: 400;}
.hipe-extra-neck__checkbox input{margin:0;}
.extrafields{padding: unset !important;}
.hipe-extra-neck__swatch{position: relative;}
.hipe-extra-neck__swatch.is-selected::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 20px;height: 20px;pointer-events: none;background-repeat: no-repeat;background-position: center;background-size: contain;filter: drop-shadow(0 1px 2px rgba(0,0,0,0.6));
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10L8.5 13.5L15 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}

@media (max-width:767px){
.hipe-extra-neck__header{display:block;}
.hipe-extra-neck__price{margin-top:10px;}}