/* Main style reBoot */
@import url('/css/all.min.css');
@import url('/css/bootstrap-icons.css');
@import url('/css/tiny-slider.css');

/* Other style reBoot Template */
.com-order-block {display: none;}
.uadm *, .uadm--mini {display:none !important;}

/* Add form file catalog*/
#txtPart555brief div:nth-child(3n+2), #txtPart555message div:nth-child(3n+2) { display: none; }
#cke_brief div, #cke_message div { background-color: #d3d5d3 !important; border: none !important; padding: 0 !important;}
#txtPart555brief div:first-child, #txtPart555message div:first-child {display: none;}
.ucoz-editor-panel, #briefSymbolsStat, #messageSymbolsStat {display: none !important;}
.cke_reset {display: block !important; }
.fHelp b {color #444 !important;}
form #uCatsMenu7 {position: relative !important; height: 150px !important;; display: block !important; visibility: inherit !important;}
.u-comboeditcell {display: none !important;}
.u-combo { margin-bottom: -15px; padding: 10px !important; white-space: normal !important; border-collapse: collapse !important; border: none !important; float: none !important; width: 100% !important;}
.u-combolist { background: #fff !important; border: 0px solid #fff !important;color: #fff!important; font-weight: 400!important; overflow: auto!important; position: relative!important; padding: 9px 5px!important; border-radius: 3px!important; width: 100% !important; height: 140px!important; box-shadow: inset 0 0 0 1px #e3e3e3, inset 1px 2px 5px rgb(0 0 0 / 10%) !important;}
.u-combolist>div {padding: 3px 10px; color: #000;}
#iplus input[type="button"] { box-shadow: none !important; width: 24px !important; height: 20px !important; padding: 3px !important; line-height: 8px !important; text-align: left; padding-left: 3px; background-color: #f4f4f4; border: 1px solid #a2a2a2 !important; border-radius: 0px !important; color: #444;}
.u-combolist>div label { vertical-align: baseline !important;}
.form-fields input[type="text"] { border: 1px solid #e3e3e3; background: #fff; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.05); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 5px rgba(0,0,0,.05); color: #5c5c5c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 7px 10px; margin: 0 0 0 0;}
.myWinCont input[type=password], .myWinCont input[type=text], .myWinCont textarea { color: #111 !important; }

/* Calendar for uCoz */
.calTable { width: 100%; text-align: center; font-size: 13px; }
.calWday, .calWdaySe, .calWdaySu {background-color: #f6f8fb; font-weight: 700; text-transform: uppercase;}
html[data-theme="dark"] .calWday, .calWdaySe, .calWdaySu {background: rgba(33, 99, 232, 0.1)!important;}
.calWdaySe, .calWdaySu { background-color: #2163e8 !important; color: #fff !important; }
.calMonth { background-color: transparent; color: #b8b8b8; padding-bottom: 15px;}
.calMonth a { color: #b8b8b8 !important; text-transform: uppercase;}
.calTable tr td:nth-child(6), .calTable tr td:nth-child(7) {color: #2163e8;}

/* Navigation for uCoz */
.bottom-navi{text-align:center;width:100%;display:block}
.pprev,.pnext{border-radius:3px;display:inline-block;color:#2163e8;font-size:14px;padding:8px 15px;background:rgba(33, 99, 232, 0.1)}
.pnext:hover,.pprev:hover{background:#0d6efd;color:#fff;text-decoration:none}
.pnext:hover a,.pprev:hover a{color:#fff;text-decoration:none}
.pnext a,.pprev a{color:#2163e8}
.swchItem, .swchItemA, .swchItemA1, .swchItem1 {font-size:14px;font-weight:500;margin-bottom:15px;background:rgba(33, 99, 232, 0.1);border-radius:3px;display:inline-block;margin:0 2.5px;color:#2163e8;padding:8px 15px}
.swchItemA, .swchItemA1 {background-color:#2163e8;color:#fff}
.swchItem:hover, .swchItem1:hover {background:#0d6efd;color:#fff;text-decoration:none}
.swchItemA.nav_ext{background:none;color:#fff}
.nav-load span {display: none;}

/* fullstory */
.full_tags a {margin-right: 0.5rem;display: inline-block;background: transparent;border: 1px solid #d0d4d9;color: #595d69;letter-spacing: 0.5px;position: relative;overflow: hidden;outline: 0;white-space: nowrap;margin-bottom: 6px;padding: 0.4rem 0.8rem;font-size: 0.8125rem;font-weight: 500;line-height: 1.5;text-align: center;vertical-align: middle;cursor: pointer;border-radius: 0.2rem;}
.full_tags a:hover {background: #d0d4d9;border-color: #d0d4d9;color: #191a1f;}
.full_tags i {margin-right:1rem;font-size:18px}

/* PM for uCoz */
.pmCatLinkActive, .pmCatLink {position: relative;overflow: hidden;outline: 0;white-space: nowrap;margin-bottom: 6px;color: #fff;background-color: #2163e8;border-color: #2163e8;display: inline-block;font-weight: 500;line-height: 1.5;text-align: center;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: 0.5rem;font-size: 0.9375rem;border-radius: 0.25rem;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.pmCatLinkActive:hover, .pmCatLink:hover { color: #fff; background-color: #1c54c5; border-color: #1a4fba;}
#pmdform table tr td {border-bottom: 1px solid #efefef;padding: 12px 2px;border-top: 1px solid #efefef;}


.q-container {
 max-width: 800px;
 margin: 0 auto;
 background: white;
 border-radius: 10px;
 box-shadow: 0 2px 10px rgba(0,0,0,0.1);
 overflow: hidden;
 }

 .q-accordion {
 width: 100%;
 }

 .q-item {
 border-bottom: 1px solid #e0e0e0;
 }

 .q-item:last-child {
 border-bottom: none;
 }

 .q-header {
 padding: 15px 20px;
 background: #fff;
 cursor: pointer;
 display: flex;
 justify-content: space-between;
 align-items: center;
 transition: all 0.3s ease;
 
 color: #333;
 }

 .q-header:hover {
 background: #f8f9fa;
 }

 .q-header.q-active {
 background: #007bff;
 color: white;
 }

 .q-header::after {
 content: "▼";
 font-size: 12px;
 transition: transform 0.3s ease;
 }

 .q-header.q-active::after {
 transform: rotate(180deg);
 }

 .q-content {
 max-height: 0;
 overflow: hidden;
 background: #fafafa;
 transition: max-height 0.4s ease;
 }

 .q-content.q-show {
 max-height: 500px;
 }

 .q-sublink {
 display: block;
 padding: 12px 20px 12px 40px;
 color: #555;
 text-decoration: none;
 border-left: 3px solid transparent;
 transition: all 0.3s ease;
 position: relative;
 }

 .q-sublink:hover {
 background: #e9ecef;
 border-left-color: #007bff;
 color: #007bff;
 padding-left: 45px;
 }

 .q-sublink::before {
 content: "•";
 position: absolute;
 left: 25px;
 color: #6c757d;
 }

 .q-sublink:hover::before {
 color: #007bff;
 }

 .q-title {
 text-align: center;
 padding: 20px;
 background: #2c3e50;
 color: white;
 font-size: 20px;
 font-weight: bold;
 }

.wnutrition-wrapper {
 max-width: 800px;
 width: 100%;
 background: white;
 border-radius: 15px;
 
 overflow: hidden;
 }

 .wheader-section {
 background: #2c3e50;
 color: white;
 padding: 25px;
 text-align: center;
 }

 .wmain-title {
 font-size: 28px;
 font-weight: 700;
 margin-bottom: 10px;
 }

 .wsub-title {
 font-size: 16px;
 opacity: 0.8;
 }

 .wcontent-area {
 padding: 40px 30px;
 }

 .wproduct-name {
 font-size: 24px;
 font-weight: 600;
 color: #2c3e50;
 margin-bottom: 30px;
 text-align: center;
 padding-bottom: 20px;
 border-bottom: 2px solid #f0f0f0;
 }

 .wvalues-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 15px;
 }

 .wvalue-card {
 background: white;
 padding: 25px 15px;
 border-radius: 12px;
 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
 text-align: center;
 border-top: 5px solid transparent;
 transition: all 0.3s ease;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 }

 .wvalue-card:hover {
 transform: translateY(-10px);
 box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
 }

 .wicon-style {
 font-size: 32px;
 font-weight: bold;
 margin-bottom: 15px;
 }

 .wnumber-display {
 font-size: 28px;
 font-weight: 700;
 margin-bottom: 8px;
 }

 .wlabel-text {
 font-size: 14px;
 color: #6c757d;
 font-weight: 500;
 text-transform: uppercase;
 }

 /* Стили для калорий */
 .wcalories-type {
 border-top-color: #e74c3c;
 background: linear-gradient(135deg, #fff, #fef0ef);
 }
 .wcalories-type .wnumber-display {
 color: #e74c3c;
 }
 .wcalories-type .wicon-style {
 color: #e74c3c;
 }

 /* Стили для белков */
 .wprotein-type {
 border-top-color: #27ae60;
 background: linear-gradient(135deg, #fff, #f0f9f4);
 }
 .wprotein-type .wnumber-display {
 color: #27ae60;
 }
 .wprotein-type .wicon-style {
 color: #27ae60;
 }

 /* Стили для жиров */
 .wfat-type {
 border-top-color: #f39c12;
 background: linear-gradient(135deg, #fff, #fef9f0);
 }
 .wfat-type .wnumber-display {
 color: #f39c12;
 }
 .wfat-type .wicon-style {
 color: #f39c12;
 }

 /* Стили для углеводов */
 .wcarbs-type {
 border-top-color: #9b59b6;
 background: linear-gradient(135deg, #fff, #f8f5fc);
 }
 .wcarbs-type .wnumber-display {
 color: #9b59b6;
 }
 .wcarbs-type .wicon-style {
 color: #9b59b6;
 }

 .wfooter-section {
 background: #f8f9fa;
 padding: 20px;
 text-align: center;
 color: #6c757d;
 font-size: 14px;
 border-top: 1px solid #e0e0e0;
 }

 @media (max-width: 768px) {
 body {
 padding: 20px;
 }
 
 .wnutrition-wrapper {
 max-width: 100%;
 }
 
 .wvalues-grid {
 grid-template-columns: repeat(2, 1fr);
 gap: 10px;
 }
 
 .wcontent-area {
 padding: 20px 15px;
 }
 
 .wvalue-card {
 padding: 20px 10px;
 }
 
 .wnumber-display {
 font-size: 22px;
 }
 
 .wicon-style {
 font-size: 24px;
 }
 }

 @media (max-width: 480px) {
 .wvalues-grid {
 grid-template-columns: 1fr;
 }
 }


 .home-button {
 display: inline-block;
 width: 100%;
 padding: 12px 24px;
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 text-decoration: none;
 border-radius: 8px;
 font-family: 'Arial', sans-serif;
 font-size: 16px;
 font-weight: 600;
 cursor: pointer;
 transition: all 0.3s ease;
 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
 position: relative;
 overflow: hidden;
 box-sizing: border-box;
 margin-bottom: 5px;
 text-align: center;
 }

 .home-button:hover {
 transform: translateY(-2px);
 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
 background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
 color: white;
 }

 .home-button:active {
 transform: translateY(0);
 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
 }

 .home-button::before {
 content: '';
 position: absolute;
 top: 0;
 left: -100%;
 width: 100%;
 height: 100%;
 background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
 transition: left 0.5s;
 }

 .home-button:hover::before {
 left: 100%;
 }


.hot-dishes-category {
 max-width: 800px;
 margin: 40px auto;
 padding: 30px;
 background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 100%);
 border-radius: 20px;
 box-shadow: 0 10px 30px rgba(70, 130, 180, 0.15);
 border: 1px solid #d1e7ff;
 font-family: 'Arial', sans-serif;
}

.category-header {
 text-align: center;
 margin-bottom: 30px;
}

.category-title {
 color: #2c5aa0;
 font-size: 1.7em;
 font-weight: bold;
 margin: 0 0 15px 0;
 text-shadow: 2px 2px 4px rgba(0,0,0,0.05);
}

.title-underline {
 width: 100px;
 height: 4px;
 background: linear-gradient(90deg, #4682b4, #2c5aa0);
 margin: 0 auto;
 border-radius: 2px;
}

.category-content {
 display: flex;
 flex-direction: column;
 gap: 25px;
}

.description-text {
 line-height: 1.7;
 color: #4a4a4a;
 font-size: 1.1em;
 text-align: justify;
}

.description-text p {
 margin-bottom: 15px;
}

/* Адаптивность */
@media (max-width: 768px) {
 .hot-dishes-category {
 margin: 20px;
 padding: 20px;
 }
 
 .category-title {
 font-size: 2em;
 }
}