Смартфон Moto Edge 60 pro 8/256 Shadow (green) (PB7X0088RS)

.l-container { overflow: clip; min-height: 100%; display: flex; flex-direction: column; line-height: 1.33; color: #000; background: inherit; } .l-container img { vertical-align: top; } .l-container > main { flex-grow: 1; } [class*="_container"] { max-width: 1400px; margin: 0 auto; } [class*="_bold"] { font-weight: 700; } img { max-width: 100%; } .allo_content_mod { position: relative; } .allo_titl_clam { font-weight: 700; font-size: clamp(16px, 6vw, 64px); } .title_custom_add { font-weight: 700; font-size: clamp(14px, 4vw, 36px); } .allo_description_custom { font-weight: 400; font-size: clamp(10px, 2vw, 22px); } .allo_content_tt { color: #fff; position: absolute; top: 25%; right: 5%; left: 75%; text-shadow: 4px 10px 12px #00000077; } .title_cust { display: flex; flex-direction: column; align-items: stretch; gap: clamp(10px, 2vw, 20px); } .allo_title { empty-cells: 35vw; max-width: 200px; } .allo_content_ttl { font-weight: 700; font-size: clamp(10px, 4vw, 64px); } .allo_content_custom_bk { padding: 2% 0; } .allo_main_content_edit { display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; gap: 20px; } .allo_main_content_edit_cl { flex: 0 1 25%; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 20px; } .allo_main_content_edit_cl:nth-child(2) { flex: 0 1 50%; } .allo_main_content_edit_desc { position: relative; } .allo_main_content_edit_tt { text-align: center; gap: clamp(5px, 2vw, 10px); } .allo_main_content_edit_bt { position: absolute; bottom: 2%; left: 2%; right: 2%; } .allo_main_content_edit_sbs { font-size: clamp(10px, 2.5vw, 34px); } .allo_main_content_edit_dsc { font-size: clamp(8px, 2vw, 20px); } .allo_main_content_edit_rw { display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; gap: 20px; } .allo_main_content_edit_cls { flex: 0 1 50%; background: #fbf8f6; padding: 3%; border-radius: 2em; } .allo_main_content_edit_ic { display: flex; justify-content: center; margin: 0 auto 5%; } .allo_main_content_edit_tp { position: absolute; top: 18%; left: 2%; right: 2%; text-align: center; } .allo_main_content_flex { margin-bottom: 20px; } .allo_text_block { display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; gap: 20px; } .allo_text_block_content { padding: 3%; } .allo_text_block_cont { overflow: hidden; border-radius: 2em; background: #fbf9f7; flex: 0 1 50%; display: flex; flex-direction: column; align-items: stretch; text-align: center; gap: 20px; justify-content: space-between; } .allo_title_light { background: #fa7250; background: linear-gradient( 90deg, rgba(250, 114, 80, 1) 0, rgba(138, 130, 215, 1) 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .allo_image_container { display: flex; justify-content: end; padding-left: 5%; } .allo_text_block_cont:nth-child(2) .allo_image_container { justify-content: start; padding-right: 5%; padding-left: 0; } .allo_content_modif_bg { border-radius: 2em; background: #fbf9f7; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; } .allo_content_modw_tt { flex: 0 1 45%; padding: 5%; } .title_cust_grd { background: #765274; background: linear-gradient( 180deg, rgba(118, 82, 116, 1) 0, rgba(172, 137, 171, 1) 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .allo_content_mod_desc { flex: 0 1 55%; } .allo_content_custom_ln { display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; gap: 20px; } .allo_cont_line_first { display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 20px; } .allo_cont_line_desc { position: relative; } .allo_cont_line_sbs { position: absolute; top: 25%; text-align: center; left: 2%; color: #ffffff88; right: 2%; font-size: clamp(10px, 3vw, 44px); } .allo_cont_line_tt { position: absolute; top: 25%; left: 60%; right: 2%; } .allo_cont_line_lt { color: #fff; left: 5%; top: 10%; right: 45%; } .allo_cont_line_desc:nth-child(1) .allo_cont_line_dsc { color: #fff; } .allo_cont_line_dsc { position: absolute; bottom: 3%; left: 5%; right: 5%; text-align: center; } .allo_padd { padding: 3%; } .allo_titl_clamst { font-size: clamp(10px, 2vw, 18px); } @media (max-width: 768px) { .allo_text_block, .allo_content_custom_ln, .allo_content_modif_bg { display: flex; flex-direction: column; align-items: stretch; gap: 20px; } .allo_cont_line_lt { color: inherit; } .allo_cont_line_first { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 5%; } .allo_cont_line_tt { position: static; text-align: center; padding: 3%; } .allo_content_modif_bg { padding: 5% 0 0; } .allo_main_content_edit { flex-wrap: wrap; gap: 10px; } .allo_main_content_edit_cl { gap: 10px; } .allo_main_content_edit_cl:nth-child(1) { flex: 0 1 48%; order: 1; } .allo_main_content_edit_cl:nth-child(3) { flex: 0 1 48%; order: 2; } .allo_main_content_edit_cl:nth-child(2) { order: 3; flex: 0 1 100%; } .allo_titl_clam { font-size: clamp(18px, 7vw, 64px); } .title_custom_add { font-size: clamp(16px, 6vw, 36px); } .allo_description_custom { font-size: clamp(14px, 5vw, 22px); } .allo_main_content_edit_sbs { font-size: clamp(12px, 3vw, 34px); } .allo_main_content_edit_dsc, .allo_cont_line_dsc { font-size: clamp(10px, 2.5vw, 24px); } }