margin-top: 40px; font-weight: 500; } /* جدول الأنماط */ .custom-product-description table { width: 100%; border-collapse: collapse; margin-bottom: 24px; } .custom-product-description tr { border-bottom: 1px solid #f2eee8; } .custom-product-description tr:last-child { border-bottom: none; } .custom-product-description th, .custom-product-description td { padding: 4px 0; vertical-align: middle; font-size: 14px; } .custom-product-description th { text-align: left; color: #666666; font-weight: 400; width: 35%; } .custom-product-description td { text-align: left; color: #222222; font-weight: 600; } /* أنماط القائمة */ .custom-product-description ul { list-style-type: none; padding-left: 0; margin-top: 16px; } .custom-product-description li { position: relative; padding-left: 18px; margin-bottom: 12px; color: #4a4a4a; font-size: 14px; } .custom-product-description li::before { content: "•"; color: #b38e5d; font-weight: bold; position: absolute; left: 0; top: 0; } /* منطقة أزرار تحميل المستندات في الأسفل */ .docs-buttons-container { display: flex; flex-direction: row; flex-wrap: wrap; gap: 12px; margin-top: 20px; } .action-btn { display: inline-flex; align-items: stretch; background-color: #525a4e; width: fit-content; } .action-btn-icon { background-color: #6a7266; color: #ffffff; padding: 8px 14px; font-size: 16px; font-weight: bold; display: flex; align-items: center; justify-content: center; } .action-btn-text { color: #ffffff; font-size: 12px; font-weight: 500; letter-spacing: 1px; padding: 8px 16px; text-transform: uppercase; display: flex; align-items: center; } .action-btn-text a { color: #ffffff !important; text-decoration: none; position: relative; display: inline-block; } .action-btn-text a::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: -2px; left: 0; background-color: #ffffff; transform-origin: bottom right; transition: transform 0.3s ease-out; } .action-btn-text a:hover::after { transform: scaleX(1); transform-origin: bottom left; } /* === منطق النافذة المنبثقة للفيديو بـ CSS نقي (تحديث رئيسي) === */ /* إخفاء مفتاح التحكم */ .custom-vid-toggle { display: none; } /* عند تحديد (النقر على) المفتاح، عرض النافذة المنبثقة */ .custom-vid-toggle:checked ~ .custom-vid-modal { display: flex !important; } /* أنماط الصورة المصغرة للفيديو المخصصة */ .custom-vid-thumb { position: relative; display: block; width: 100%; padding-bottom: 56.25%; /* نسبة 16:9 متجاوبة */ background-color: #000; border-radius: 6px; overflow: hidden; cursor: pointer; margin-bottom: 24px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .custom-vid-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; opacity: 0.85; } .custom-vid-thumb:hover img { transform: scale(1.05); opacity: 1; } /* زر التشغيل العائم */ .custom-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 56px; height: 56px; background-color: rgba(0, 0, 0, 0.6); border: 2px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; z-index: 2; } .custom-vid-thumb:hover .custom-play-btn { background-color: #b38e5d; border-color: #b38e5d; transform: translate(-50%, -50%) scale(1.1); } .custom-play-btn::before { content: ''; border-style: solid; border-width: 10px 0 10px 16px; border-color: transparent transparent transparent #fff; margin-left: 5px; } /* أنماط نص التلميح في الزاوية السفلى اليسرى من الفيديو */ .custom-vid-label { position: absolute; bottom: 12px; left: 12px; color: #ffffff; font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; background-color: rgba(0, 0, 0, 0.65); padding: 4px 10px; border-radius: 4px; z-index: 2; pointer-events: none; transition: background-color 0.3s ease; } .custom-vid-thumb:hover .custom-vid-label { background-color: #b38e5d; } /* أنماط النافذة المنبثقة Modal بـ CSS نقي */ .custom-vid-modal { display: none; position: fixed; z-index: 999999; left: 0; top: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.95); align-items: center; justify-content: center; } .custom-vid-content { position: relative; width: 96vw; height: 96vh; display: flex; align-items: center; justify-content: center; } .custom-vid-aspect { width: 100%; height: 100%; max-height: calc(96vw * 9 / 16); max-width: calc(96vh * 16 / 9); position: relative; } .custom-vid-aspect iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; box-shadow: 0 4px 30px rgba(0,0,0,0.6); background-color: #000; } /* زر إغلاق النافذة المنبثقة */ .custom-vid-close { position: absolute; top: 16px; right: 24px; color: #fff; font-size: 40px; cursor: pointer; font-weight: 300; line-height: 1; transition: color 0.3s; z-index: 1000000; } .custom-vid-close:hover { color: #b38e5d; } /* الإعدادات العامة لصندوق التلميح */ .custom-product-description .pd-wrap { font-family: 'DM Sans', sans-serif !important; } .custom-product-description .pd-notice { padding: 14px 16px !important; border-left: 3px solid !important; margin-bottom: 24px !important; } .custom-product-description .pd-notice__label { font-size: 10px !important; font-weight: 500 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; margin-bottom: 5px !important; display: block !important; } .custom-product-description .pd-notice__text { font-size: 13px !important; line-height: 1.5 !important; margin-bottom: 0 !important; } .custom-product-description .pd-notice--color { background: #fbf9f5 !important; border-color: #b38e5d !important; } .custom-product-description .pd-notice--color .pd-notice__label { color: #b38e5d !important; } .custom-product-description .pd-notice--color .pd-notice__text { color: #4a4a4a !important; font-weight: 500 !important; }