/* Container for the entire tabs section */ .tabs-container { margin-top: 20px; } /* Hide the radio inputs used for controlling tabs */ .tabs-container input[type="radio"] { display: none; } /* Container for the tab labels (the clickable tab buttons) */ .tabs-labels { display: flex; /* Place tabs side-by-side */ border-bottom: 2px solid #eee; /* Light bottom border for tab row */ cursor: pointer; /* Show pointer cursor on hover */ } /* Style for each tab label */ .tabs-labels label { flex: 1; /* Make tabs equal width */ padding: 14px 0; /* Vertical padding for spacing */ text-align: center; /* Center the label text */ font-weight: 600; /* Semi-bold font */ font-size: 16px; /* Font size */ color: #000; /* Always black text color */ position: relative; /* Needed for the underline ::after */ transition: background-color 0.3s ease; /* Smooth background color change on hover */ user-select: none; /* Prevent text selection on click */ } /* Hover effect: only changes background color */ .tabs-labels label:hover { background-color: #F9EDF6; /* Light pink background on hover */ } /* Underline bar that appears below each tab label */ .tabs-labels label::after { content: ""; /* Empty content to create a line */ position: absolute; /* Position relative to label */ left: 0; bottom: -2px; /* Just below the label */ width: 100%; /* Full width of the tab */ height: 3px; /* Thickness of the underline */ background: transparent; /* Default invisible */ transition: background-color 0.3s ease; /* Smooth transition when it appears */ } /* Show the colored underline on the active (checked) tab */ #tab1:checked ~ .tabs-labels label[for="tab1"]::after, #tab2:checked ~ .tabs-labels label[for="tab2"]::after { background-color: #FFCEC8; /* Peach underline for active tab */ } /* Container for the content below tabs */ .tabs-content > div { display: none; /* Hide all tab content by default */ padding: 20px 0; /* Vertical padding */ font-size: 14px; /* Font size of content */ color: #333; /* Dark grey text for readability */ line-height: 1.5; /* Line height for better spacing */ } /* Show content corresponding to the selected tab */ #tab1:checked ~ .tabs-content #content1, #tab2:checked ~ .tabs-content #content2 { display: block; /* Show this content */ } Product Description Ingredients MAYO Long Base Gel Lasts up to 5 weeks. 60S UV/LED 10ml/bottle Ingredients: Acrylate/Carbamate Copolymer, HEMA, Isobornyl Acrylate, Methyl Methacrylate DI-HEMA TRIMETHYLHEXYL DICARBAMATEHYDROXYPROPYL METHACRYLATEISOBORNYL ACRYLATEHYDROXYCYCLOHEXYL PHENYL KETONETRIMETHYLBENZOYL DIPHENYLPHOSPHINE OXIDEPOLYSILICONE-13CALCIUM PANTOTHENATEHYDROLYZED WHEAT PROTEINTOCOPHERYL ACETATE
