/* mobile.css — адаптивность pwdpoppers24.ru (Sophie, 04.11.2026).
Подключается после media.css. Заменяет жёсткую раскладку 950 px: ничего в старых файлах не удалено,
при необходимости откат = убрать mobile.css и вернуть два в header.tpl. */
@media only screen and (max-width: 980px) {
html, body { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow-x: hidden; }
body { font-size: 16px; -webkit-text-size-adjust: 100%; }
img { max-width: 100%; height: auto; }
p, td p { font-size: 16px !important; line-height: 1.5 !important; }
h2 { font-size: 20px; margin-left: 12px; margin-right: 12px; }
h3 { font-size: 18px; }
/* каркас */
#wrapper, .content, #content, #header, #header_content, #banner, #banner_text_container, #banner_text,
#header_menu_wrapper, #header_menu_lang_wrapper, #footer, #product_container {
width: 100% !important; max-width: 100% !important; box-sizing: border-box;
}
#header_menu, #header_menu_lang, #header_lang { width: 100% !important; box-sizing: border-box; }
.content { padding-left: 8px; padding-right: 8px; }
/* шапка: логотип и корзина */
#header { height: 64px !important; background-size: 100% 64px !important; }
#header_content { height: 64px !important; padding: 0 8px; }
#header_left { width: auto !important; height: 64px !important; max-width: 60%; }
#header_logo { width: 220px !important; max-width: 100%; height: 40px !important; margin-top: 12px !important; background-size: contain !important; background-position: left center !important; }
#header_right { width: auto !important; height: 64px !important; }
#cart_count { left: 28px !important; top: -2px !important; width: 22px !important; height: 22px !important; line-height: 22px !important; font-size: 13px !important; }
#cart_sum { line-height: 64px !important; font-size: 15px !important; }
#cart_logo_container { margin-top: 10px !important; padding-right: 8px !important; width: 44px !important; height: 44px !important; }
#cart_logo { width: 44px !important; height: 44px !important; background-size: 70% !important; }
/* баннер */
#banner { height: auto !important; min-height: 0 !important; background-position: center top !important; }
#banner_text_container { height: auto !important; padding: 72px 12px 20px !important; }
.header_icons { font-size: 15px !important; line-height: 1.5 !important; }
.header_icons img { width: 26px !important; padding-right: 8px !important; vertical-align: middle; }
#banner_text { font-size: 15px; }
.phone_wrapper { width: 100% !important; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.phone_wrapper img { width: 34px !important; height: 34px !important; }
.phone__number a, .phone__number { font-size: 24px !important; line-height: 34px !important; white-space: nowrap; }
/* меню: горизонтальная прокрутка */
#header_menu_wrapper, #header_menu_lang_wrapper { height: 48px !important; overflow: hidden; }
#header_menu, #header_menu_lang { height: 48px !important; line-height: 48px !important; overflow-x: auto; -webkit-overflow-scrolling: touch;
justify-content: flex-start !important; flex-wrap: nowrap; white-space: nowrap; padding: 0 !important; font-size: 15px !important; scrollbar-width: none; }
#header_menu::-webkit-scrollbar, #header_menu_lang::-webkit-scrollbar { display: none; }
#header_menu > div, #header_menu_lang > div { flex: 0 0 auto; padding: 0 14px !important; }
#header_menu a, #header_menu div, #header_menu_lang a, #header_menu_lang div { font-size: 15px !important; line-height: 48px !important; height: 48px; }
#header_menu_lang > div, .pdl_70 { padding-left: 14px !important; background-image: none !important; }
#header_lang { height: auto !important; flex-wrap: wrap; padding-top: 4px; }
/* блок «шапки страницы» и текст */
.shadow-border { margin-left: 4px !important; margin-right: 4px !important; margin-top: 12px !important; margin-bottom: 16px !important;
padding-left: 0 !important; font-size: 16px !important; line-height: 1.5 !important; }
.header_container { padding: 12px !important; text-align: left !important; }
.pc { font-size: 20px !important; line-height: 1.3 !important; }
.header_show_text { font-size: 15px !important; padding: 8px 0 !important; }
.header_map, .header_text { float: none !important; margin: 0 0 8px !important; }
/* листинг товаров */
.products { min-width: 0 !important; width: 100% !important; }
.item { width: calc(100% - 8px) !important; height: auto !important; float: none !important; margin: 8px 4px !important; overflow: hidden; display: flex; }
.item_left { width: 38% !important; height: auto !important; float: none !important; flex: 0 0 38%; }
.item_left img { margin: 8px auto 0 !important; max-width: 100%; }
.item_left span { font-size: 13px !important; }
.item_right { width: 62% !important; height: auto !important; float: none !important; flex: 1 1 auto; padding: 0 8px 8px; box-sizing: border-box; }
.item_title h2, .item_title h3 { font-size: 17px !important; line-height: 1.25 !important; margin: 8px 0 !important; padding-top: 0 !important; }
.item_description { height: auto !important; max-height: 4.5em; overflow: hidden; font-size: 14px !important; line-height: 1.5 !important; }
.item_description p { font-size: 14px !important; }
.item_price { height: auto !important; font-size: 20px !important; line-height: 1.4 !important; padding-left: 0 !important; margin-top: 4px; }
.item_buttons { height: auto !important; margin-top: 6px; }
.btn, .btn_silver { box-sizing: border-box; max-width: 100%; }
.item_buttons { display: flex; flex-wrap: wrap; gap: 6px; }
.item_buttons a { display: block; }
.item_buttons a.hide { display: block !important; }
.item_buttons .btn.mobile { display: none !important; }
.btn { font-size: 16px !important; height: 40px !important; line-height: 38px !important; padding: 0 16px !important; margin-right: 8px !important; margin-bottom: 4px; }
/* карточка товара */
#product > table, #product > table > tbody, #product > table > tbody > tr, #product > table > tbody > tr > td { display: block; width: 100% !important; box-sizing: border-box; }
#product > table > tbody > tr > td:first-child { text-align: center; padding: 8px 0; }
#product td, #product td p, #product td span { text-align: left !important; font-size: 16px !important; line-height: 1.5 !important; }
#product .ml { font-size: 14px !important; line-height: 1.4 !important; text-align: center !important; }
.product_price_spinner_left, .product_price_spinner_number, .product_price_spinner_right { float: none !important; display: inline-block !important; vertical-align: middle; margin: 0 4px !important; text-align: center; }
.product_price_spinner_number { width: 36px; font-size: 20px !important; }
.product_price_spinner_left, .product_price_spinner_right { width: 52px; }
#product h1 { font-size: 22px !important; line-height: 1.25 !important; }
#product table table { width: 100% !important; }
#product_container { padding: 0 8px; }
.product_img { width: 100% !important; height: auto !important; min-height: 260px; float: none !important; margin: 0 0 12px !important; box-sizing: border-box; }
.product_img > img { position: static !important; display: block; margin: 0 auto !important; max-width: 100% !important; }
.product_description { width: 100% !important; float: none !important; min-height: 0 !important; }
.product_description_table { width: 100% !important; }
.product_price_container { width: 100% !important; height: auto !important; float: none !important; margin: 12px 0 !important; box-sizing: border-box; overflow: hidden; padding-bottom: 8px; }
.product_price_button { width: calc(100% - 24px) !important; margin: 8px 12px !important; }
table { max-width: 100%; }
/* оформление заказа (quickcheckout) */
#shipping_method_list table, #shipping_method_list tbody, #shipping_method_list tr { display: block; width: 100% !important; }
#shipping_method_list tr { padding: 8px 0; border-bottom: 1px solid #e3e3e3; overflow: hidden; }
#shipping_method_list td { display: block; width: 100% !important; padding: 0 !important; font-size: 15px !important; line-height: 1.4 !important; }
#shipping_method_list td:empty { display: none; }
#shipping_method_list label, #shipping_method_list .text, #shipping_method_list .price { font-size: 15px !important; line-height: 1.4 !important; }
#shipping_method_list .text { display: block; margin: 2px 0 2px 32px; color: #555; }
#shipping_method_list .price { margin-left: 32px; }
#shipping_method_list label span, #shipping_method_list label { font-size: 16px !important; }
.qc-step h2, #content h2 { font-size: 19px !important; line-height: 1.3 !important; }
.qc-checkout-product, .qc-checkout-product table, .qc-checkout-product td { font-size: 15px !important; line-height: 1.4 !important; }
.qc-checkout-product h2 { font-size: 17px !important; text-align: left !important; }
.qc-checkout-product table.cart_product, .qc-checkout-product table.cart_product > tbody, .qc-checkout-product table.cart_product > tbody > tr { display: block; width: 100% !important; }
.qc-checkout-product table.cart_product > tbody > tr > td { display: block; width: 100% !important; box-sizing: border-box; }
.qc-checkout-product table.cart_product > tbody > tr > td:first-child { text-align: center; }
.qc-step label, .qc-step .control-label { font-size: 15px !important; }
.qc-step input[type=text], .qc-step input[type=tel], .qc-step input[type=email], .qc-step textarea { width: 100% !important; box-sizing: border-box; }
.form-horizontal .form-group { margin-left: 0; margin-right: 0; }
.form-horizontal .control-label, .form-horizontal [class*=col-] { width: 100% !important; float: none !important; text-align: left !important; padding-left: 0; padding-right: 0; }
.qc-checkout-product .cart_product .ml { font-size: 14px !important; }
/* подвал */
#footer_menu { height: auto !important; flex-wrap: wrap; line-height: 40px !important; font-size: 15px !important; justify-content: center !important; }
#footer_menu div { padding: 0 10px; }
#footer_copyright { padding: 12px !important; font-size: 14px; }
/* формы, таблицы и отзывы */
input[type=text], input[type=tel], input[type=email], input[type=password], textarea, select { max-width: 100%; box-sizing: border-box; font-size: 16px; }
.table_price { padding: 8px !important; overflow-x: auto; }
.table_price table { width: 100% !important; }
.table_price td, th { font-size: 14px !important; }
#captcha_block { width: 100% !important; }
}
@media only screen and (max-width: 480px) {
#header_logo { width: 180px !important; }
.phone__number a, .phone__number { font-size: 22px !important; }
.item_left { flex-basis: 34%; width: 34% !important; }
.item_right { width: 66% !important; }
}