.product-detail-page .product-title,
.product-detail-page .product-info,
.product-detail-page .product-info *:not(.btn):not(button):not(a) {
color: #000000 !important;
}
.product-detail-page .btn-inquiry,
.product-detail-page .btn-back,
.product-detail-page .custom-link-btn,
.product-detail-page .product-model-tag,
.product-detail-page .gallery-counter,
.product-detail-page .gallery-arrow,
.product-detail-page .gallery-dot {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: 1.5px solid #d1d5db !important;
color: #000000 !important;
}
.product-detail-page .btn-inquiry:hover,
.product-detail-page .btn-back:hover,
.product-detail-page .custom-link-btn:hover,
.product-detail-page .gallery-counter:hover,
.product-detail-page .gallery-arrow:hover {
background: #f3f4f6 !important;
background-color: #f3f4f6 !important;
border-color: #9ca3af !important;
color: #000000 !important;
}
.product-detail-page .gallery-dot.active {
background: #9ca3af !important;
background-color: #9ca3af !important;
border-color: #6b7280 !important;
}
.product-detail-page .product-title {
background: none !important;
background-image: none !important;
-webkit-background-clip: initial !important;
-webkit-text-fill-color: #000000 !important;
color: #000000 !important;
}
.product-custom-blocks-section {
max-width: 1200px;
margin: 0 auto;
padding: 48px 20px;
}
.custom-blocks-container {
display: flex;
flex-direction: column;
gap: 32px;
}
.custom-block-item {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 32px;
overflow: hidden;
}
.custom-block-title {
font-size: 22px;
font-weight: 800;
color: #000;
margin: 0 0 20px;
padding-bottom: 12px;
border-bottom: 1px solid #e5e7eb;
}
.custom-block-image { margin-bottom: 20px; text-align: center; }
.custom-block-image img {
max-width: 100%;
height: auto;
border-radius: 8px;
display: block;
margin: 0 auto;
}
.custom-block-content {
font-size: 15px;
line-height: 1.8;
color: #000;
}
.custom-block-content p { margin: 0 0 16px; color: #000; }
.custom-block-content img {
max-width: 100%;
height: auto;
border-radius: 8px;
margin: 16px auto;
display: block;
}
.custom-block-content table {
width: 100%;
border-collapse: collapse;
margin: 16px 0;
}
.custom-block-content table td,
.custom-block-content table th {
border: 1px solid #d1d5db;
padding: 10px 14px;
text-align: left;
color: #000;
}
.custom-block-content table th {
background: #f5f5f5;
color: #000;
font-weight: 700;
}
.custom-block-content ul, .custom-block-content ol {
padding-left: 1.5em;
margin: 12px 0;
color: #000;
}
.custom-block-content li { margin-bottom: 6px; color: #000; }
.custom-block-content a { color: #000; text-decoration: underline; }
.custom-block-content a:hover { color: #333; }
.custom-block-content h3, .custom-block-content h4 {
color: #000;
margin: 24px 0 12px;
font-size: 19px;
font-weight: 800;
}
.custom-block-content blockquote {
border-left: 3px solid #999;
padding-left: 16px;
margin: 16px 0;
color: #333;
}
.custom-block-content pre {
background: #f5f5f5;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 14px 18px;
overflow-x: auto;
font-size: 14px;
color: #000;
}
.custom-block-content code {
background: #f0f0f0;
color: #000;
padding: 2px 6px;
border-radius: 4px;
font-size: 0.9em;
}
@media (max-width: 768px) {
.product-custom-blocks-section {
margin: 24px auto;
padding: 0 16px;
}
.custom-block-item {
padding: 20px;
}
.custom-block-title {
font-size: 18px;
}
.custom-block-content {
font-size: 14px;
}
}
.btn-primary,
.btn-inquiry {
background: transparent !important;
background-color: transparent !important;
color: var(--color-primary, #C8960A) !important;
border: 2px solid var(--color-primary, #C8960A) !important;
}
.btn-primary:hover,
.btn-inquiry:hover {
background: var(--color-primary, #C8960A) !important;
background-color: var(--color-primary, #C8960A) !important;
color: #ffffff !important;
border-color: var(--color-primary-dark, #A67C00) !important;
transform: translateY(-2px);
box-shadow: var(--shadow-glow);
}
.btn-outline {
background: transparent !important;
background-color: transparent !important;
color: var(--color-primary, #C8960A) !important;
border: 2px solid var(--color-primary, #C8960A) !important;
}
.btn-outline:hover {
background: var(--color-primary, #C8960A) !important;
background-color: var(--color-primary, #C8960A) !important;
color: #ffffff !important;
}
.btn-dark {
background: transparent !important;
background-color: transparent !important;
color: var(--color-primary, #C8960A) !important;
border: 2px solid var(--color-dark-4, #d1d5db) !important;
}
.btn-dark:hover {
background: var(--color-dark-3, #f5f5f5) !important;
border-color: var(--color-primary, #C8960A) !important;
color: var(--color-primary, #C8960A) !important;
}
.btn-back {
background: transparent !important;
background-color: transparent !important;
color: #374151 !important;
border: 1.5px solid #d1d5db !important;
}
.btn-back:hover {
background: #f9fafb !important;
border-color: #9ca3af !important;
}
.btn-submit {
background: transparent !important;
background-color: transparent !important;
color: var(--color-primary, #C8960A) !important;
border: 2px solid var(--color-primary, #C8960A) !important;
}
.btn-submit:hover {
background: var(--color-primary, #C8960A) !important;
background-color: var(--color-primary, #C8960A) !important;
color: #ffffff !important;
}