/* Cyberland: responsive presentation layer. Desktop rules remain in the original stylesheets. */
.cl-mobile-tools, .cl-modal-close { display:none; }
@media (max-width:1023px) {
  html, body { width:100%; min-width:0; height:auto; }
  body { font-size:15px; line-height:1.45; color:#515851; -webkit-text-size-adjust:100%; }
  #layout { height:auto; min-height:100vh; }
  #bg, #header .lines, #header .gline { display:none; }
  #header, #header.fixed, #header.top { position:relative!important; height:auto; width:100%; background:#119d1f; }
  #header > .container { min-width:0; max-width:none; width:auto; height:auto; margin:0; padding:8px 12px 12px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px 10px; }
  #header .logo_cyberland { position:relative; grid-column:1 / -1; left:auto; top:auto; width:220px; max-width:calc(100% - 96px); height:62px; background-size:contain; background-position:left center; }
  #header .auth_block { position:absolute; top:12px; right:12px; left:auto; width:auto; height:auto; padding:0; background:none; display:flex; flex-direction:column; align-items:flex-end; }
  #header .auth_block span { display:none; }
  #header .auth_block a { float:none; padding:5px 0 5px 6px; font-size:13px; height:auto; line-height:20px; }
  #header #catalog_menu_lnk { position:static; display:flex; align-items:center; justify-content:center; margin:0; width:auto; min-height:44px; height:auto; padding:0 14px; border:0; border-radius:10px; background:#ee7d1c; box-shadow:none; font-size:16px; line-height:24px; text-align:center; }
  #catalog_menu_lnk:before { content:'☰'; margin-right:8px; font-size:20px; }
  #top_menu { position:static; display:flex; justify-content:flex-end; align-items:center; gap:6px; width:auto!important; height:auto; margin:0; padding:0; }
  #top_menu > li, #top_menu > li.contacts, #top_menu > li.cart, #top_menu > li.feedback { display:flex!important; position:relative; float:none; width:auto; align-items:center; justify-content:center; min-width:44px; min-height:44px; height:44px; margin:0; padding:0 8px; border-radius:10px; background:#087914; cursor:pointer; }
  #top_menu > li .ico { display:none; }
  #top_menu > li .in { position:static; margin:0; padding:0; width:auto; height:auto; background:none; font-size:0; line-height:24px; white-space:nowrap; }
  #top_menu > li.contacts .in:before { content:'Контакты'; font-size:12px; }
  #top_menu > li.contacts .in > span { display:none; }
  #top_menu > li.feedback { display:none!important; }
  #top_menu > li.cart .in:before { content:'Корзина '; font-size:12px; }
  #top_menu li.cart #top_cart_count { width:24px; height:24px; line-height:24px; font-size:13px; }
  #top_menu li.cart #top_cart_text { display:none; }
  #wrapper { min-width:0; width:auto; max-width:900px; min-height:0; height:auto; padding:14px 12px 28px; }
  #middle { display:flex; flex-direction:column; gap:18px; }
  #container { order:2; float:none; width:100%; overflow:visible; min-width:0; }
  #content, #content.no_right { padding:0; min-width:0; }
  #sideLeft { order:1; float:none; width:100%; margin:0; min-width:0; }
  #sideRight, #sideRight.in_item { display:none!important; }
  #sideLeft > * { display:none; }
  #sideLeft #left_search { display:block; box-sizing:border-box; width:100%; height:46px; padding:0 50px 0 14px; border-color:#bdcbbf; border-radius:12px; }
  #left_search .what { height:44px; line-height:44px; font-size:16px; color:#343d36; }
  #left_search .submit_btn { width:44px; height:44px; right:2px; background-position:center; }
  #sideLeft .cl-mobile-tools { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
  .cl-mobile-tools button { flex:1; min-height:40px; padding:6px 12px; border:1px solid #cbd8cc; border-radius:9px; background:#f4f8f4; color:#176023; font:14px Arial,sans-serif; cursor:pointer; }
  .cl-mobile-tools button[aria-expanded=true] { background:#e0efe2; border-color:#119d1f; }
  body.cl-catalog-open #sideLeft #left_menu, body.cl-filter-open #sideLeft #catalog_filter, body.cl-brands-open #sideLeft #left_brends { display:block; }
  #left_menu { margin:12px 0 0; padding:6px 14px; border:1px solid #dce5dc; border-radius:12px; background:#f6f9f6; }
  #left_menu > li { padding:0; border-color:#d4dfd4; }
  #left_menu > li:last-child { border:0; }
  #left_menu > li > a { padding:13px 0; font-size:15px; line-height:22px; }
  #left_menu ul a { display:block; padding:7px 0; font-size:14px!important; }
  #left_brends { margin:12px 0 0; width:auto; padding:14px; }
  #left_brends .container { height:auto!important; overflow:visible; }
  #left_brends ul { position:static!important; height:auto!important; width:auto!important; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  #left_brends li { width:auto!important; }
  #left_brends .prev_btn, #left_brends .next_btn { display:none; }
  #catalog_filter { margin:12px 0 0; padding:14px; border:1px solid #dce5dc; border-radius:12px; }
  #main_slider { width:100%!important; height:auto; aspect-ratio:484 / 365; max-width:640px; margin:0 auto; border-radius:14px; overflow:hidden; }
  #main_slider .container, #main_slider .container .slide, #main_slider .container .slide a { width:100%; height:100%; }
  #main_slider .container .slide .res_img { display:none!important; }
  #main_slider .container .slide .res_img[rel="1024"] { display:block!important; width:100%; height:100%; object-fit:contain; }
  #main_slider .prev_btn, #main_slider .next_btn { top:calc(50% - 24px); transform:scale(.8); }
  #main_slider .prev_btn { left:0; }
  #main_slider .next_btn { right:0; }
  #main_slider nav { display:flex; justify-content:center; flex-wrap:wrap; left:45px; right:45px; bottom:12px; height:auto; gap:5px; }
  #main_slider nav a { margin:0; }
  h1, h2, #intresting_items h2, .cat_head h2 { font-size:23px; line-height:1.25; overflow-wrap:anywhere; }
  #intresting_items h2 { margin:0 0 14px; }
  #items_list, #items_list2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:100%!important; margin:0!important; padding:0!important; height:auto!important; overflow:visible; }
  #items_list:after { display:none; }
  #items_list li.item, #items_list2 li.item { box-sizing:border-box; display:flex; flex-direction:column; float:none; width:auto!important; height:auto!important; min-width:0; margin:0; padding:12px; border:1px solid #e0e7e0; border-radius:12px; box-shadow:0 3px 12px #162d1608; }
  #items_list li.item .catalog, #items_list2 li.item .catalog { width:auto; height:auto; min-height:30px; padding-right:17px; margin:0 0 8px; font-size:11px; line-height:15px; overflow-wrap:anywhere; }
  #items_list li.item .image, #items_list2 li.item .image { display:flex; align-items:center; justify-content:center; width:100%; height:140px; margin:0 0 10px; overflow:hidden; }
  #items_list li.item .image img, #items_list2 li.item .image img { max-width:100%; max-height:140px; width:auto; height:auto; object-fit:contain; }
  #items_list li.item .title, #items_list2 li.item .title { height:auto; margin-bottom:8px; font-size:14px; line-height:19px; overflow-wrap:anywhere; }
  #items_list li.item .anounce, #items_list2 li.item .anounce { height:auto; max-height:57px; overflow:hidden; font-size:12px; line-height:19px; margin:0 0 12px; color:#707870; }
  #items_list li.item .stock, #items_list2 li.item .stock { right:9px; top:13px; }
  #items_list li.item .to_cart, #items_list2 li.item .to_cart { margin-top:auto; }
  a.to_cart { box-sizing:border-box; height:auto; min-height:44px; padding:9px 4px; border:0; border-radius:9px; background:#119d1f; box-shadow:none; font-size:16px; line-height:24px; text-shadow:none; }
  a.to_cart > span { background:none; line-height:24px; }
  a.to_cart .price { font-size:16px; }
  a.to_cart .old_price { display:block; font-size:12px; line-height:16px; }
  #catalogs_list { padding-top:10px; }
  #catalogs_list .cat td.image { width:90px; padding:10px; }
  #catalogs_list .cat img { max-width:90px; max-height:95px; height:auto; object-fit:contain; }
  #catalogs_list .cat .title { font-size:19px; line-height:24px; }
  #catalogs_list .cat .desc { font-size:13px; line-height:19px; }
  .cat_head, .cat_head tbody, .cat_head tr, .cat_head td { display:block; width:auto; }
  .cat_head .right { width:auto; padding:12px 0 0; text-align:left; }
  #catalog_view { height:auto; display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
  #catalog_view .view { float:none; margin:0; min-height:34px; }
  #items_sort { width:auto; max-width:300px; box-sizing:border-box; height:auto; min-height:40px; }
  #items_sort .select_emu { width:auto; }
  #items_list_list li.item { padding:14px 0; }
  #items_list_list li.item .image { position:static; float:none; width:auto; margin-bottom:10px; }
  #items_list_list li.item .item_info, #items_list_list li.item .item_info tbody, #items_list_list li.item .item_info tr, #items_list_list li.item .item_info td { display:block; width:auto; padding:0; }
  #items_list_list li.item .item_info .price_compare { padding-top:12px; }
  #items_list_table { display:block; max-width:100%; overflow-x:auto; }
  #catalog_pages { height:auto; display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding:12px 0; }
  #catalog_pages .perpage { position:static; width:auto; margin:0; }
  #catalog_paginator { display:flex; flex-wrap:wrap; gap:4px; }
  #catalog_paginator a, #catalog_paginator span { min-width:30px; min-height:36px; line-height:36px; text-align:center; margin:0; }
  #item_path { height:auto; line-height:22px; overflow-wrap:anywhere; }
  #item .main_info, #item .main_info > tbody, #item .main_info > tbody > tr, #item .main_info > tbody > tr > td { display:block; width:100%; box-sizing:border-box; }
  #item .main_info .images { width:100%; }
  #item .main_info .images > a { box-sizing:border-box; width:100%; height:300px; border-radius:12px; display:flex; align-items:center; justify-content:center; }
  #item .main_info .images > a img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
  #item_images_container { max-width:100%; width:100%; }
  #item .main_info .info { padding:12px 0 0; }
  #item .main_info .info .top { height:auto; min-height:32px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; }
  #item .main_info .stock { position:static; white-space:normal; }
  #item .main_info h2 { font-size:23px; overflow-wrap:anywhere; }
  #item .main_info .info .price { padding-right:0; display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
  #item .main_info .quantiti { position:static; height:44px; display:flex; align-items:center; margin-left:auto; }
  #item .main_info .quantiti a { min-width:36px; line-height:44px; text-align:center; }
  #item .main_info .quantiti input { width:40px; height:40px; margin:0 2px; }
  #item .main_info .to_cart { max-width:none; }
  #item_tabs nav { display:flex; height:auto; flex-wrap:wrap; gap:6px; padding-bottom:8px; }
  #item_tabs nav a { float:none; margin:0; }
  #item_tabs nav a span { height:auto; padding:10px 12px; font-size:15px; line-height:22px; border-radius:8px; }
  #item_tabs .container .tab { overflow-x:auto; overflow-wrap:anywhere; }
  #item_tabs img, #page_text img, #publication_text img { max-width:100%!important; height:auto!important; }
  #item_tabs table, #page_text table { max-width:100%; }
  #item_tabs .gray_table { table-layout:fixed; }
  #item_tabs .gray_table td { overflow-wrap:anywhere; }
  #additional_items .container, #additional_items2 .container { height:auto; overflow:visible; }
  #additional_items .prev_btn, #additional_items .next_btn, #additional_items2 .prev_btn, #additional_items2 .next_btn { display:none; }
  #additional_items ul, #additional_items2 ul { position:static!important; margin-left:0!important; }
  #additional_items h3, #additional_items2 h3 { font-size:22px; }
  #content input:not([type=checkbox]):not([type=radio]), #content textarea, #content select { box-sizing:border-box; max-width:100%; font-size:16px; }
  #content .input_text, #content .submit, #wrapper .button { height:auto; min-height:44px; line-height:24px; padding-top:9px; padding-bottom:9px; }
  #content iframe { max-width:100%; }
  #comment_form { width:auto; }
  #comment_form .row { width:auto; padding-left:0; }
  #comment_form .row .f_title { position:static; width:auto; margin-bottom:6px; }
  #comments_block > .head { padding-right:0; }
  #wrapper #add_comment_lnk { position:static; display:block; width:auto; margin-top:10px; }
  #main_news .container { height:auto; overflow-x:auto; }
  #main_news .container ul { position:static; display:flex; width:max-content!important; }
  #main_news .container ul li { float:none; flex:0 0 221px; }
  #footer { height:auto; margin-top:0; }
  #footer .in { min-width:0; width:auto; height:auto; padding:24px 14px; }
  #bottom_menu, #bottom_menu tbody, #bottom_menu tr { display:block; width:100%; }
  #bottom_menu tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; }
  #bottom_menu td { display:block; }
  #bottom_menu td a { padding:10px 0; border:0; text-align:left; white-space:normal; }
  #copyrights, #copyrights tbody, #copyrights tr, #copyrights td { display:block; width:auto; height:auto; text-align:left; }
  #copyrights colgroup { display:none; }
  #copyrights td { padding-top:18px; font-size:12px; line-height:18px; }
  #header .modals { box-sizing:border-box; position:fixed!important; top:12px!important; left:12px!important; right:12px!important; width:auto!important; max-width:600px; max-height:calc(100dvh - 24px); margin:0 auto!important; overflow:auto; padding:46px 16px 20px!important; border:2px solid white; border-radius:14px; z-index:8000; }
  #header .modals .input_text, #header .modals .input_textarea, #header .modals .submit, #header .modals .select_emu { box-sizing:border-box; width:100%!important; max-width:100%; min-height:44px; height:auto; font-size:16px; line-height:24px; padding:10px 14px; }
  #header .modals .input_textarea { min-height:100px; }
  #header .modals .select_emu { padding:8px 0; }
  #header .modals .select_emu select { height:44px; font-size:16px; }
  #header .modals .row { max-width:100%; }
  #header .modals .cl-modal-close { display:block; position:absolute; right:8px; top:6px; width:40px; height:36px; border:0; background:#087914; color:#fff; border-radius:8px; font-size:25px; cursor:pointer; }
  #header #catalogs_top { display:none!important; }
  #header #cart_win .menu { height:auto; line-height:24px; }
  #header #cart_win .menu .close { display:none; }
  #header #cart_container .cart_items, #header #cart_container .cart_items tbody { display:block; width:100%; }
  #header #cart_container .cart_items tr { display:grid; grid-template-columns:60px minmax(0,1fr) 26px; gap:10px; padding:14px 0; border-bottom:1px solid #ffffff50; }
  #header #cart_container .cart_items td { width:auto; padding:0; border:0; }
  #header #cart_container .cart_items .image { grid-column:1; grid-row:1; }
  #header #cart_container .cart_items .image a { width:60px; height:60px; }
  #header #cart_container .cart_items .image img { max-width:100%; height:auto; }
  #header #cart_container .cart_items .name { grid-column:2; grid-row:1; overflow-wrap:anywhere; }
  #header #cart_container .cart_items .remove { grid-column:3; grid-row:1; }
  #header #cart_container .cart_items .remove a { width:26px; height:30px; background-position:center; }
  #header #cart_container .cart_items .quantiti_weight { grid-column:1 / 3; grid-row:2; text-align:left; }
  #header #cart_container .cart_items .quantiti_weight .quantiti { width:40px; padding:0 34px; height:40px; }
  #header #cart_container .cart_items .quantiti_weight .quantiti input { width:40px; height:40px; }
  #header #cart_container .cart_items .quantiti_weight .quantiti a { width:34px; height:40px; line-height:40px; }
  #header #cart_container .cart_items .price { grid-column:2 / 4; grid-row:3; text-align:right; }
  #header #cart_win .total_info { height:auto; padding:0; display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; }
  #cart_total_weight, #cart_total_summ { position:static; width:auto; height:auto; line-height:30px; }
  #cart_total_weight span, #cart_total_summ span { font-size:22px; }
  #header #cart_win .down_menu { height:auto; padding:0; }
  #header #cart_win .down_menu #cart_pay_btn { position:static; width:100%; }
  .msg_box, .modal_win { box-sizing:border-box; max-width:calc(100% - 36px); left:18px!important; right:18px!important; margin-left:auto!important; margin-right:auto!important; }
  .msg_box .in, .msg_box.cart .in { padding:24px; }
  .msg_box { background-image:none!important; }
  #compare_list .in, #compare_win { min-width:0; width:auto; }
  #compare_win { left:12px; right:12px; margin-left:0; max-width:calc(100% - 24px); }
  #compare_win .container { overflow-x:auto; }
  #compare_list { max-width:100%; overflow:auto; }
}
@media (min-width:600px) and (max-width:1023px) {
  #header > .container { max-width:900px; margin:auto; grid-template-columns:240px 1fr auto; }
  #header .logo_cyberland { grid-column:1 / 3; max-width:220px; }
  #header .auth_block { position:static; grid-column:3; grid-row:1; flex-direction:row; gap:10px; }
  #header #catalog_menu_lnk { grid-column:1; }
  #top_menu { grid-column:2 / 4; }
  #top_menu > li.feedback { display:flex!important; }
  #top_menu > li.feedback .in a { font-size:14px; }
  #top_menu > li.contacts .in:before, #top_menu > li.cart .in:before { font-size:14px; }
  #items_list, #items_list2 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #main_slider { aspect-ratio:740 / 365; max-width:none; }
  #main_slider .container .slide .res_img[rel="1024"] { display:none!important; }
  #main_slider .container .slide .res_img[rel="1280"] { display:block!important; width:100%; height:100%; object-fit:contain; }
}
@media (max-width:374px) {
  #header .logo_cyberland { width:184px; height:54px; }
  #header .auth_block a { font-size:12px; }
  #header > .container { column-gap:6px; }
  #header #catalog_menu_lnk { padding:0 8px; font-size:14px; }
  #top_menu > li { padding:0 6px; }
  #items_list, #items_list2 { grid-template-columns:1fr; }
  #items_list li.item .image, #items_list2 li.item .image { height:160px; }
}