* { box-sizing: border-box; } body {margin: 0;}.container{margin:0 auto 0 auto;}#i3kvp{margin:0px 0px 0px 0px;}#irvbr{padding:0 0px 0 0;margin:0 0 0 0px;}
.diamant-etoile .stellar-container {
display: flex;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.diamant-etoile .stellar-details {
flex: 1;
background-color: #144266;
color: white;
border-radius: 10px;
padding: 0;
margin-right: 20px;
overflow: hidden;
max-width: 400px;
}
.diamant-etoile .form-container {
flex: 1;
}
.diamant-etoile .product-options {
padding: 15px;
background-color: #f8f9fa;
border-radius: 8px;
}
.diamant-etoile .option-group {
margin-bottom: 15px;
}
.diamant-etoile .option-label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.diamant-etoile #form-block {
padding: 15px;
}
.diamant-etoile select {
width: 100%;
padding: 8px;
border-radius: 4px;
border: 1px solid #ced4da;
}
.diamant-etoile .radio-group {
display: flex;
gap: 20px;
margin-bottom: 15px;
}
.diamant-etoile .radio-option {
display: flex;
align-items: center;
}
.diamant-etoile .radio-option input {
margin-right: 8px;
}
.diamant-etoile input[type="text"] {
padding: 8px;
margin-bottom: 10px;
border-radius: 4px;
border: 1px solid #ced4da;
width: 98%;
}
.diamant-etoile .btn-primary {
background-color: #007bff;
color: white;
border: none;
padding: 10px 15px;
border-radius: 4px;
cursor: pointer;
}
.diamant-etoile .btn-primary:hover {
background-color: #0069d9;
}
.diamant-etoile .btn-disabled {
background-color: #6c757d;
cursor: not-allowed;
opacity: 0.65;
}
.diamant-etoile .price-display {
font-size: 24px;
font-weight: bold;
color: #343a40;
text-align: center;
margin: 20px 0;
padding: 10px;
background-color: #e9ecef;
border-radius: 8px;
}
.diamant-etoile .not-available-message {
color: #dc3545;
text-align: center;
margin: 10px 0;
font-weight: bold;
padding: 10px;
background-color: #f8d7da;
border-radius: 8px;
border: 1px solid #f5c6cb;
display: none;
}
.diamant-etoile .star-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
background-color: rgba(20, 30, 65, 0.7);
}
.diamant-etoile .star-header .title-container {
text-align: center;
flex: 1;
}
.diamant-etoile .star-header h1 {
margin: 0;
font-size: 1.5em;
color: white;
}
.diamant-etoile .star-header .subtitle {
color: #b0b8c8;
font-size: 0.9em;
}
.diamant-etoile .alt-names-panel {
padding: 10px 15px;
}
.diamant-etoile .alt-names-label {
color: #b0b8c8;
font-size: 0.9em;
margin-bottom: 5px;
}
.diamant-etoile .badges-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.diamant-etoile .name-badge {
background-color: rgba(255, 255, 255, 0.1);
padding: 3px 8px;
border-radius: 4px;
font-size: 0.8em;
}
.diamant-etoile .coords-panel {
padding: 10px 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.diamant-etoile .coords-label {
color: #b0b8c8;
font-style: italic;
margin-bottom: 5px;
font-size: 0.9em;
}
.diamant-etoile .coords-value {
color: white;
font-size: 1.1em;
margin-bottom: 15px;
}
.diamant-etoile .section-title {
background-color: rgba(20, 30, 65, 0.7);
color: #b0b8c8;
font-size: 1.1em;
text-transform: uppercase;
padding: 10px 15px;
margin: 0;
font-weight: bold;
text-align: center;
}
.diamant-etoile .info-panel {
padding: 15px;
}
.diamant-etoile .info-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.diamant-etoile .info-line {
margin-bottom: 10px;
}
.diamant-etoile .info-label {
color: #b0b8c8;
font-style: italic;
font-size: 0.9em;
margin-bottom: 3px;
}
.diamant-etoile .info-value {
color: white;
}
.diamant-etoile .diamond-container {
background-color: #30426a;
text-align: center;
padding: 20px 0;
width: 100%;
margin-bottom: 20px;
border-radius: 20px;
}
.diamant-etoile .diamond-image {
width: 180px;
height: 180px;
border-radius: 50%;
object-fit: cover;
}
.diamant-etoile .diamond-type {
text-align: center;
margin: 10px 0 20px;
}
.diamant-etoile .diamond-type-label {
color: #b0b8c8;
font-style: italic;
font-size: 0.9em;
}
.diamant-etoile .diamond-type-value {
color: white;
font-size: 1.2em;
}
.diamant-etoile .availability {
display: flex;
align-items: center;
gap: 5px;
justify-content: center;
margin-top: 10px;
}
.diamant-etoile .availability-icon {
font-size: 1.2em;
}
.diamant-etoile .availability-available {
color: #4CAF50;
}
.diamant-etoile .availability-unavailable {
color: #dc3545;
}
.diamant-etoile .collapsible {
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.diamant-etoile .collapsible-content {
padding: 0 15px 15px;
display: none;
}
.diamant-etoile .arrow {
border: solid white;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
transition: transform 0.3s;
}
.diamant-etoile .arrow-up {
transform: rotate(-135deg);
}
.diamant-etoile .uid-container {
text-align: center;
padding: 15px;
font-size: 0.8em;
color: #b0b8c8;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.diamant-etoile .uid-label {
margin-bottom: 5px;
}
.diamant-etoile .uid-value {
color: white;
}
.diamant-etoile .center-align {
text-align: center;
}
.diamant-etoile .product-viewer {
padding: 20px;
background-color: white;
}
.diamant-etoile .product-viewer-title {
font-size: 1.2em;
font-weight: bold;
color: #333;
margin-bottom: 15px;
text-align: center;
}
.diamant-etoile .add-to-cart-btn {
width: 100%;
}
.diamant-etoile .product-description {
padding: 16px 8px;
margin-bottom: 20px;
background-color: #f8f9fa;
font-size: 0.95em;
line-height: 1.5;
color: #495057;
border-radius: 8px;
}
.diamant-etoile .shortDescription {
background-color: #fbfbfb;
padding: 20px;
width: 95%;
margin: auto;
}
.diamant-etoile .shortDescription p {
font-weight: bold;
font-size: 16px;
}
.diamant-etoile .shortDescription ul li {
width: 50%;
display: inline-block;
}
.diamant-etoile .shortDescription ul li span {
font-weight:bold;
}