/* 4Dog: блоки картки товару (06.10.2026) - підбір розміру, підписи кольорів, комплект серії */
.sizefit{margin:14px 0 4px;padding:10px;background:#f6fbfc;border:1px solid #dcebef}
.sizefit-fields{display:flex;gap:8px;align-items:flex-end}
.sizefit-field{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:3px;margin:0;font-size:12px;font-weight:400;color:#666}
.sizefit-in{display:flex;align-items:center;width:100%;border:1px solid #c9ced3;background:#fff}
.sizefit-in:focus-within{border-color:#00a3c2;box-shadow:0 0 0 1px #00a3c2}
.sizefit-in input{flex:1 1 auto;width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:14px;padding:5px 0 5px 8px;color:#30363d;-moz-appearance:textfield;box-shadow:none}
.sizefit-in input::-webkit-outer-spin-button,.sizefit-in input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sizefit-in small{color:#999;font-size:11px;padding-right:6px}
.sizefit-res:empty{display:none}
.sizefit-res{margin-top:8px;padding:7px 10px;font-size:13px;line-height:1.45}
.sizefit-res b{font-size:15px}
.sizefit-ok{background:#eaf6ef;color:#1f5f3b}
.sizefit-warn{background:#fff4e0;color:#7a4a00}
.sizefit-res .sizefit-cant{white-space:nowrap}
.sizefit-hint{margin:6px 0 0;font-size:11.5px;line-height:1.45;color:#8a9096}
.sizefit-chart-link{margin-left:12px;font-weight:400;font-size:14px;white-space:nowrap}
label.optid.sizefit-fit{position:relative;overflow:visible;box-shadow:0 0 0 2px #9ccc1f;animation:sizefit-pulse 1.8s ease-out infinite}
@keyframes sizefit-pulse{0%{box-shadow:0 0 0 2px #9ccc1f,0 0 0 0 rgba(140,196,24,.55)}70%{box-shadow:0 0 0 2px #9ccc1f,0 0 0 9px rgba(140,196,24,0)}100%{box-shadow:0 0 0 2px #9ccc1f,0 0 0 0 rgba(140,196,24,0)}}
@media (prefers-reduced-motion:reduce){label.optid.sizefit-fit{animation:none}}
.divTableRow.sizefit-hit .divTableCell,tr.sizefit-hit td{background:#d7efb0 !important;color:#1f4d00 !important;font-weight:700;box-shadow:inset 0 2px 0 #79b800,inset 0 -2px 0 #79b800}
.divTableRow.sizefit-hit .divTableCell:first-child,tr.sizefit-hit td:first-child{box-shadow:inset 3px 0 0 #79b800,inset 0 2px 0 #79b800,inset 0 -2px 0 #79b800}
/* «Доступні кольори»: підпис під фото (рамка переходить з плитки на фото) */
.us-product-option-colors.has-captions .color__item{border:0;flex-direction:column;align-items:stretch;justify-content:flex-start;text-decoration:none}
.us-product-option-colors.has-captions .color__item:hover{box-shadow:none}
.us-product-option-colors.has-captions .color__ph{display:flex;align-items:center;justify-content:center;border:1px solid #E7E7E7;transition:.3s;background:#fff}
.us-product-option-colors.has-captions .color__item.active .color__ph{border-color:#badd3c}
.us-product-option-colors.has-captions .color__item:hover .color__ph{box-shadow:0 0 10px rgba(0,0,0,.25)}
.us-product-option-colors .color__caption{display:block;margin-top:4px;font-size:11.5px;line-height:1.3;color:#555;text-align:center}
/* «Доповніть комплект» */
.fourdog-kit{margin-top:22px}
.fourdog-kit .us-product-option-title{margin-bottom:10px}
.fourdog-kit .color__caption b{display:block;color:#30363d;font-weight:600}
/* Розмірні сітки (модуль «Розмірна сітка», div-таблиці): ті самі стилі, що на сторінках «Розмірна сітка», бо на картках товару вони не підключалися */
.divTable-outer{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
@media (max-width:767px){.divTable-outer .divTable{min-width:560px}}
.divTable{display:table}.divTableRow{display:table-row}.divTableHeading{display:table-header-group}.divTableCell,.divTableHead{display:table-cell}.divTableFoot{display:table-footer-group}.divTableBody{display:table-row-group}
div.greenTable{border:1px solid #00A3C2;background-color:#EEEEEE;width:100%;text-align:center}
.divTable.greenTable .divTableCell,.divTable.greenTable .divTableHead{border:0 solid #AAAAAA;padding:5px 6px}
.divTable.greenTable .divTableBody .divTableCell{font-size:14px}
.divTable.greenTable .divTableRow:nth-child(even){background:#FDFFCD}
.divTable.greenTable .divTableHeading{background:#00A3C2;background:linear-gradient(to bottom,#40bad1 0%,#19acc8 66%,#00A3C2 100%);border-bottom:2px solid #444}
.divTable.greenTable .divTableHeading .divTableHead{font-size:15px;font-weight:bold;color:#FFF}
/* Кількість у картці: на білому фоні поле зливалося */
.us-product-action-left .btn-group.us-product-quantity{border:1px solid #c9ced3;background:#fff;align-items:stretch}
.us-product-action-left .us-product-quantity .us-product-quantity-btn{width:36px;height:34px;background:#eef1f3;color:#333;font-size:18px;line-height:1;transition:background .15s}
.us-product-action-left .us-product-quantity .us-product-quantity-btn:hover{background:#dde3e7;color:#000}
.us-product-action-left .us-product-quantity input[name=quantity]{height:34px;border:0;border-left:1px solid #c9ced3;border-right:1px solid #c9ced3;color:#222;font-weight:600;font-size:15px}
