Reserve Section /* Styling for accordion and reserve section */ #reserve-section { margin-top: 10px; /* Add space above the "See allocation" tab */ } #reserve-section .accordion__trigger { background-color: transparent; border: none; font-weight: bold; font-size: 14px; display: flex; align-items: center; cursor: pointer; padding: 10px 0; color: inherit; font-family: 'Red Hat Display', sans-serif; width: 100%; text-align: left; position: relative; } #reserve-section .accordion__trigger .svg-icon--chevron { margin-left: auto; transition: transform 0.2s; width: 16px; /* Increase size of the chevron */ height: 16px; } #reserve-section .accordion__trigger.collapsed .svg-icon--chevron { transform: rotate(-90deg); } #reserve-section .accordion-content { display: none; padding: 15px; margin-top: 10px; } /* Tooltip styling */ #reserve-section .info-icon { font-size: 14px; /* Small lowercase "i" */ background-color: black; /* Black background for circle */ border: none; color: white; /* White "i" */ border-radius: 50%; display: inline-block; width: 16px; height: 16px; text-align: center; line-height: 16px; margin-left: 5px; cursor: pointer; font-family: 'Red Hat Display', sans-serif; font-weight: bold; /* Make "i" bold */ text-transform: lowercase; /* Ensure "i" is lowercase */ } /* Tooltip box styling */ #reserve-section .info-icon .tooltip { display: none; position: absolute; left: auto; /* Auto-align on the left */ right: 0; /* Align the box to the right side */ top: 35px; /* Increased gap between "i" and tooltip */ background-color: black; color: white; padding: 8px; border-radius: 5px; font-size: 12px; max-width: 150px; white-space: normal; /* Allow multiline text */ z-index: 1000; font-family: 'Red Hat Display', sans-serif; /* Apply Red Hat Display font */ text-transform: none; /* Use normal text case */ } /* Show the tooltip on hover */ #reserve-section .info-icon:hover .tooltip { display: block; } /* Bullet list styling */ #reserve-section ul { list-style-type: none; /* Remove default list styles */ padding-left: 0px; /* Add padding for custom bullets */ font-family: 'Red Hat Display', sans-serif; margin-bottom: 40px; color: black; } #reserve-section ul li { position: relative; padding-left: 25px; margin-bottom: 5px; color: black; /* Ensure the list item text is black */ } /* Create custom bullet using pseudo-element */ #reserve-section ul li::before { content: '•'; /* Use dot as custom bullet */ position: absolute; left: 0; color: black; /* Set bullet color to black */ font-size: 30px; /* Make the bullet larger */ line-height: 22px; /* Align the bullet */ } /* Reserve Now Button Styling */ #reserve-section .btn.reserve-btn { background-color: black; color: white; width: 100%; /* Ensure button takes full width */ padding: 15px 0; border: 2px solid transparent; font-size: 15px; /* Consistent size */ font-weight: bold; text-transform: uppercase; cursor: pointer; box-sizing: border-box; transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease; font-family: 'Red Hat Display', sans-serif; /* Apply Red Hat Display font */ } #reserve-section .btn.reserve-btn:hover { background-color: white; color: black; border-color: black; } /* No change in size for mobile */ @media (max-width: 768px) { #reserve-section .accordion__trigger { font-size: 16px; } #reserve-section .info-icon { font-size: 10px; width: 14px; height: 14px; line-height: 14px; } #reserve-section .info-icon .tooltip { font-size: 11px; padding: 6px; max-width: 120px; } #reserve-section .btn.reserve-btn { font-size: 15px; /* Keep the button font size consistent */ } #reserve-section .accordion__trigger .svg-icon--chevron { width: 12px; /* Adjust chevron size for mobile */ height: 12px; } } The Independence Skeleton Chrono is powered by the NORQAIN 8K Manufacture Calibre, an exclusive high-performance skeletonised flyback chronograph movement inspired by the world’s highest mountains. This model is the first chronograph in the Independence collection. This exclusive timepiece features a lightweight Grade 5 Titanium case, marking the first NORQAIN watch with a case made entirely of Titanium. Limited to only 300 pieces, this innovative watch weighs less than 90 grams. See allocation in your region i Limited pieces available. Reserve yours at your local retailers. USA / Canada - 80 pieces Japan - 45 pieces Switzerland - 35 pieces Asia / Pacific - 30 pieces Germany - 20 pieces UK - 15 pieces Italy - 15 pieces Eastern Europe - 15 pieces India - 15 pieces UAE - 15 pieces Rest of the World - 15 pieces Reserve Now function toggleAccordion() { var content = document.getElementById("accordionContent"); if (content.style.display === "block") { content.style.display = "none"; } else { content.style.display = "block"; } }