✦ Verified product
Messy Tee
EUR 30.00
Tamanho
CAOS
Verified independent store
→
.caos-accordion { border-top: 1px solid #ddd; } .caos-accordion-item { border-bottom: 1px solid #ddd; } .caos-accordion-summary { width: 100%; cursor: pointer; padding: 1rem 0; bor
der: 0; background: transparent; color: inherit; font: inherit; font-weight: 600; font-size: 16px; text-align: left; display: flex; align-items: center; gap: 8px; } .caos-accordion-summary i { color: #222; min-width: 18px; } .caos-accordion-arrow { margin-left: auto; font-size: 11px; transition: transform 0.25s ease; } .caos-accordion-item.open .caos-accordion-arrow { transform: rotate(180deg); } .caos-accordion-content { display: none; padding: 0 0 1rem; font-size: 14px; line-height: 1.7; color: #555; } .caos-accordion-item.open .caos-accordion-content { display: block; } variant-selects fieldset { position: relative; } .caos-size-guide-trigger { position: absolute; top: -2.6rem; right: 0; padding: 0; border: 0; background: transparent; color: #222; cursor: pointer; font: inherit; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; } .caos-size-guide-trigger:hover { color: #c40000; } .caos-size-modal[hidden] { display: none; } .caos-size-modal { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 20px; } .caos-size-modal-overlay { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: rgba(0, 0, 0, 0.65); cursor: pointer; } .caos-size-modal-content { position: relative; z-index: 1; width: min(620px, 100%); max-height: 90vh; overflow-y: auto; padding: 30px; background: #fff; color: #111; box-sizing: border-box; } .caos-size-modal-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; } .caos-size-modal-title { margin: 0; font-size: 22px; font-weight: 700; } .caos-size-modal-close { width: 36px; height: 36px; padding: 0; border: 0; background: transparent; color: #111; cursor: pointer; font-size: 28px; line-height: 1; } .caos-size-intro { margin: 0 0 18px; color: #555; font-size: 14px; line-height: 1.6; } .caos-size-table-wrapper { width: 100%; overflow-x: auto; } .caos-size-table { width: 100%; min-width: 420px; border-collapse: collapse; font-size: 14px; text-align: center; } .caos-size-table th, .caos-size-table td { padding: 13px 10px; border-bottom: 1px solid #ddd; white-space: nowrap; } .caos-size-table th { background: #111; color: #fff; font-weight: 600; } .caos-size-table th:first-child, .caos-size-table td:first-child { text-align: left; font-weight: 600; } .caos-size-fit { margin: 20px 0 0; padding: 14px; background: #f5f5f5; font-size: 13px; line-height: 1.6; } @media screen and (max-width: 749px) { .caos-size-guide-trigger { top: -2.6rem; font-size: 12px; } .caos-size-modal { align-items: flex-end; padding: 0; } .caos-size-modal-content { width: 100%; max-height: 85vh; padding: 24px 18px; } .caos-size-modal-title { font-size: 19px; } .caos-size-table { font-size: 12px; } .caos-size-table th, .caos-size-table td { padding: 11px 7px; } } DETALHES ▼ Corte boxy e ligeiramente cropped 220 GSM Modelo masculino — tamanho L, 1,85 m Modelo feminino — tamanho S, 1,66 m ENVIOS ▼ Expedição em 1–2 dias úteis. Entrega estimada em 5–7 dias úteis após a expedição. Portes gratuitos em compras superiores a 60€ para Portugal. LAVAGEM ▼ Lavar do avesso a 30 °C Não utilizar máquina de secar Passar a ferro do avesso GUIA DE TAMANHOS × Medidas da peça em centímetros. Mede uma peça semelhante pousada numa superfície plana e compara com a tabela. Tamanho Peito Comprimento Manga S 60 cm 61 cm 23 cm M 62 cm 63 cm 24 cm L 64 cm 65 cm 25 cm XL 66 cm 67 cm 26 cm Fit: corte boxy e ligeiramente cropped. Para um fit semelhante ao apresentado nas fotografias, escolhe o teu tamanho habitual. document.addEventListener('DOMContentLoaded', function () { const accordion = document.querySelector('.caos-accordion'); const modal = document.getElementById('caos-size-modal'); if (modal) { document.body.appendChild(modal); } const modalContent = modal?.querySelector( '.caos-size-modal-content' ); const closeButtons = modal?.querySelectorAll( '.caos-size-modal-close, .caos-size-modal-overlay' ); let sizeGuideTrigger = null; accordion ?.querySelectorAll('.caos-accordion-summary') .forEach(function (button) { button.addEventListener('click', function () { const item = button.closest('.caos-accordion-item'); const isOpen = item.classList.toggle('open'); button.setAttribute( 'aria-expanded', isOpen ? 'true' : 'false' ); }); }); const sizeLegend = Array.from( document.querySelectorAll( 'variant-selects fieldset legend' ) ).find(function (legend) { const text = legend.textContent .trim() .toLowerCase(); return text === 'tamanho' || text === 'size'; }); if (sizeLegend && modal) { sizeGuideTrigger = document.createElement('button'); sizeGuideTrigger.type = 'button'; sizeGuideTrigger.className = 'caos-size-guide-trigger'; sizeGuideTrigger.textContent = 'Guia de tamanhos'; sizeGuideTrigger.setAttribute( 'aria-controls', 'caos-size-modal' ); sizeGuideTrigger.setAttribute( 'aria-expanded', 'false' ); sizeLegend.insertAdjacentElement( 'afterend', sizeGuideTrigger ); sizeGuideTrigger.addEventListener( 'click', function () { modal.hidden = false; document.body.style.overflow = 'hidden'; sizeGuideTrigger.setAttribute( 'aria-expanded', 'true' ); modal .querySelector('.caos-size-modal-close') ?.focus(); } ); } function closeSizeGuide() { if (!modal) return; modal.hidden = true; document.body.style.overflow = ''; sizeGuideTrigger?.setAttribute( 'aria-expanded', 'false' ); sizeGuideTrigger?.focus(); } closeButtons?.forEach(function (button) { button.addEventListener( 'click', closeSizeGuide ); }); document.addEventListener( 'keydown', function (event) { if ( event.key === 'Escape' && modal && !modal.hidden ) { closeSizeGuide(); } } ); modalContent?.addEventListener( 'click', function (event) { event.stopPropagation(); } ); });
Related
Related
Related
Related