hasicicsalih/parfum_agsd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

revise discovery-section in ProductdetailPage

Browse Source
This commit is contained in:
anielsen99 2026-03-27 17:16:06 +01:00
parent 624c8c8f1a
commit 367ae871a0
1 changed files with 25 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
parfum-shop/src/components/ProductDetailPage.css
View File

@ -363,38 +363,50 @@
/* --- Bottom CTA Start --- */ /* --- Bottom CTA Start --- */
.detail-bottom-cta { .detail-bottom-cta {
margin: 20px;
margin-top: 42px; margin-top: 42px;
padding: 42px 20px 16px; padding: 40px 38px;
border-top: 1px solid #d4d4d4; background-color: #ff6a00;
text-align: center; border-radius: 24px;
} }
.detail-bottom-cta h2 { .detail-bottom-cta h2 {
margin: 0 0 14px; margin: 0 0 14px;
font-size: 34px; font-size: 52px;
font-weight: 400; line-height: 0.95;
font-weight: 300;
letter-spacing: -0.04em;
color: #fff;
} }
.detail-bottom-cta p { .detail-bottom-cta p {
max-width: 880px;
margin: 0 auto; margin: 0 auto;
color: #333; font-size: 18px;
line-height: 1.7; line-height: 1.5;
color: #fff;
line-height: 1.5;
} }
.detail-bottom-actions { .detail-bottom-actions {
display: flex; display: flex;
justify-content: center;
gap: 16px; gap: 16px;
margin-top: 26px; margin-top: 26px;
} }
.detail-bottom-actions button { .detail-bottom-actions button {
border: 1px solid #101010; background-color: #fff;
background: transparent; color: #ff6a00;
padding: 16px 24px; border-radius: 999px;
min-width: 250px; border: none;
padding: 16px 28px;
cursor: pointer; cursor: pointer;
transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.detail-bottom-actions button:hover {
background: rgba(255, 255, 255, 0.4);
transform: translateY(-2px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
} }
/* --- Bottom CTA End --- */ /* --- Bottom CTA End --- */