.aplus-v2.apm-brand-story-carousel-hero-container,

.aplus-v2.apm-brand-story-carousel-hero-container> ديف {

الموقف: المطلق؛

العرض: 100%؛

}/*

التأكد من أن الدائرة تأخذ المساحة التي تحتاجها فقط.

يجب ضبط الأحجام مرة أخرى على العناصر الموضوعة تمامًا حتى تتمكن من شغل مساحة.

*/

.aplus-v2.apm-brand-story-carousel-container,

.aplus-v2 .apm-brand-story-carousel-hero-container {

الارتفاع: 625 بكسل؛

العرض: 100%؛

أقصى عرض: 1464 بكسل؛

الهامش الأيسر: تلقائي؛

الهامش الأيمن: تلقائي؛

الفائض: مخفي؛

}

.aplus-v2.apm-brand-story-carousel-hero-container,

.aplus-v2.apm-brand-story-carousel-hero-container> ديف {

الارتفاع: 625 بكسل؛

}.aplus-v2.apm-brand-story-carousel.a-carousel-container {

الحشو: 0 بكسل؛

}

/*

يقوم هذا بتوسيط الدائرة عموديًا أعلى حاوية صورة البطل وبعد مساحة الشعار (125 بكسل).

الهامش العلوي = (الارتفاع البطل - ارتفاع البطاقة - شعار ارتفاع المنطقة) / 2 + شعار ارتفاع المنطقة

*/

.aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner {

هامش علوي: 149 بكسل؛

}

/*

تحتاج البطاقات إلى مجموعة عرض، وإلا فإنها افتراضية إلى 50 بكسل أو نحو ذلك.

يجب أن تكون لجميع البطاقات نفس العرض.ستغير حجم الدائرة نفسها بحيث تتجاوز جميع البطاقات عرض أكبر بطاقة.

الهامش الأيسر مخصص لترك مسافة بين كل بطاقة.

*/

.aplus-v2 .apm-brand-story-carousel .a-carousel-card {

العرض: 362 بكسل؛

الهامش الأيسر: 30 بكسل! مهم؛

}

/* تصميم أزرار التنقل بحيث تكون أطول، ومسطحة مع الجوانب، ولها خلفية بيضاء نظيفة */

.aplus-v2.apm-brand-story-carousel .a-carousel-col.a-carousel-left,

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {

الحشو: 0 بكسل؛

}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image,

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image {

الحدود: لا شيء؛

الهامش: 0 بكسل؛

}

.aplus-v2.apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-intern,

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-intern {

الخلفية:#اف اف

الحشو: 20 بكسل 6 بكسل؛

}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-intern {

نصف قطر الحدود: 0 بكسل 4 بكسل 4 بكسل 0 بكسل؛

}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-intern {

نصف قطر الحدود: 4px 0px 0px 4px؛

}