8 pocket denim
/* ===== Shared table styles ===== */ #size-chart-8pocket-denim .table-scroll { overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; } #size-chart-8pocket-denim .size- chart-table { border-collapse: separate; border-spacing: 0; width: 100%; min-width: 900px; font-family: "Times New Roman", serif; table-layout: fixed; font-size: 0.9rem; } #size-chart-8pocket-denim .size-chart-table th, #size-chart-8pocket-denim .size-chart-table td { border: 1px solid #e0e0e0; padding: 10px 8px; text-align: center; background: #fff; } #size-chart-8pocket-denim .size-chart-table th { background: linear-gradient(to right, #f9fafb, #f1f5f9); font-weight: 600; color: #333; position: sticky; top: 0; z-index: 2; } /* ===== Full measurement wrapper (collapsible) ===== */ #size-chart-8pocket-denim .size-chart-wrapper { display: none; margin-top: 1rem; padding-bottom: 1rem; } #size-chart-8pocket-denim .size-chart-wrapper[data-open="true"] { display: block; } /* ===== Modal ===== */ #size-chart-8pocket-denim .modal { position: fixed; inset: 0; z-index: 1000; display: none; align-items: flex-start; justify-content: center; background-color: rgba(0,0,0,0.5); padding: 16px; } #size-chart-8pocket-denim .modal[aria-hidden="false"] { display: flex; } #size-chart-8pocket-denim .modal-content { background: #fff; width: 95%; max-width: 1000px; margin-top: 5vh; max-height: 90dvh; overflow-y: auto; padding: 20px; border-radius: 8px; font-family: "Times New Roman", serif; } #size-chart-8pocket-denim .close { float: right; border: none; background: transparent; font-size: 28px; line-height: 1; cursor: pointer; color: #888; } #size-chart-8pocket-denim .close:hover { color: #000; } /* ===== Buttons & toggles ===== */ #size-chart-8pocket-denim .toggle-btn { display: inline-block; margin: 1rem 0; cursor: pointer; color: #000; font-weight: 600; text-decoration: underline; background: transparent; border: none; user-select: none; } #size-chart-8pocket-denim .toggle-active { text-decoration: none; opacity: 0.7; } #size-chart-8pocket-denim .unit-toggle { display: inline-flex; gap: 6px; align-items: center; margin: 10px 0; font-size: 0.9rem; } #size-chart-8pocket-denim .unit-btn { border: 1px solid #d1d5db; padding: 4px 10px; border-radius: 999px; background: #fff; cursor: pointer; } #size-chart-8pocket-denim .unit-btn[aria-pressed="true"] { background: #111; color: #fff; border-color: #111; } /* ===== Product page SIZING link (4× larger) ===== */ #openModal-8pocket { display: inline-block; font-family: "Times New Roman", serif; font-weight: 700; font-size: 3rem; /* ~4× larger than normal */ color: #000; text-decoration: underline; margin-top: 24px; cursor: pointer; transition: opacity 0.3s ease; } #openModal-8pocket:hover { text-decoration: none; opacity: 0.7; } /* ===== Sticky first column for both charts ===== */ #size-chart-8pocket-denim .size-chart-table th:first-child, #size-chart-8pocket-denim .size-chart-table td:first-child { position: sticky; left: 0; background: #f9fafb; z-index: 3; text-align: left; font-weight: 600; } @media (max-width:600px){ #openModal-8pocket { font-size: 2.2rem; } #size-chart-8pocket-denim .modal-content{padding:10px;} #size-chart-8pocket-denim .size-chart-table{font-size:0.8rem;} #size-chart-8pocket-denim .size-chart-table th, #size-chart-8pocket-denim .size-chart-table td { padding: 8px 6px; } } SIZING × Size & Fit Units: cm inches Measure 38 40 42 44 46 48 50 52 54 56 Waist (HALF) 35 37 39 41 43 45 47 49 51 53 Thigh @Crotch 30.2 31.4 32.6 33.8 35 36.2 37.4 38.6 39.8 41 Inseam 69 70 70 71 72 73 74 75 76 77 Outseam (excl. waistband) 94.5 96 96.5 98 99.5 100.5 101.5 102 103 104.5 Hem Width 24.6 25.2 25.8 26.4 27 27.6 28.2 28.8 29.4 30 Measure 38 40 42 44 46 48 50 52 54 56 Waist (HALF) 13.8 14.6 15.4 16.1 16.9 17.7 18.5 19.3 20.1 20.9 Thigh @Crotch 11.9 12.4 12.8 13.3 13.8 14.3 14.7 15.2 15.7 16.1 Inseam 27.2 27.6 27.6 28.0 28.3 28.7 29.1 29.5 29.9 30.3 Outseam (excl. waistband) 37.2 37.8 38.0 38.6 39.2 39.6 40.0 40.2 40.6 41.1 Hem Width 9.7 9.9 10.2 10.4 10.6 10.9 11.1 11.3 11.6 11.8 Full Measurement Chart Units: cm inches Size Waist (cm, HALF — double for full) Hip (cm, HALF — double for full) Thigh @Crotch (cm) Thigh @4cm (cm) Knee @30cm (cm) Hem Width (cm) Inseam (cm) Outseam exc. Waistband (cm) Front Rise exc. Waistband (cm) Back Rise exc. Waistband (cm) Zip Length Front (cm) 38 35 48.5 30.2 29.2 26.3 24.6 69 94.5 25.7 37.4 15 40 37 50.5 31.4 30.4 27 25.2 70 96 26.2 38 16 42 39 52.5 32.6 31.6 27.7 25.8 70 96.5 26.8 38.6 16 44 41 54.5 33.8 32.8 28.4 26.4 71 98 27.3 39.2 16 46 43 56.5 35 34 29.1 27 72 99.5 27.9 39.8 17 48 45 58 36.2 35 30 27.6 73 100.5 28.5 40.4 17 50 47 60 37.4 36.2 30.7 28.2 74 101.5 29 41 17 52 49 62 38.6 37.4 31.4 28.8 75 102 29.6 41.6 18 54 51 64 39.8 38.6 32.2 29.4 76 103 29.5 42.8 18 56 53 66 41 40 33 30 77 104.5 30 43.5 18 Size Waist (in, HALF — double for full) Hip (in, HALF — double for full) Thigh @Crotch (in) Thigh @4cm (in) Knee @30cm (in) Hem Width (in) Inseam (in) Outseam exc. Waistband (in) Front Rise exc. Waistband (in) Back Rise exc. Waistband (in) Zip Length Front (in) 38 13.8 19.1 11.9 11.5 10.4 9.7 27.2 37.2 10.1 14.7 5.9 40 14.6 19.9 12.4 12.0 10.6 9.9 27.6 37.8 10.3 15.0 6.3 42 15.4 20.7 12.8 12.4 10.9 10.2 27.6 38.0 10.6 15.2 6.3 44 16.1 21.5 13.3 12.9 11.2 10.4 28.0 38.6 10.7 15.4 6.3 46 16.9 22.2 13.8 13.4 11.5 10.6 28.3 39.2 11.0 15.7 6.7 48 17.7 22.8 14.3 13.8 11.8 10.9 28.7 39.6 11.2 15.9 6.7 50 18.5 23.6 14.7 14.3 12.1 11.1 29.1 40.0 11.4 16.1 6.7 52 19.3 24.4 15.2 14.7 12.4 11.3 29.5 40.2 11.7 16.4 7.1 54 20.1 25.2 15.7 15.2 12.7 11.6 29.9 40.6 11.6 16.9 7.1 56 20.9 26.0 16.1 15.7 13.0 11.8 30.3 41.1 11.8 17.1 7.1 (function(){ const modal=document.getElementById('sizeModal-8pocket'); const openBtn=document.getElementById('openModal-8pocket'); const closeBtn=document.getElementById('closeModal-8pocket'); const toggleFull=document.getElementById('toggleFullMeasurement-8pocket'); const fullWrapper=document.getElementById('fullMeasurementWrapper-8pocket'); // Full chart unit toggles const unitCm=document.getElementById('unitCm-8pocket'); const unitIn=document.getElementById('unitIn-8pocket'); const fullCm=document.getElementById('fullTableCm-8pocket'); const fullIn=document.getElementById('fullTableIn-8pocket'); // Simple chart unit toggles const unitCmSimple=document.getElementById('unitCmSimple-8pocket'); const unitInSimple=document.getElementById('unitInSimple-8pocket'); const simpleCm=document.getElementById('simpleTableCm-8pocket'); const simpleIn=document.getElementById('simpleTableIn-8pocket'); function openModal(){ modal.setAttribute('aria-hidden','false'); openBtn.setAttribute('aria-expanded','true'); } function closeModal(){ modal.setAttribute('aria-hidden','true'); openBtn.setAttribute('aria-expanded','false'); } openBtn.addEventListener('click',e=>{e.preventDefault();openModal();}); closeBtn.addEventListener('click',closeModal); modal.addEventListener('click',e=>{if(e.target===modal)closeModal();}); document.addEventListener('keydown',e=>{if(e.key==='Escape')closeModal();}); // Toggle full chart (simple chart stays always visible) toggleFull.addEventListener('click',()=>{ const open=fullWrapper.getAttribute('data-open')==='true'; fullWrapper.setAttribute('data-open',!open); fullWrapper.hidden=open; toggleFull.setAttribute('aria-expanded',!open); }); // Unit switcher for FULL chart function switchUnitsFull(toInches){ if(toInches){ fullCm.hidden=true; fullIn.hidden=false; unitIn.setAttribute('aria-pressed','true'); unitCm.setAttribute('aria-pressed','false'); }else{ fullCm.hidden=false; fullIn.hidden=true; unitIn.setAttribute('aria-pressed','false'); unitCm.setAttribute('aria-pressed','true'); } } unitCm.addEventListener('click',()=>switchUnitsFull(false)); unitIn.addEventListener('click',()=>switchUnitsFull(true)); // Unit switcher for SIMPLE chart function switchUnitsSimple(toInches){ if(toInches){ simpleCm.hidden=true; simpleIn.hidden=false; unitInSimple.setAttribute('aria-pressed','true'); unitCmSimple.setAttribute('aria-pressed','false'); }else{ simpleCm.hidden=false; simpleIn.hidden=true; unitInSimple.setAttribute('aria-pressed','false'); unitCmSimple.setAttribute('aria-pressed','true'); } } unitCmSimple.addEventListener('click',()=>switchUnitsSimple(false)); unitInSimple.addEventListener('click',()=>switchUnitsSimple(true)); })(); CUSTOMERS FROM THE UNITED STATES - PLEASE NOTE, DUE TO THE CHANGES WITH IMPORTATION TO THE US, THERE WILL BE A FEE TO IMPORT. DO NOT PAY THESE FEES. THE COSTS WITH BE HANDLED BY THE BOTTEGA. THANK YOU AND REMEMBER, FUCK CUSTOMS. -Italian selvedge denim -riveted -100% cotton outer & linings -strongest seams -zipper fly -d-ring on belt loop -8 convenient pockets produced near bassano del grappa by real people with fair wages. this is a pure product. there were no corners cut. by purchasing this product you support good people making high quality things. your time and attention is, and always will be, appreciated. *please note: SHIPMENTS GO OUT MONDAY-FRIDAY*
More you might like
Related
Denim Pocket Midi Skirt Denim / Yellow Pockets
Related
W 5 Pockets Denim, Denim
Related
W 5 Pockets Denim, Denim
Related