<نمط> .بسوك-كات *{ حجم الصندوق: صندوق حدودي؛ الهامش:0; الحشو: 0؛ }.بسوك القط{ عائلة الخط: 'Segoe UI'،Arial،sans-serif؛ اللون: #f5f7ff؛ ارتفاع الخط: 1.75؛ الخلفية:شفافة؛ أقصى عرض: 100%؛ }.بسوك-كات .بو-بطل{ محاذاة النص:مركز؛ الحشو: 55px 24px؛ الخلفية: التدرج الخطي (135 درجة، #001433، #003f88، #00101f)؛ نصف قطر الحدود: 18 بكسل؛ الحدود: 1px الصلبة rgba(80,160,255,.45); الهامش السفلي: 32 بكسل؛ الموقف:نسبي؛ تجاوز: مخفي؛ }.psuk-قطة .pu-hero:قبل{ المحتوى:''; الموقف:مطلق؛ العرض: 420 بكسل؛ الارتفاع: 420 بكسل؛ أعلى: -260 بكسل؛ اليسار:50%; تحويل:ترجمةX(-50%); الخلفية: تدرج شعاعي (دائرة، rgba (80،160،255،.18)، شفاف 70٪)؛ أحداث المؤشر: لا شيء؛ }.بسوك-كات h1{ حجم الخط: 2.3em؛ اللون: #8bc5ff؛ وزن الخط: 800؛ الهامش السفلي: 14 بكسل؛ ارتفاع الخط: 1.25؛ الموقف:نسبي؛ }.بسوك-كات h2{ حجم الخط: 1.4em؛ اللون: #8bc5ff؛ الحد السفلي: 1px الصلبة rgba(80,160,255,.35); الحشو السفلي: 8 بكسل؛ الهامش: 35 بكسل 0 18 بكسل؛ }.بسوك-كات ع{ اللون: #dcecff؛ حجم الخط: .96em؛ الهامش السفلي: 10 بكسل؛ }.pu-شارة{ عرض: كتلة مضمنة؛ الخلفية: rgba(80,160,255,.15); الحدود: 1px الصلبة rgba(80,160,255,.5); الحشو: 6 بكسل 15 بكسل؛ نصف قطر الحدود: 20 بكسل؛ الهامش: 5 بكسل؛ اللون:#c3e2ff؛ حجم الخط: .85em؛ الموقف:نسبي؛ }.pu-badge.green{ الخلفية: rgba(30,190,100,.16); لون الحدود: rgba(60,230,130,.45); اللون:#aaffc8؛ }.بو-مربع{ الخلفية: rgba(255,255,255,.04); الحدود: 1px الصلبة rgba(80,160,255,.25); نصف قطر الحدود: 15 بكسل؛ الحشو: 24 بكسل؛ الهامش السفلي: 25 بكسل؛ }.pu-منطقة-مربع{ الخلفية: rgba(210,30,55,.08); الحدود: 1px الصلبة rgba(255,90,110,.32); نصف قطر الحدود: 15 بكسل؛ الحشو: 22 بكسل؛ الهامش السفلي: 25 بكسل؛ }.pu-منطقة-مربع h3{ اللون:#ff9eae؛ حجم الخط: 1em؛ الهامش السفلي: 7 بكسل؛ }.pu-منطقة-مربع ع { اللون: #ffd5dc؛ الهامش السفلي:0; }.pu-مربع التسليم{ الخلفية: rgba(30,190,100,.08); الحدود: 1px الصلبة rgba(60,230,130,.3); نصف قطر الحدود: 15 بكسل؛ الحشو: 22 بكسل؛ الهامش السفلي: 25 بكسل؛ }.pu-delivery-box h3{ اللون: #9effbe؛ حجم الخط: 1em؛ الهامش السفلي: 7 بكسل؛ }.pu-delivery-box p{ اللون: #d8ffe5؛ الهامش السفلي:0; }.pu-الشبكة{ العرض: الشبكة؛ أعمدة قالب الشبكة: كرر (ملاءمة تلقائية، Minmax (170px، 1fr))؛ الفجوة: 15 بكسل؛ الهامش السفلي: 26 بكسل؛ }.بو-بطاقة{ الخلفية: التدرج الخطي (135 درجة، #003f88، #00101f)؛ الحدود: 1px الصلبة rgba(80,160,255,.35); نصف قطر الحدود: 14 بكسل؛ الحشو: 22 بكسل 16 بكسل؛ محاذاة النص:مركز؛ الانتقال: تحويل .2s، لون الحدود .2s؛ }.pu-بطاقة:تحوم{ تحويل:translateY(-4px); لون الحدود: rgba(120,190,255,.75); }.pu-بطاقة قوية{ عرض:كتلة؛ حجم الخط: 1.8em؛ اللون: #ففف؛ ارتفاع الخط: 1.2؛ الهامش السفلي: 4 بكسل؛ }.pu-بطاقة تمتد{ اللون:#a9d3ff؛ حجم الخط: .84em؛ }.بو-الخطوة{ الخلفية: rgba(255,255,255,.04); الحدود: 1px الصلبة rgba(80,160,255,.25); نصف قطر الحدود: 12 بكسل؛ الحشو: 20 بكسل 15 بكسل؛ محاذاة النص:مركز؛ }.بو-خطوة الأسطوانات{ العرض: 38 بكسل؛ الارتفاع: 38 بكسل؛ عرض: فليكس؛ محاذاة العناصر:مركز؛ ضبط المحتوى:مركز؛ الهامش:0 تلقائي 10 بكسل؛ نصف قطر الحدود: 50%؛ الخلفية: التدرج الخطي (135 درجة، #004ca8، #1687ff)؛ اللون: #ففف؛ وزن الخط: 800؛ }.بو-الخطوة h3{ اللون: #9dceff؛ حجم الخط: .92em؛ الهامش السفلي: 5 بكسل؛ }.pu-الخطوة ص{ حجم الخط: .82em؛ الهامش السفلي:0; }.pu-استخدام{ العرض: الشبكة؛ أعمدة قالب الشبكة: كرر (ملاءمة تلقائية، Minmax (230px، 1fr))؛ الفجوة: 11 بكسل؛ الهامش السفلي: 26 بكسل؛ }.pu-استخدام شعبة { الخلفية: rgba(255,255,255,.04); الحدود: 1px الصلبة rgba(80,160,255,.2); نصف قطر الحدود: 11 بكسل؛ الحشو: 13 بكسل 15 بكسل؛ اللون: #dcecff؛ حجم الخط: .9em؛ }.بو-الأسئلة الشائعة{ الخلفية: rgba(255,255,255,.04); الحدود: 1px الصلبة rgba(80,160,255,.25); نصف قطر الحدود: 12 بكسل؛ الحشو: 18 بكسل 20 بكسل؛ الهامش السفلي: 12 بكسل؛ }.pu-الأسئلة الشائعة h3{ اللون: #8bc5ff؛ حجم الخط: 1em؛ الهامش السفلي: 7 بكسل؛ }.pu-الأسئلة الشائعة ص{ الهامش السفلي:0; حجم الخط: .9em؛ }.بو-CTA{ محاذاة النص:مركز؛ الخلفية: التدرج الخطي (135 درجة، #00265c، #00132e)؛ الحدود: 1px الصلبة rgba(80,160,255,.4); نصف قطر الحدود: 15 بكسل؛ الحشو: 30 بكسل 22 بكسل؛ الهامش: 30 بكسل 0؛ }.pu-cta h2{ الحدود:0؛ الحشو: 0؛ الهامش: 0 0 10 بكسل؛ اللون: #ففف؛ }.pu-cta ع{ أقصى عرض: 720 بكسل؛ الهامش: 0 تلقائي 18 بكسل؛ }.pu-cta أ{ عرض: كتلة مضمنة؛ الخلفية: التدرج الخطي (135 درجة، #0058c5، #1687ff)؛ اللون: #ففف؛ الحشو: 13 بكسل 28 بكسل؛ نصف قطر الحدود: 28 بكسل؛ وزن الخط: 700؛ زخرفة النص: لا شيء؛ ظل الصندوق:0 0 18px rgba(30,130,255,.38); }.بو-إشعار{ الخلفية: rgba(255,180,20,.07); الحدود: 1px الصلبة rgba(255,190,50,.28); نصف قطر الحدود: 13 بكسل؛ الحشو: 21 بكسل؛ الهامش العلوي: 25 بكسل؛ }.بو-إشعار h3{ اللون: #ffd06f؛ حجم الخط: 1em؛ الهامش السفلي: 9 بكسل؛ }.pu-إشعار ع{ اللون: #ffe8b5؛ حجم الخط: .88em؛ الهامش السفلي:6 بكسل؛ }.pu-إشعار ص:الطفل الأخير{ الهامش السفلي:0; }@media(max-width:600px){.psuk-cat .pu-hero{ الحشو: 40 بكسل 16 بكسل؛ }.بسوك-كات h1{ حجم الخط: 1.75em؛ }.بسوك-كات h2{ حجم الخط: 1.2em؛ }.pu-box، .pu-منطقة-مربع، .بو-صندوق التسليم{ الحشو: 19 بكسل؛ }}