/* Третий слой оформления: карточки товаров в списках, переключатель вида, всплывающий калькулятор, мелочи калькулятора.
   Подключается после woodmart.css и woodmart-polish.css. */

/* сравнение товаров в магазине не используется */
[onclick*="compare.add"], #compare-total, a[href*="product/compare"] { display: none !important; }
#product-product .btn-group:has([onclick*="compare.add"]) { display: none; }

/* ---------- карточка товара в списке ---------- */
.product-layout .product-thumb { display: flex; flex-direction: column; height: calc(100% - 24px); margin-bottom: 24px; padding: 0; border: 0; border-radius: 12px; background: #fff; overflow: hidden; box-shadow: var(--wm-shadow-1); }
.product-layout .product-thumb:hover { box-shadow: var(--wm-shadow-2); transform: translateY(-3px); }
.product-layout .product-thumb .image { position: relative; overflow: hidden; background: var(--wm-sand); }
.product-layout .product-thumb .image::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--wm-gloss); }
.product-layout .product-thumb .image img { display: block; width: 100%; height: 220px; object-fit: cover; }
.product-layout .product-thumb .caption { flex: 1 1 auto; min-height: 0; padding: 18px 20px 6px; }
.product-layout .product-thumb h4 { margin: 0 0 8px; font-family: "Roboto Slab", Georgia, serif; font-size: 19px; font-weight: 500; line-height: 1.25; }
.product-layout .product-thumb h4 a { color: var(--wm-brown); }
.product-layout .product-thumb h4 a:hover { color: var(--wm-tan-dark); }
.product-layout .product-thumb .caption p:not(.price) { display: none; }
.product-layout .product-thumb .price { margin: 0; font-family: "Roboto Slab", Georgia, serif; font-size: 20px; font-weight: 700; color: var(--wm-brown); font-variant-numeric: tabular-nums; }
.product-layout .product-thumb .price-tax { display: block; margin-top: 2px; font-family: "Roboto", Arial, sans-serif; font-size: 12px; font-weight: 400; color: var(--wm-muted); }
.product-layout .product-thumb .button-group { display: block; padding: 12px 20px 20px; background: none; border: 0; overflow: visible; }
.product-layout .product-thumb .button-group button:first-child {
  display: block; float: none; width: 100%; padding: 11px 14px; font-family: "Roboto Slab", Georgia, serif; font-size: 13px; font-weight: 700; letter-spacing: .05em; line-height: 1.2; text-transform: uppercase;
  color: #fff; background: var(--wm-gloss); border: 1px solid #a98152; border-radius: 22px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), var(--wm-shadow-1); text-shadow: 0 1px 0 rgba(88, 60, 30, .35); transition: transform .12s, box-shadow .12s;
}
.product-layout .product-thumb .button-group button:first-child:hover { color: #fff; background: var(--wm-gloss-hover); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), var(--wm-shadow-2); transform: translateY(-1px); }
.product-layout .product-thumb .button-group button:first-child .fa { margin-right: 6px; }
.product-layout .product-thumb .button-group button + button { display: none; }

/* вид «списком»: картинка слева, название и цена по центру, кнопка справа */
.product-list .product-thumb { flex-direction: row; align-items: stretch; height: auto; }
.product-list .product-thumb .image { flex: 0 0 260px; float: none; padding: 0; }
.product-list .product-thumb .image::after { left: auto; top: 0; bottom: 0; right: 0; width: 4px; height: auto; }
.product-list .product-thumb .image img { height: 100%; min-height: 170px; }
.product-list .product-thumb .caption { display: flex; flex-direction: column; justify-content: center; margin: 0; padding: 18px 24px; }
.product-list .product-thumb .button-group { flex: 0 0 240px; align-self: center; padding: 18px 24px 18px 0; }
@media (max-width: 767px) {
  .product-list .product-thumb { flex-direction: column; }
  .product-list .product-thumb .image { flex: none; }
  .product-list .product-thumb .image img { height: 200px; }
  .product-list .product-thumb .button-group { flex: none; align-self: stretch; padding: 0 20px 20px; }
}

/* панель над списком: переключатель вида «таблеткой», поля сортировки */
#product-category #content > .row .btn-group { padding: 3px; background: #fff; border: 1px solid var(--wm-line); border-radius: 22px; box-shadow: var(--wm-shadow-1); }
#list-view, #grid-view { width: 38px; height: 34px; padding: 0; color: var(--wm-muted); background: transparent; border: 0; border-radius: 18px !important; box-shadow: none; }
#list-view:hover, #grid-view:hover { color: var(--wm-brown); background: var(--wm-sand); transform: none; box-shadow: none; }
#list-view.active, #grid-view.active { color: #fff; background: var(--wm-gloss); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35); }
#product-category .input-group { border: 1px solid var(--wm-line); border-radius: 22px; background: #fff; overflow: hidden; box-shadow: var(--wm-shadow-1); }
#product-category .input-group-addon { padding: 0 6px 0 16px; font-size: 12px; color: var(--wm-muted); background: transparent; border: 0; }
#input-sort, #input-limit { height: 38px; padding-left: 6px; font-weight: 500; color: var(--wm-brown); background-color: transparent; border: 0; box-shadow: none; cursor: pointer; }
#column-left .list-group { border-radius: 12px; overflow: hidden; }
#column-left .list-group a { border-left: 3px solid transparent; }
#column-left .list-group a.active, #column-left .list-group a.active:hover { border-left-color: var(--wm-tan); font-weight: 500; }

/* ---------- факты на главной как ссылки ---------- */
.wm-fact > span { display: block; font-size: 13px; color: var(--wm-muted); }
.wm-fact-link { color: inherit; transition: background-color .12s; }
.wm-fact-link:first-child { border-radius: 8px 0 0 8px; }
.wm-fact-link:hover, .wm-fact-link:focus { color: inherit; background: var(--wm-sand); }
.wm-fact-link strong::after { content: "\f105"; margin-left: 8px; font-family: FontAwesome; font-weight: 400; color: var(--wm-tan); transition: margin-left .12s; }
.wm-fact-link:hover strong::after { margin-left: 12px; }

/* ---------- всплывающий калькулятор на главной ---------- */
.wm-modal .modal-dialog { width: auto; max-width: 1000px; margin: 30px auto; padding: 0 12px; }
.wm-modal .modal-content { border: 0; border-radius: 14px; overflow: hidden; box-shadow: 0 20px 60px rgba(57, 50, 48, .35); }
.wm-modal .modal-header { padding: 14px 20px; color: #fff; background: linear-gradient(180deg, #453c39 0%, #393230 100%); border: 0; }
.wm-modal .modal-title { font-family: "Roboto Slab", Georgia, serif; font-size: 18px; font-weight: 500; color: #fff; }
.wm-modal .modal-title .fa { margin-right: 8px; color: var(--wm-tan); }
.wm-modal .close { color: #fff; opacity: .8; text-shadow: none; font-size: 28px; }
.wm-modal .close:hover { opacity: 1; }
.wm-modal .modal-body { padding: 0; background: var(--wm-sand); }
.wm-calc { display: grid; grid-template-columns: 230px minmax(0, 1fr); min-height: 420px; }
.wm-calc-list { display: flex; flex-direction: column; gap: 6px; padding: 14px 12px; background: #fff; border-right: 1px solid var(--wm-line); overflow-y: auto; max-height: 78vh; }
.wm-calc-list button { display: flex; align-items: center; gap: 10px; padding: 6px 10px 6px 6px; text-align: left; font-family: "Roboto Slab", Georgia, serif; font-size: 13.5px; line-height: 1.2; color: var(--wm-brown); background: #fff; border: 2px solid var(--wm-line); border-radius: 10px; cursor: pointer; transition: border-color .12s, background-color .12s; }
.wm-calc-list button img { flex: none; width: 52px; height: 40px; object-fit: cover; border-radius: 6px; }
.wm-calc-list button:hover { border-color: var(--wm-tan); }
.wm-calc-list button.is-active { border-color: var(--wm-tan); background: var(--wm-sand); box-shadow: inset 0 0 0 1px var(--wm-tan); }
.wm-calc-body { padding: 14px; transition: opacity .12s; }
.wm-calc-body.is-loading { opacity: .5; }
.wm-calc-body .wc { margin: 0; box-shadow: var(--wm-shadow-1); }
@media (max-width: 767px) {
  .wm-calc { grid-template-columns: minmax(0, 1fr); }
  .wm-calc-list { flex-direction: row; border-right: 0; border-bottom: 1px solid var(--wm-line); overflow-x: auto; max-height: none; }
  .wm-calc-list button { flex: none; }
}

/* ---------- мелочи калькулятора ---------- */
.wc .wc-head-link { color: #fff; }
.wc .wc-head-link:hover { color: var(--wm-tan); }
.wc .wc-success { margin-top: 8px; padding: 8px 10px; font-size: 13px; color: #35542c; background: #edf4e7; border: 1px solid #cfe0c3; border-radius: 6px; }
.wc .wc-success a { color: #2c4a24; font-weight: 600; text-decoration: underline; }
.wc.wc-packs .wc-qty { display: none; }

/* ---------- переключатель языка: LV · EN · RU справа, без флажков ---------- */
.wm-lang { margin: 4px 0 0 14px; }
.wm-lang form { display: flex; gap: 2px; padding: 2px; background: var(--wm-sand); border: 1px solid var(--wm-line); border-radius: 14px; }
.wm-lang .language-select { min-width: 34px; padding: 3px 8px; font-size: 12px; font-weight: 500; line-height: 1.4; letter-spacing: .04em; color: var(--wm-muted); background: transparent; border: 0; border-radius: 11px; cursor: pointer; }
.wm-lang .language-select:hover { color: var(--wm-brown); background: #fff; }
.wm-lang .language-select.is-active { color: #fff; background: var(--wm-brown); cursor: default; }

/* подвал: знак © в одной строке с контактами, прижат вправо */
.wm-contacts { width: 100%; }
.wm-contacts .wm-copy { margin-left: auto; color: #a3978d; }

/* ---------- карточки одной высоты: в сетке все карточки ряда равны, кнопка всегда внизу ---------- */
#content > .row:has(> .product-layout) { display: flex; flex-wrap: wrap; }
#content > .row:has(> .product-layout)::before, #content > .row:has(> .product-layout)::after { content: none; }
#content > .row > .product-layout { display: flex; float: none; }
#content > .row > .product-layout > .product-thumb { width: 100%; height: auto; }
.product-grid .product-thumb h4 { display: -webkit-box; min-height: 2.5em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.product-grid .product-thumb .caption { display: flex; flex-direction: column; }
.product-grid .product-thumb .price { margin-top: auto; }

/* вид «списком»: все строки одного размера, кнопка одной ширины по центру справа */
.product-list .product-thumb { min-height: 190px; }
.product-list .product-thumb .image { flex: 0 0 250px; }
.product-list .product-thumb .image a { display: block; height: 100%; }
.product-list .product-thumb .image img { width: 100%; height: 100%; min-height: 190px; }
.product-list .product-thumb h4 { min-height: 0; }
.product-list .product-thumb .button-group { display: flex; flex: 0 0 250px; align-items: center; align-self: stretch; padding: 0 26px 0 0; }
.product-list .product-thumb .button-group button:first-child { width: 100%; }
@media (max-width: 767px) {
  .product-list .product-thumb .image { flex: none; }
  .product-list .product-thumb .image img { min-height: 0; height: 200px; }
  .product-list .product-thumb .button-group { flex: none; padding: 0 20px 20px; }
}

/* в шаблоне движка подпись и кнопка лежат в общей обёртке — растягиваем её, чтобы кнопки стояли на одной линии */
.product-layout .product-thumb > div:not(.image) { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; }
.product-grid .product-thumb > div:not(.image) > .caption { flex: 1 1 auto; }
.product-list .product-thumb > div:not(.image) { flex-direction: row; align-items: center; }
.product-list .product-thumb > div:not(.image) > .caption { flex: 1 1 auto; min-width: 0; }
.product-list .product-thumb > div:not(.image) > .button-group { flex: 0 0 240px; align-self: center; padding: 0 26px 0 0; }
@media (max-width: 767px) {
  .product-list .product-thumb > div:not(.image) { flex-direction: column; align-items: stretch; }
  .product-list .product-thumb > div:not(.image) > .button-group { flex: none; align-self: stretch; padding: 0 20px 20px; }
}

/* всплывающий калькулятор: длинные названия товаров (особенно русские) переносятся и не выходят за рамку */
.wm-calc { grid-template-columns: 260px minmax(0, 1fr); }
.wm-calc-list { min-width: 0; overflow-x: hidden; }
.wm-calc-list button { width: 100%; min-width: 0; align-items: center; white-space: normal; font-size: 13px; }
.wm-calc-list button span { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; hyphens: auto; }
@media (max-width: 767px) {
  .wm-calc { grid-template-columns: minmax(0, 1fr); }
  .wm-calc-list { overflow-x: auto; }
  .wm-calc-list button { width: 200px; }
}


/* --- страницы размеров: таблица «Все размеры и цены» в описании товара --- */
.wm-size-intro { padding: 12px 16px; margin-bottom: 16px; background: var(--wm-sand); border-left: 4px solid var(--wm-tan); border-radius: 6px; }
.wm-sizes-title { margin: 26px 0 12px; font-family: "Roboto Slab", Georgia, serif; font-size: 20px; font-weight: 500; color: var(--wm-brown); }
table.wm-sizes { background: #fff; border-radius: 10px; overflow: hidden; box-shadow: var(--wm-shadow-1); }
table.wm-sizes > thead > tr > td { padding: 10px 14px; font-size: 12px; font-weight: 500; color: var(--wm-muted); background: var(--wm-sand); border: 0; }
table.wm-sizes > tbody > tr > td { padding: 9px 14px; vertical-align: middle; border-top: 1px solid var(--wm-line); white-space: nowrap; }
table.wm-sizes > tbody > tr > td:nth-child(2) { white-space: normal; }
table.wm-sizes a, ul.wm-sizes a { display: inline-block; margin: 2px 4px 2px 0; padding: 3px 10px; font-size: 13px; color: var(--wm-brown); background: #fff; border: 1px solid var(--wm-line); border-radius: 14px; text-decoration: none; }
table.wm-sizes a:hover, ul.wm-sizes a:hover { border-color: var(--wm-tan); background: var(--wm-sand); }
table.wm-sizes a.is-current, ul.wm-sizes a.is-current { color: #fff; background: var(--wm-brown); border-color: var(--wm-brown); }
ul.wm-sizes { padding: 0; list-style: none; }
ul.wm-sizes li { margin-bottom: 6px; }
ul.wm-sizes li span { color: var(--wm-muted); }
.wm-sizes-note { font-size: 13px; color: var(--wm-muted); }
.wm-lang a.language-select { text-decoration: none; }

/* список размеров свёрнут: одна аккуратная строка под описанием, раскрывается по нажатию */
details.wm-sizes-box { margin-top: 18px; background: #fff; border: 1px solid var(--wm-line); border-radius: 10px; box-shadow: var(--wm-shadow-1); }
details.wm-sizes-box > summary { position: relative; padding: 12px 44px 12px 16px; font-family: "Roboto Slab", Georgia, serif; font-size: 15px; font-weight: 500; color: var(--wm-brown); cursor: pointer; list-style: none; border-radius: 10px; }
details.wm-sizes-box > summary::-webkit-details-marker { display: none; }
details.wm-sizes-box > summary::after { content: "\f107"; font-family: FontAwesome; position: absolute; right: 16px; top: 11px; font-size: 18px; color: var(--wm-tan-dark); transition: transform .2s; }
details.wm-sizes-box[open] > summary::after { transform: rotate(180deg); }
details.wm-sizes-box > summary:hover { background: var(--wm-sand); }
details.wm-sizes-box > summary:focus-visible { outline: 2px solid var(--wm-tan); outline-offset: 2px; }
details.wm-sizes-box[open] > summary { border-bottom: 1px solid var(--wm-line); border-radius: 10px 10px 0 0; }
details.wm-sizes-box table.wm-sizes { margin: 0; box-shadow: none; border-radius: 0; }
details.wm-sizes-box .table-responsive { max-height: 340px; overflow-y: auto; border: 0; margin: 0; }
details.wm-sizes-box table.wm-sizes > tbody > tr > td { padding: 6px 14px; }
details.wm-sizes-box .wm-sizes-note { margin: 0; padding: 8px 16px 10px; }
details.wm-sizes-box ul.wm-sizes { margin: 0; padding: 12px 16px; }

/* --- поиск по размеру: найденные позиции над обычными результатами --- */
.wm-found { margin: 14px 0 22px; padding: 16px 18px; background: #fff; border-left: 4px solid var(--wm-tan); border-radius: 10px; box-shadow: var(--wm-shadow-1); }
.wm-found h2 { margin: 0 0 10px; font-family: "Roboto Slab", Georgia, serif; font-size: 18px; font-weight: 500; color: var(--wm-brown); }
.wm-found ul { margin: 0; padding: 0; list-style: none; }
.wm-found li { display: flex; justify-content: space-between; gap: 16px; padding: 7px 0; border-top: 1px solid var(--wm-line); }
.wm-found li:first-child { border-top: 0; }
.wm-found li a { color: var(--wm-brown); font-weight: 500; }
.wm-found li span { white-space: nowrap; font-weight: 600; font-variant-numeric: tabular-nums; }
.wm-found p { margin: 8px 0 0; }

/* цены для частного лица и для фирмы: показывается одна, по переключателю в калькуляторе */
.wm-for-company { display: none; }
.wm-company .wm-for-company { display: inline; }
.wm-company .wm-for-private { display: none; }


/* сортировка и «показать»: окошки по размеру текста, а не на всю колонку */
#content .input-group:has(#input-sort), #content .input-group:has(#input-limit) { display: inline-flex; align-items: center; width: auto; max-width: 100%; float: right; }
#content .input-group:has(#input-sort) .input-group-addon, #content .input-group:has(#input-limit) .input-group-addon { display: block; width: auto; white-space: nowrap; }
#input-sort, #input-limit { display: block; float: none; width: auto; min-width: 0; padding-right: 26px; }
#input-sort { max-width: 190px; }
#input-limit { max-width: 78px; }
#input-sort { max-width: 152px; }
#content .input-group:has(#input-sort) .input-group-addon, #content .input-group:has(#input-limit) .input-group-addon { height: 38px; line-height: 38px; padding-top: 0; padding-bottom: 0; }
.wm-calc-failed { margin: 0; padding: 18px 6px; text-align: center; color: #8a3b12; }

/* плашка выбранного размера — подвал блока «Все размеры и цены»: часть карточки, а не отдельная вставка */
details.wm-sizes-box .wm-size-intro { position: relative; margin: 0; padding: 13px 18px 14px 50px; font-size: 13.5px; line-height: 1.55; color: var(--wm-brown); background: var(--wm-sand); border: 0; border-top: 1px solid var(--wm-line); border-radius: 0 0 10px 10px; box-shadow: inset 0 6px 8px -8px rgba(60, 40, 20, .25); }
details.wm-sizes-box .wm-size-intro::before { content: "\f00c"; position: absolute; left: 16px; top: 13px; width: 22px; height: 22px; font-family: FontAwesome; font-size: 12px; line-height: 22px; text-align: center; color: #fff; background: var(--wm-tan-dark); border-radius: 50%; }
details.wm-sizes-box .wm-size-intro b, details.wm-sizes-box .wm-size-intro strong { color: var(--wm-brown); }
details.wm-sizes-box .wm-sizes-note { border-top: 1px solid var(--wm-line); }
details.wm-sizes-box table.wm-sizes > thead > tr > td { position: sticky; top: 0; z-index: 1; background: #fff; box-shadow: inset 0 -1px 0 var(--wm-line); }
.wm-vat { font-family: Roboto, Arial, sans-serif; font-size: 11.5px; font-weight: 400; color: var(--wm-muted); white-space: nowrap; }

/* наличие на странице товара: зелёная плашка — есть, красная — нет */
.wm-stock { display: inline-flex; align-items: center; gap: 5px; padding: 2px 10px 2px 8px; font-size: 12.5px; font-weight: 600; line-height: 1.6; border-radius: 11px; }
.wm-stock .fa { font-size: 11px; }
.wm-stock.is-in { color: #2f6b2f; background: #e4f1de; }
.wm-stock.is-out { color: #a3322a; background: #f9e3e0; }
.wc-stats li.wc-min strong { color: var(--wc-brown); }

/* телефон: в таблице размеров сечение и цена — строкой сверху, длины — во всю ширину под ними, в ряд с переносом (а не столбиком) */
@media (max-width: 767px) {
  details.wm-sizes-box table.wm-sizes > thead > tr,
  details.wm-sizes-box table.wm-sizes > tbody > tr { display: flex; flex-wrap: wrap; align-items: center; }
  details.wm-sizes-box table.wm-sizes > thead > tr > td:nth-child(2) { display: none; }
  details.wm-sizes-box table.wm-sizes > thead > tr > td:first-child,
  details.wm-sizes-box table.wm-sizes > tbody > tr > td:first-child { flex: 1 1 auto; order: 1; border-top: 0; }
  details.wm-sizes-box table.wm-sizes > thead > tr > td:last-child,
  details.wm-sizes-box table.wm-sizes > tbody > tr > td:last-child { flex: 0 0 auto; order: 2; border-top: 0; }
  details.wm-sizes-box table.wm-sizes > tbody > tr > td:nth-child(2) { order: 3; flex: 0 0 100%; padding-top: 0; padding-bottom: 10px; border-top: 0; white-space: normal !important; }
  details.wm-sizes-box table.wm-sizes > tbody > tr { border-top: 1px solid var(--wm-line); }
  details.wm-sizes-box table.wm-sizes > tbody > tr > td:first-child,
  details.wm-sizes-box table.wm-sizes > tbody > tr > td:last-child { padding-top: 9px; padding-bottom: 4px; }
  details.wm-sizes-box table.wm-sizes > thead > tr > td { position: static; box-shadow: none; }
  details.wm-sizes-box table.wm-sizes > thead > tr { position: sticky; top: 0; z-index: 1; background: #fff; box-shadow: inset 0 -1px 0 var(--wm-line); }
}

/* плашка выбранного размера: заголовок-размер и строки «что — сколько» */
.wm-size-intro .wm-si-head { display: block; margin-bottom: 6px; font-family: "Roboto Slab", Georgia, serif; font-size: 15px; font-weight: 500; color: var(--wm-brown); }
.wm-size-intro .wm-si-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 4px 0; border-top: 1px dashed rgba(156, 114, 69, .28); }
.wm-size-intro .wm-si-row > span:first-child { color: var(--wm-muted); }
.wm-size-intro .wm-si-row > span:last-child, .wm-size-intro .wm-si-row > b { text-align: right; }
.wm-size-intro .wm-si-row b { color: var(--wm-brown); font-variant-numeric: tabular-nums; }
.wm-size-intro .wm-si-row small { font-size: 12px; color: var(--wm-muted); white-space: nowrap; }
.wm-size-intro .wm-for-private, .wm-size-intro .wm-for-company { display: block; }
.wm-company .wm-size-intro .wm-for-private { display: none; }
.wm-size-intro .wm-for-company { display: none; }
.wm-company .wm-size-intro .wm-for-company { display: block; }

/* блок «Все размеры и цены» + плашка выбранного размера — одна карточка; плашка видна и при свёрнутом списке */
.wm-sizes-card { margin-top: 18px; background: #fff; border: 1px solid var(--wm-line); border-radius: 10px; box-shadow: var(--wm-shadow-1); overflow: hidden; }
.wm-sizes-card details.wm-sizes-box { margin: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.wm-sizes-card .wm-size-intro { position: relative; margin: 0; padding: 13px 18px 14px 50px; font-size: 13.5px; line-height: 1.55; color: var(--wm-brown); background: var(--wm-sand); border: 0; border-top: 1px solid var(--wm-line); border-radius: 0; box-shadow: inset 0 6px 8px -8px rgba(60, 40, 20, .25); }
.wm-sizes-card .wm-size-intro::before { content: "\f00c"; position: absolute; left: 16px; top: 13px; width: 22px; height: 22px; font-family: FontAwesome; font-size: 12px; line-height: 22px; text-align: center; color: #fff; background: var(--wm-tan-dark); border-radius: 50%; }
.wm-sizes-card .wm-size-intro[hidden] { display: none; }
.wm-sizes-card { margin-bottom: 22px; }
.wm-product-tabs { margin-top: 22px; }