Remises incroyables
Des produits de qualité
/* CONTAINER */
.fb-comments-box {
max-width: 600px;
margin: 20px auto;
font-family: Arial, sans-serif;
color: #050505;
}
/* TITLE */
.fb-title {
font-weight: bold;
margin-bottom: 12px;
font-size: 16px;
}
/* COMMENT */
.fb-comment {
display: flex;
margin-bottom: 14px;
align-items: flex-start;
}
.fb-avatar {
margin-right: 10px;
}
.fb-avatar img {
width: 42px;
height: 42px;
border-radius: 50%;
object-fit: cover;
}
.fb-content-wrapper {
flex: 1;
}
.fb-content {
background: #f0f2f5;
border-radius: 18px;
padding: 8px 12px;
}
.fb-name {
font-weight: bold;
font-size: 14px;
}
.fb-text {
font-size: 14px;
margin-top: 2px;
}
.fb-actions {
font-size: 12px;
color: #65676b;
margin-top: 4px;
display: flex;
gap: 12px;
}
.fb-like {
cursor: pointer;
}
.fb-like.active {
color: #1877f2;
font-weight: bold;
}
.fb-more {
text-align: center;
margin-top: 12px;
font-size: 14px;
color: #1877f2;
cursor: pointer;
}
.hidden {
display: none;
}
/* NEW COMMENT BOX */
.fb-new-comment {
display: flex;
margin-top: 16px;
gap: 8px;
align-items: center;
}
.fb-new-comment input {
flex: 1;
padding: 8px 12px;
border-radius: 18px;
border: 1px solid #ccc;
outline: none;
}
.fb-new-comment button {
padding: 8px 12px;
border-radius: 18px;
border: none;
background-color: #1877f2;
color: white;
cursor: pointer;
}
/* RESPONSIVE FOR YOUCAN */
@media screen and (max-width: 640px) {
.fb-comments-box {
max-width: 100%;
}
.fb-avatar img {
width: 36px;
height: 36px;
}
.fb-content {
padding: 6px 10px;
}
}
/* خلفية صفحة Checkout */
.checkout-page {
background:#f6f9ff !important;
}
/* صندوق المعلومات */
.checkout-card {
border-radius:14px !important;
box-shadow:0 10px 25px rgba(0,0,0,0.08) !important;
border:none !important;
}
/* الحقول */
.checkout-card input,
.checkout-card select,
.checkout-card textarea{
border-radius:8px !important;
padding:12px !important;
border:1px solid #e5e5e5 !important;
}
/* زر تأكيد الطلب */
.checkout-card button,
.checkout-card .btn-primary{
background: linear-gradient(45deg,#ff2d2d,#ff0000) !important;
border:none !important;
border-radius:10px !important;
font-size:18px !important;
font-weight:bold !important;
padding:14px !important;
box-shadow:0 6px 15px rgba(0,0,0,0.2) !important;
}
/* تأثير hover */
.checkout-card button:hover{
transform:scale(1.03);
}
/* السعر */
.checkout-summary .price{
color:#e60023 !important;
font-weight:bold !important;
font-size:20px !important;
}
