<ul> <template x-if="description.text.length"> <li class="product-specs_item bg-lightgrey-ultra"> <h2 class="product-specs_title m-0"> <button class="product-specs_btn" @click="description.open = ! description.open" :class="description.open ? '-open' : ''" :aria-expanded="description.open ? 'true' : 'false'" :id="description.id" :aria-controls="description.id + '-content'"> <span x-text="description.title"></span> <span class="icon" aria-hidden="true"></span> </button> </h2> <div class="product-specs_description-wrapper" :class="description.open ? '-open' : ''" role="region" :id="description.id + '-content'" :aria-labelledby="description.id"> <div class="product-specs_description leading-9"> <p x-html="description.text"></p> </div> </div> </li> </template><li class="product-specs_item bg-lightgrey-ultra"> <h2 class="product-specs_title m-0"> <button class="product-specs_btn" @click="description.open = ! description.open" :class="description.open ? '-open' : ''" :aria-expanded="description.open ? 'true' : 'false'" :id="description.id" :aria-controls="description.id + '-content'" aria-expanded="false" id="description" aria-controls="description-content"> <span x-text="description.title">Description</span> <span class="icon" aria-hidden="true"></span> </button> </h2> <div class="product-specs_description-wrapper" :class="description.open ? '-open' : ''" role="region" :id="description.id + '-content'" :aria-labelledby="description.id" id="description-content" aria-labelledby="description"> <div class="product-specs_description leading-9"> <p x-html="description.text">The Tissot PRX Digital, a harmonious blend of the iconic 1978 PRX design and the Tissot Digital Quartz (Calibre 4012), brilliantly exhibits a hybrid of past eras and digital influence. Seamlessly blending retro aesthetics with a contemporary twist, it's the timekeeper for today's trailblazers. The PRX Digital, available in 35mm and 40mm options and in a variety of colours, cater to all wrists, while the multitude of features - dual time zones, day-date, chronograph, and more - cater to all needs. Encased in a shell water-resistant up to 100 metres and fastened with a satin-finish bracelet and a triple-blade folding clasp, these timepieces are crafted for both endurance and comfort. The Tissot PRX Digital collection symbolises a journey through time, a tribute to the past and a toast to the future.</p> </div> </div> </li> <template x-for="item in specs"> <li class="product-specs_item bg-lightgrey-ultra"> <h2 class="product-specs_title m-0"> <button class="product-specs_btn" @click="item.open = ! item.open" :class="item.open ? '-open' : ''" :aria-expanded="item.open ? 'true' : 'false'" :id="item.id" :aria-controls="item.id + '-content'"> <span x-text="item.title"></span> <span class="icon" aria-hidden="true"></span> </button> </h2> <div class="product-specs_description-wrapper" :class="item.open ? '-open' : ''" role="region" :id="item.id + '-content'" :aria-labelledby="item.id"> <div class="product-specs_description leading-9"> <ul> <template x-for="content in item.content"> <li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label"></span> <span class="w-2/3" x-html="content.text"></span> </li> </template> </ul> </div> </div> </li> </template><li class="product-specs_item bg-lightgrey-ultra"> <h2 class="product-specs_title m-0"> <button class="product-specs_btn" @click="item.open = ! item.open" :class="item.open ? '-open' : ''" :aria-expanded="item.open ? 'true' : 'false'" :id="item.id" :aria-controls="item.id + '-content'" aria-expanded="false" id="tissot-details-1" aria-controls="tissot-details-1-content"> <span x-text="item.title">About the watch</span> <span class="icon" aria-hidden="true"></span> </button> </h2> <div class="product-specs_description-wrapper" :class="item.open ? '-open' : ''" role="region" :id="item.id + '-content'" :aria-labelledby="item.id" id="tissot-details-1-content" aria-labelledby="tissot-details-1"> <div class="product-specs_description leading-9"> <ul> <template x-for="content in item.content"> <li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label"></span> <span class="w-2/3" x-html="content.text"></span> </li> </template><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">SKU</span> <span class="w-2/3" x-html="content.text">T1372633302000</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Weight</span> <span class="w-2/3" x-html="content.text">100</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Collection</span> <span class="w-2/3" x-html="content.text">T-Classic</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Water resistance</span> <span class="w-2/3" x-html="content.text">Water-resistant up to a pressure of 10 bar (100 m / 330 ft)</span> </li> </ul> </div> </div> </li><li class="product-specs_item bg-lightgrey-ultra"> <h2 class="product-specs_title m-0"> <button class="product-specs_btn" @click="item.open = ! item.open" :class="item.open ? '-open' : ''" :aria-expanded="item.open ? 'true' : 'false'" :id="item.id" :aria-controls="item.id + '-content'" aria-expanded="false" id="tissot-details-2" aria-controls="tissot-details-2-content"> <span x-text="item.title">Case &amp; crystal</span> <span class="icon" aria-hidden="true"></span> </button> </h2> <div class="product-specs_description-wrapper" :class="item.open ? '-open' : ''" role="region" :id="item.id + '-content'" :aria-labelledby="item.id" id="tissot-details-2-content" aria-labelledby="tissot-details-2"> <div class="product-specs_description leading-9"> <ul> <template x-for="content in item.content"> <li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label"></span> <span class="w-2/3" x-html="content.text"></span> </li> </template><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Case thickness(mm)</span> <span class="w-2/3" x-html="content.text">10.9</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Case length(mm)</span> <span class="w-2/3" x-html="content.text">34.60</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Case width(mm)</span> <span class="w-2/3" x-html="content.text">35.00</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Case Material</span> <span class="w-2/3" x-html="content.text">316L stainless steel case with yellow gold PVD coating</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Lugs width (mm)</span> <span class="w-2/3" x-html="content.text">11.00</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Case shape</span> <span class="w-2/3" x-html="content.text">LIB_TONNEAUSHAPE</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Crystal</span> <span class="w-2/3" x-html="content.text">Scratch-resistant sapphire crystal</span> </li> </ul> </div> </div> </li><li class="product-specs_item bg-lightgrey-ultra"> <h2 class="product-specs_title m-0"> <button class="product-specs_btn" @click="item.open = ! item.open" :class="item.open ? '-open' : ''" :aria-expanded="item.open ? 'true' : 'false'" :id="item.id" :aria-controls="item.id + '-content'" aria-expanded="false" id="tissot-details-3" aria-controls="tissot-details-3-content"> <span x-text="item.title">Movement</span> <span class="icon" aria-hidden="true"></span> </button> </h2> <div class="product-specs_description-wrapper" :class="item.open ? '-open' : ''" role="region" :id="item.id + '-content'" :aria-labelledby="item.id" id="tissot-details-3-content" aria-labelledby="tissot-details-3"> <div class="product-specs_description leading-9"> <ul> <template x-for="content in item.content"> <li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label"></span> <span class="w-2/3" x-html="content.text"></span> </li> </template><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Energy</span> <span class="w-2/3" x-html="content.text">Quartz</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Model</span> <span class="w-2/3" x-html="content.text">DGT-2040</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Movement</span> <span class="w-2/3" x-html="content.text">SWISSQUARTZ</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Caliber</span> <span class="w-2/3" x-html="content.text">13'''</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Dial</span> <span class="w-2/3" x-html="content.text">DIGITAL</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Caliber Diameter (mm)</span> <span class="w-2/3" x-html="content.text">29.47</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Battery</span> <span class="w-2/3" x-html="content.text">battery type Maxell CR 2025</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Functions</span> <span class="w-2/3" x-html="content.text">EOL (battery end-of-life indicator) Multifunctions</span> </li> </ul> </div> </div> </li><li class="product-specs_item bg-lightgrey-ultra"> <h2 class="product-specs_title m-0"> <button class="product-specs_btn" @click="item.open = ! item.open" :class="item.open ? '-open' : ''" :aria-expanded="item.open ? 'true' : 'false'" :id="item.id" :aria-controls="item.id + '-content'" aria-expanded="false" id="tissot-details-4" aria-controls="tissot-details-4-content"> <span x-text="item.title">Dial</span> <span class="icon" aria-hidden="true"></span> </button> </h2> <div class="product-specs_description-wrapper" :class="item.open ? '-open' : ''" role="region" :id="item.id + '-content'" :aria-labelledby="item.id" id="tissot-details-4-content" aria-labelledby="tissot-details-4"> <div class="product-specs_description leading-9"> <ul> <template x-for="content in item.content"> <li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label"></span> <span class="w-2/3" x-html="content.text"></span> </li> </template><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Dial color</span> <span class="w-2/3" x-html="content.text">golden mirror</span> </li> </ul> </div> </div> </li><li class="product-specs_item bg-lightgrey-ultra"> <h2 class="product-specs_title m-0"> <button class="product-specs_btn" @click="item.open = ! item.open" :class="item.open ? '-open' : ''" :aria-expanded="item.open ? 'true' : 'false'" :id="item.id" :aria-controls="item.id + '-content'" aria-expanded="false" id="tissot-details-5" aria-controls="tissot-details-5-content"> <span x-text="item.title">Strap</span> <span class="icon" aria-hidden="true"></span> </button> </h2> <div class="product-specs_description-wrapper" :class="item.open ? '-open' : ''" role="region" :id="item.id + '-content'" :aria-labelledby="item.id" id="tissot-details-5-content" aria-labelledby="tissot-details-5"> <div class="product-specs_description leading-9"> <ul> <template x-for="content in item.content"> <li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label"></span> <span class="w-2/3" x-html="content.text"></span> </li> </template><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Strap color</span> <span class="w-2/3" x-html="content.text">Yellow Gold 1N14</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Strap/Chain reference</span> <span class="w-2/3" x-html="content.text">T605047606</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Strap details</span> <span class="w-2/3" x-html="content.text">Stainless steel</span> </li><li class="flex mb-1"> <span class="w-1/3 font-bold" x-text="content.label">Buckle</span> <span class="w-2/3" x-html="content.text">interchangeable quick release bracelet, butterfly clasp with push-buttons</span> </li> </ul> </div> </div> </li> </ul>