/.onest-<uniquifier> {
  font-family: "Onest", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
        /* ===== RESET & GLOBAL ===== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {
            /* Цветовая система (mama style) */
            --mama-blue: #005bff;
            --mama-blue-dark: #0044cc;
			--md-primary: #0044cc;
            --mama-blue-light: #eef3ff;
            --mama-green: #00b341;
            --mama-red: #f03d3d;
            --mama-black: #001a33;
            --mama-gray-900: #1f2a3e;
            --mama-gray-700: #4a5a72;
            --mama-gray-500: #8c9bb0;
            --mama-gray-300: #cbd5e1;
            --mama-gray-100: #f1f5f9;
            --mama-white: #ffffff;
			--darkSpaceTransparent: #001a3466;
			--darkSpaceLight: #001a3480;
    		--darkSpaceSecondary: #001a3499;
    		--lightGray: #96a3ae;
    		--lightGrayTransparent: #e2e6eb99;
    		--darkGray: #5a6c7d;
    		--iconGray: #071a2a4f;
    		--textMain: #070707;
    		--textGray: #57626d;
    		--bgGray: #1e37690f;
    		--bgLightGray: #e6e9eb;
    		--pink: #ff7caa;
    		--pinkLight: #ffa4c6;
    		--fiji: #00bfbf;
    		--fijiLight: #00bebe1f;
    		--whiteTransparent: #ffffffbf;
    		--bgBlue: #008edf;
    		--bgYellow: #ffbe3d;
			--mama-yellow: #ffc107;
    		--bgGreen: #00be6c;
			--md-warning: #ffc107;
        --md-success: #28a745;
        --md-danger: #dc3545;
        --md-info: #17a2b8;
			--mama-kot:#e6f3fe;
			/* интервалы */
    		--space-xxs: 4px;
    		--space-xs: 8px;
    		--space-sm: 12px;
    		--space-md: 16px;
    		--space-lg: 24px;
    		--space-xl: 32px;
    		--space-xxl: 40px;

            /* Типографика */
            --font-family: "Onest", sans-serif;
            --text-xs: 0.75rem;
            --text-sm: 0.875rem;
            --text-base: 1rem;
            --text-lg: 1.125rem;
            --text-xl: 1.25rem;
            --text-2xl: 1.5rem;
			
/* Тени и радиусы */
            --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
            --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 20px;
            --radius-full: 9999px;


            /* Отступы сетки */
            --container-padding: 1rem;
            --grid-gap: 1rem;
            
            
            /* Header */
            --header-height: 70px;
			
			 --z-header: 100;
            --z-dropdown: 200;
            --z-modal: 300;
            --z-cart-mobile: 400;
            --z-cart-panel: 401;
            --z-cart-desktop: 402;
            --z-toast: 500;
        }
.mb-3{
	margin-bottom: var(--space-md)
}
.mt24{margin-top:24px
}

.gap-1{gap:var(--space-xxs)}
.gap-2{gap:var(--space-xs)}
.gap-3{gap:var(--space-sm)}
.gap-4{gap:var(--space-md)}
.gap-5{gap:var(--space-xl)}
.gap-5{gap:var(--space-xxl)}

.mt-1{margin-top:var(--space-xxs)}
.mt-2{margin-top:var(--space-xs)}
.mt-3{margin-top:var(--space-sm)}
.mt-4{margin-top:var(--space-md)}
.mt-5{margin-top:var(--space-xl)}
.mt-6{margin-top:var(--space-xxl)}



    
    }
	.p32{padding:32px
	}
	.br20{border-radius:20px
	}
	.white-box{background: #ffffff;
	}
        @media (min-width: 768px) {
            :root {
                --container-padding: 2rem;
                --grid-gap: 1.5rem;
            }
        }

        body {
            font-family: var(--font-family);
            background-color: #F5F7FA;
            color: var(--mama-gray-900);
            line-height: 1.5;
            scroll-behavior: smooth;
        }
		a{color: var(--mama-blue);
		}
		p{margin: 1rem 0;}
		footer p{margin: .25rem;}
		
@media (min-width: 768px) {
    h1{ font-family: "Onest", sans-serif;
        font-size: 44px;
        margin: 2.5rem 0 0.75rem 0;
        line-height: 44px;
		font-weight:700
    }
	h2{ font-family: "Onest", sans-serif;
        font-size: 32px;
        margin-bottom:.25rem;
        line-height: 36px;
		font-weight:700;
		color: var(--mama-gray-900);
    }
	
	.podzag{font-size: var(--text-xl);
        color: var(--mama-gray-900);
        margin: 1.5rem 0 2.5rem 0;
}
}

@media (max-width: 767px) {
    h1{ font-family: "Onest", sans-serif;
        font-size: 27px;
        margin: 1.5rem 0 0.5rem 0;
        line-height: 32px;
		font-weight:700
    }
	h2{ font-family: "Onest", sans-serif;
        font-size: 24px;
        margin-bottom:.25rem;
        line-height: 30px;
		font-weight:700;
		color: var(--mama-gray-900);
    }
	.podzag{font-size:var(--text-lg);
	color: var(--mama-gray-900); margin: 1.5rem 0;
}

}
        /* ===== SVG СТРЕЛКИ ===== */
        .arrow-svg {
            width: 16px;
            height: 16px;
            transition: transform 0.3s ease;
        }
        
        .dropdown-arrow-svg {
            width: 16px;
            height: 16px;
            transition: transform 0.3s ease;
            margin-left: 2px;
        }
        
        .carousel-arrow-svg {
            width: 20px;
            height: 20px;
        }
        
        .slider-arrow-svg {
            width: 18px;
            height: 18px;
        }

        /* ===== HEADER & БУРГЕР ===== */
        .header {
            background: var(--mama-white);
            border-bottom: 1px solid var(--mama-gray-100);
            position: sticky;
            top: 0;
            z-index: var(--z-header);
            backdrop-filter: blur(10px);
            background: rgba(255, 255, 255, 0.98);
        }
        
        .header-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: var(--header-height);
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 var(--container-padding);
        }
        
        .logo {
    width: 166px;
    height: 44px;
    display: block;
    background: url(../img/logomin22.svg) no-repeat 0 0;
    transition: none;
}
.logo:hover{background: url(../img/logomin22.svg) no-repeat 0 bottom;
}
        
        .logo-menu {
            display: flex;
            align-items: center;
            justify-content: start;
            gap: 3rem;
        }
        
        .burger-modal {
            display: flex;
            align-items: center;
            justify-content: end;
            gap: 1rem;
        }
        
        .nav-desktop {
            display: none;
        }
        .mobile-dropdown-header a{text-decoration: none;
                color: var(--mama-gray-900);
		font-weight: 600;}
        @media (min-width: 768px) {
            .nav-desktop {
                display: flex;
                gap: 2rem;
                align-items: center;
            }
			.nav-link {
                text-decoration: none;
                color: var(--mama-gray-900);
                font-weight: 600;
                transition: color 0.2s;
				
            }
            .mobile-nav .nav-link {
                text-decoration: none;
                color: var(--mama-gray-900);
                font-weight: 600;
                transition: color 0.2s;
				padding: 0 0 .5rem 0;
				border-bottom: 1px solid var(--mama-gray-300)
            }
            .nav-link:hover {
                color: var(--mama-blue);
            }
            .burger-btn {
                display: block;
            }
        }
        
        .burger-btn {
            background: none;
            border: none;
            cursor: pointer;
            padding: 0.5rem;
            width: 44px;
            height: 44px;
            border-radius: var(--radius-sm);
            transition: background 0.2s;
        }
        
        .burger-icon {
            position: relative;
            width: 24px;
            height: 2px;
            background: var(--mama-gray-900);
            transition: all 0.3s ease;
        }
        
        .burger-icon::before,
        .burger-icon::after {
            content: '';
            position: absolute;
            width: 24px;
            height: 2px;
            background: var(--mama-gray-900);
            transition: all 0.3s ease;
            left: 0;
        }
        
        .burger-icon::before { top: -8px; }
        .burger-icon::after { bottom: -8px; }
        .burger-btn.active{ background: var(--mama-gray-100); }
        .burger-btn.active .burger-icon { background: transparent; }
        .burger-btn.active .burger-icon::before { transform: rotate(45deg); top: 0; }
        .burger-btn.active .burger-icon::after { transform: rotate(-45deg); bottom: 0; }
        
        .mobile-menu {
            position: fixed;
            top: 0;
            right: 0;
            width: 100%;
            max-width: 420px;
            height: 100%;
            background: var(--mama-white);
            transform: translateX(100%);
            transition: transform 0.3s ease;
            z-index: calc(var(--z-header) - 1);
            overflow-y: auto;
            padding-top: var(--header-height);
        }
        
        .mobile-menu.open {
            transform: translateX(0);
			right:0;
        }
        
        .mobile-nav {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            padding: 1.5rem;
        }
        
        .mobile-nav-link {
            padding: 0.5rem 1rem;
            text-decoration: none;
            color: var(--mama-gray-900);
            font-weight: 500;
            font-size: var(--text-lg);
            border-radius: var(--radius-sm);
            transition: background 0.2s;
            display: block;
        }
        
        .mobile-nav-link:active {
            background: var(--mama-gray-100);
        }
        
        .menu-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
            z-index: calc(var(--z-header) - 2);
        }
        
        .menu-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        /* ===== КОНТЕЙНЕР И СЕТКА ===== */
        .container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 var(--container-padding);
            width: 100%;
        }

        .grid {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            gap: var(--grid-gap);
        }

        /* Базовые классы колонок (для всех размеров экрана) */
        .col-span-1 { grid-column: span 1; }
        .col-span-2 { grid-column: span 2; }
        .col-span-3 { grid-column: span 3; }
        .col-span-4 { grid-column: span 4; }
        .col-span-5 { grid-column: span 5; }
        .col-span-6 { grid-column: span 6; }
        .col-span-7 { grid-column: span 7; }
        .col-span-8 { grid-column: span 8; }
        .col-span-9 { grid-column: span 9; }
        .col-span-10 { grid-column: span 10; }
        .col-span-11 { grid-column: span 11; }
        .col-span-12 { grid-column: span 12; }

        /* Планшеты (от 768px) */
        @media (min-width: 768px) {
            .md\:col-span-1 { grid-column: span 1; }
            .md\:col-span-2 { grid-column: span 2; }
            .md\:col-span-3 { grid-column: span 3; }
            .md\:col-span-4 { grid-column: span 4; }
            .md\:col-span-5 { grid-column: span 5; }
            .md\:col-span-6 { grid-column: span 6; }
            .md\:col-span-7 { grid-column: span 7; }
            .md\:col-span-8 { grid-column: span 8; }
            .md\:col-span-9 { grid-column: span 9; }
            .md\:col-span-10 { grid-column: span 10; }
            .md\:col-span-11 { grid-column: span 11; }
            .md\:col-span-12 { grid-column: span 12; }
        }

        /* Десктоп (от 1024px) */
        @media (min-width: 1024px) {
            .lg\:col-span-3 { grid-column: span 3; }
            .lg\:col-span-4 { grid-column: span 4; }
            .lg\:col-span-6 { grid-column: span 6; }
        }


        /* ===== КАРТОЧКИ ===== */
        .card {
            background: var(--mama-white);
            border-radius: var(--radius-md);
            padding: 1rem;
            box-shadow: var(--shadow-sm);
            border: 1px solid var(--mama-gray-300);
            height: 100%;
            transition: box-shadow 0.2s;
        }
        .card:hover { box-shadow: var(--shadow-md); }
        .card-header {
            font-weight: 600;
            font-size: var(--text-lg);
            margin-bottom: 1rem;
            border-bottom: 1px solid var(--mama-gray-300);
            padding-bottom: 0.75rem;
        }
        
        .section-title {
            font-size: var(--text-2xl);
            font-weight: 700;
            margin: 2rem 0 1rem 0;
            
        }
		h2 {
            font-size: 27px;
            font-weight: 700;
            
            
        }
        
        .demo-card-inner {
            background: var(--mama-blue-light);
            border-radius: var(--radius-sm);
            padding: 1rem;
            text-align: center;
            font-size: var(--text-sm);
            border: 1px dashed var(--mama-blue);
        }

        /* ===== ФОРМЫ ===== */
        .form-group { margin-bottom: 1.25rem; }
        .form-label {
            display: block;
            font-size: var(--text-sm);
            font-weight: 500;
            margin-bottom: 0.5rem;
            color: var(--mama-gray-700);
        }
        .form-input, .form-select, .form-textarea {
            width: 100%;
            padding: 0.625rem 0.875rem;
            font-size: var(--text-base);
            border: 1px solid var(--mama-gray-300);
            border-radius: var(--radius-sm);
            transition: border 0.2s, box-shadow 0.2s;
        }
        .form-input:focus, .form-select:focus, .form-textarea:focus {
            outline: none;
            border-color: var(--mama-blue);
            box-shadow: 0 0 0 3px rgba(0, 91, 255, 0.2);
        }
        
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            padding: 0.625rem 1.25rem;
            font-size: var(--text-sm);
            font-weight: 500;
            border-radius: var(--radius-sm);
            border: 1px solid transparent;
            cursor: pointer;
            transition: all 0.2s;
            background-color: var(--mama-gray-100);
            color: var(--mama-gray-900);
			text-align: center;
        }
        .btn-primary {
            background-color: var(--mama-blue);
            color: white;
        }
        .btn-primary:hover {
            background-color: var(--mama-blue-dark);
            transform: translateY(-1px);
        }
        .btn-outline {
            border-color: var(--mama-gray-300);
            background: white;
        }
        .btn-outline:hover {
            border-color: var(--mama-blue);
            color: var(--mama-blue);
        }
.btn-gradient {
  background: linear-gradient(135deg, #8b5cf6, #6c5ce7) !important;
  border: none !important;
  color: #fff !important;
}
.btn-yell{background-color:var(--bgYellow);
}
.btn-block{display:block
}
.btn-lg {
  border: none !important;
  color: #fff !important;
  font-size: 16px !important;
  padding: 10px 16px !important;
  height: 56px !important;
  transition: all 0.2s;
  line-height: 36px;
  
}
        /* ===== ТАБЛИЦЫ ===== */
        .table-wrapper {
            overflow-x: auto;
            border-radius: var(--radius-md);
            border: 1px solid var(--mama-gray-300);
            background: white;
        }
        .table {
            width: 100%;
            border-collapse: collapse;
            font-size: var(--text-sm);
            min-width: 500px;
        }
        .table th {
            text-align: left;
            padding: 0.875rem 1rem;
            background-color: var(--mama-gray-100);
            font-weight: 600;
            border-bottom: 1px solid var(--mama-gray-300);
        }
        .table td {
            padding: 0.875rem 1rem;
            border-bottom: 1px solid var(--mama-gray-300);
        }
        .table tr:last-child td { border-bottom: none; }

        /* ===== СПИСКИ ===== */
        .list-group {
            list-style: none;
            background: white;
            border-radius: var(--radius-md);
            border: 1px solid var(--mama-gray-300);
            overflow: hidden;
        }
        .list-item {
            padding: 0.875rem 1rem;
            border-bottom: 1px solid var(--mama-gray-300);
            transition: background 0.1s;
        }
        .list-item:last-child { border-bottom: none; }
        .list-item:hover { background-color: var(--mama-gray-100); }
        .list-bullet {
            list-style: disc;
            padding-left: 1.5rem;
            margin: 0.5rem 0;
        }

        /* ===== АККОРДЕОН ===== */
        .accordion-item {
            border: 1px solid var(--mama-gray-300);
            border-radius: var(--radius-sm);
            margin-bottom: 0.75rem;
            overflow: hidden;
            background: white;
        }
        .accordion-header {
            background: white;
            padding: 1rem 1.25rem;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background 0.2s;
        }
        .accordion-header:hover { background-color: var(--mama-gray-100); }
        .accordion-icon { transition: transform 0.2s; }
        .accordion-item.active .accordion-icon { transform: rotate(180deg); }
        .accordion-content {
            max-height: 0;
            padding: 0 1.25rem;
            overflow: hidden;
            transition: max-height 0.3s ease-out, padding 0.2s;
            border-top: 1px solid transparent;
        }
        .accordion-item.active .accordion-content {
            max-height: 300px;
            padding: 1rem 1.25rem;
            border-top-color: var(--mama-gray-300);
        }

        /* ===== ВЫПАДАЮЩЕЕ МЕНЮ ===== */
        .dropdown {
            position: relative;
        }

        .dropdown > a {
            text-decoration: none;
            color: var(--mama-gray-900);
            font-weight: 600;
            padding: 0.5rem 0;
            display: inline-flex;
            align-items: center;
            gap: 0;
            position: relative;
            transition: color 0.2s;
            cursor: pointer;
        }
.breadcrumb .dropdown > a {
            text-decoration: none;
            color: var(--mama-gray-500);
            font-weight: 400;
			
           
        }
		.breadcrumb ul li a {
            text-decoration: none;
            color: var(--mama-gray-500);
            font-weight: 400;
		
           
        }
        .dropdown > a:hover {
            color: var(--mama-blue);
        }

        .dropdown:hover .dropdown-arrow-svg,
        .dropdown.open .dropdown-arrow-svg {
            transform: rotate(180deg);
        }
        
        .dropdown-arrow-svg path {
            stroke: var(--mama-gray-500);
            transition: stroke 0.2s;
        }
        
        .dropdown > a:hover .dropdown-arrow-svg path {
            stroke: var(--mama-blue);
        }

        .dropdown-menu {
            position: absolute;
            top: 90%;
            left: -1rem;
            min-width: 220px;
            background: var(--mama-white);
            border-radius: var(--radius-md);
            box-shadow: var(--shadow-md);
            border: 1px solid var(--mama-gray-200);
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.2s ease;
            z-index: var(--z-dropdown);
            padding: 0.5rem 0;
        }

        .dropdown:hover .dropdown-menu,
        .dropdown.open .dropdown-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .dropdown-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0.4rem 1rem;
            cursor: pointer;
            color: var(--mama-gray-900);
            font-size: var(--text-base);
            transition: all 0.2s;
			text-decoration:none
        }

        .dropdown-item:hover {
            background: var(--mama-gray-100);
            color: var(--mama-blue);
        }

        .dropdown-item .check-icon {
            opacity: 0;
            transition: opacity 0.2s;
            color: var(--mama-green);
            font-weight: bold;
        }

        .dropdown-item.selected .check-icon {
            opacity: 1;
        }

        .dropdown-item.selected {
            color: var(--mama-blue);
            background: var(--mama-blue-light);
        }

        .dropdown-divider {
            height: 1px;
            background: var(--mama-gray-200);
            margin: 0.5rem 0;
        }

        /* ===== БОЛЬШИЕ РАДИО-КНОПКИ ===== */
        .radio-group {
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
        }
        .radio-large {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            padding: 0.75rem 1rem;
            border: 2px solid var(--mama-gray-300);
            border-radius: var(--radius-md);
            cursor: pointer;
            transition: all 0.2s;
        }
        .radio-large.selected {
            border-color: var(--mama-blue);
            background: var(--mama-blue-light);
        }
        .radio-large input[type="radio"] {
            width: 20px;
            height: 20px;
            accent-color: var(--mama-blue);
            cursor: pointer;
        }
        .radio-content { flex: 1; }
        .radio-title { font-weight: 600; margin-bottom: 0.25rem; }
        .radio-description { font-size: var(--text-xs); color: var(--mama-gray-500); }

        /* ===== ТАБЫ ===== */
        .tabs-wrapper {
            position: relative;
            margin: 1rem 0;
        }
        .tabs-container {
            overflow-x: auto;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
        }
        .tabs-container::-webkit-scrollbar { display: none; }
        .tabs {
            display: inline-flex;
            gap: 0.5rem;
            padding: 0.25rem 0;
        }
        .tab {
            padding: 0.75rem 1.5rem;
            background: var(--mama-white);
            border: 1px solid var(--mama-gray-300);
            border-radius: var(--radius-full);
            cursor: pointer;
            white-space: nowrap;
            transition: all 0.2s;
        }
        .tab:hover {
            border-color: var(--mama-blue);
            background: var(--mama-blue-light);
        }
        .tab.active {
            background: var(--mama-blue);
            border-color: var(--mama-blue);
            color: white;
        }
		.carousel-control-prev{
		}
		.nav{position: absolute;
            top: 35%;
            transform: translateY(-50%);
            width: 32px;
            height: 32px;
            background: white;
            border: 1px solid var(--mama-gray-300);
            border-radius: 50%;
            cursor: pointer;
            z-index: 1;
            box-shadow: var(--shadow-sm);
            display: flex;
            align-items: center;
            justify-content: center;} 
		.next{}
		.prev{}
		.carousel-control-next{}
        .tabs-nav-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 32px;
            height: 32px;
            background: white;
            border: 1px solid var(--mama-gray-300);
            border-radius: 50%;
            cursor: pointer;
            z-index: 1;
            box-shadow: var(--shadow-sm);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .tabs-nav-prev { left: -12px; }
        .tabs-nav-next { right: -12px; }
        @media (max-width: 768px) { .tabs-nav-btn { display: none; } 
		

 
}}
        .tab-content {
            
            background: white;
            border-radius: var(--radius-md);
            
        }
        .tab-pane { display: none; }
        .tab-pane.active { display: block; animation: fadeIn 0.3s ease; }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* ===== ЧИПСЫ ===== */
        .chips-container {
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem;
        }
        .chip {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.5rem 1rem;
            background: var(--mama-gray-100);
            border-radius: var(--radius-full);
            font-size: var(--text-sm);
        }
        .chip-remove {
            background: none;
            border: none;
            cursor: pointer;
            font-size: 1rem;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--mama-gray-500);
        }
        .chip-remove:hover { background: rgba(0, 0, 0, 0.1); }
        .chips-input-wrapper {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 0.75rem;
            border: 1px solid var(--mama-gray-300);
            border-radius: var(--radius-sm);
            padding: 0.5rem;
            background: white;
        }
        .chips-input-field {
            border: none;
            padding: 0.5rem;
            font-size: var(--text-sm);
            outline: none;
            flex: 1;
            min-width: 120px;
        }

        /* ===== МОДАЛЬНЫЕ ОКНА ===== */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(4px);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: var(--z-modal);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }
        .modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        .modal {
            background: var(--mama-white);
            border-radius: var(--radius-lg);
            max-width: 500px;
            width: 90%;
            max-height: 90vh;
            overflow-y: auto;
            transform: scale(0.9);
            transition: transform 0.3s ease;
        }
        .modal-overlay.active .modal { transform: scale(1); }
        .modal-header {
            padding: 1.5rem 1.5rem 0 1.5rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .modal-title { font-size: var(--text-xl); font-weight: 600; }
        .modal-close {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--mama-gray-500);
        }
        .modal-content { padding: 1.5rem; }
        .modal-footer {
            padding: 0 1.5rem 1.5rem 1.5rem;
            display: flex;
            gap: 1rem;
            justify-content: flex-end;
        }
        .modal.large { max-width: 800px; }

        /* ===== ТОСТЫ ===== */
        .toast-container {
            position: fixed;
            bottom: 100px;
            right: 20px;
            left: 20px;
            z-index: var(--z-toast);
            display: flex;
            flex-direction: column;
            gap: 12px;
            pointer-events: none;
        }
        @media (min-width: 768px) {
            .toast-container {
                left: auto;
                right: 20px;
                min-width: 320px;
                bottom: 20px;
            }
        }
        .toast {
            background: var(--mama-white);
            border-radius: var(--radius-md);
            padding: 1rem;
            box-shadow: var(--shadow-lg);
            display: flex;
            align-items: center;
            gap: 12px;
            animation: slideIn 0.3s ease;
            pointer-events: auto;
            border-left: 4px solid;
        }
        .toast-success { border-left-color: var(--mama-green); }
        .toast-error { border-left-color: var(--mama-red); }
        .toast-warning { border-left-color: var(--mama-orange); }
        .toast-info { border-left-color: var(--mama-blue); }
        @keyframes slideIn {
            from { transform: translateX(100%); opacity: 0; }
            to { transform: translateX(0); opacity: 1; }
        }
        .toast-close {
            background: none;
            border: none;
            cursor: pointer;
            margin-left: auto;
            font-size: 1.2rem;
        }

        /* ===== КОРЗИНА ===== */
        .cart-mobile-bar {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: var(--mama-white);
            border-top: 1px solid var(--mama-gray-200);
            padding: 12px 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            z-index: var(--z-cart-mobile);
            box-shadow: var(--shadow-md);
        }
        @media (min-width: 768px) { .cart-mobile-bar { display: none; } }
        .cart-mobile-info {
            display: flex;
            align-items: center;
            gap: 12px;
            cursor: pointer;
            flex: 1;
        }
        .cart-mobile-icon {
            background: var(--mama-blue);
            color: white;
            width: 48px;
            height: 48px;
            border-radius: var(--radius-full);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            position: relative;
        }
        .cart-mobile-count {
            position: absolute;
            top: -4px;
            right: -4px;
            background: var(--mama-red);
            color: white;
            font-size: 10px;
            font-weight: 600;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .cart-mobile-open-btn {
            background: var(--mama-blue);
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: var(--radius-full);
            font-weight: 500;
            cursor: pointer;
        }
        .cart-panel {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: var(--mama-white);
            border-radius: var(--radius-lg) var(--radius-lg) 0 0;
            transform: translateY(100%);
            transition: transform 0.3s ease;
            z-index: var(--z-cart-panel);
            max-height: 80vh;
            display: flex;
            flex-direction: column;
            box-shadow: var(--shadow-lg);
        }
        .cart-panel.open { transform: translateY(0); }
        .cart-panel-header {
            padding: 1.25rem;
            border-bottom: 1px solid var(--mama-gray-200);
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .cart-items {
            flex: 1;
            overflow-y: auto;
            padding: 1rem;
        }
        .cart-item {
            display: flex;
            gap: 1rem;
            padding: 1rem 0;
            border-bottom: 1px solid var(--mama-gray-200);
        }
        .cart-item-img {
            width: 60px;
            height: 60px;
            background: var(--mama-gray-100);
            border-radius: var(--radius-sm);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
        }
        .cart-item-info { flex: 1; }
        .cart-item-title { font-weight: 500; margin-bottom: 0.25rem; }
        .cart-item-price { font-weight: 600; color: var(--mama-blue); }
        .cart-item-remove {
            background: none;
            border: none;
            cursor: pointer;
            font-size: 1.2rem;
        }
        .cart-footer {
            padding: 1rem;
            border-top: 1px solid var(--mama-gray-200);
        }
        .cart-total {
            display: flex;
            justify-content: space-between;
            font-weight: 600;
            margin-bottom: 1rem;
        }
        .cart-checkout-btn {
            width: 100%;
            background: var(--mama-blue);
            color: white;
            border: none;
            padding: 0.875rem;
            border-radius: var(--radius-sm);
            font-weight: 500;
            cursor: pointer;
        }
        .cart-desktop-btn {
            position: fixed;
            right: 24px;
            bottom: 24px;
            background: var(--mama-blue);
            color: white;
            width: 56px;
            height: 56px;
            border-radius: var(--radius-full);
            display: none;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: var(--shadow-lg);
            border: none;
            font-size: 24px;
            z-index: var(--z-cart-desktop);
        }
        @media (min-width: 768px) { .cart-desktop-btn { display: flex; } }
        .cart-desktop-btn .cart-count {
            position: absolute;
            top: -8px;
            right: -8px;
            background: var(--mama-red);
            color: white;
            font-size: 12px;
            font-weight: 600;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .cart-desktop-panel {
            position: fixed;
            right: 24px;
            bottom: 100px;
            width: 320px;
            background: var(--mama-white);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-lg);
            transform: scale(0);
            opacity: 0;
            transform-origin: bottom right;
            transition: all 0.2s ease;
            z-index: var(--z-cart-desktop);
            max-height: 500px;
            display: flex;
            flex-direction: column;
            pointer-events: none;
        }
        .cart-desktop-panel.open {
            transform: scale(1);
            opacity: 1;
            pointer-events: auto;
        }
        @media (max-width: 767px) { .cart-desktop-panel { display: none; } }
        
        .product-card {
            background: var(--mama-white);
            border-radius: var(--radius-md);
            padding: 1.5rem;
            text-align: center;
            border: 1px solid var(--mama-gray-300);
            transition: all 0.2s;
        }
        .product-card:hover {
            transform: translateY(-2px);
            box-shadow: var(--shadow-md);
        }
        .product-price {
            font-weight: 700;
            color: var(--mama-blue);
            margin: 0.5rem 0;
            font-size: var(--text-lg);
        }

        /* ===== КАРУСЕЛЬ ОТЗЫВОВ ===== */
        .testimonials-carousel-section { margin: 2rem 0; position: relative; }
        .carousel-controls { display: flex; gap: 0.5rem; }
        .carousel-arrow {
            width: 40px;
            height: 40px;
            border-radius: var(--radius-full);
            background: var(--mama-white);
            border: 1px solid var(--mama-gray-300);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
        }
		.m-nav button{width: 40px;
            height: 40px;
            border-radius: var(--radius-full);
            background: var(--mama-white);
            border: 1px solid var(--mama-gray-300);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
		}
		.m-nav button:hover {
            background: var(--mama-blue);
            border-color: var(--mama-blue);
        }
		.tag-arrow {position: absolute;
		width: 40px;
            height: 40px;
            border-radius: var(--radius-full);
            background: var(--mama-white);
            border: 1px solid var(--mama-gray-300);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
			z-index:11
			
			
		}
		.tag-arrow:hover {
            background: var(--mama-blue);
            border-color: var(--mama-blue);
        }
		.tag-arrow.left {
    right:  0
}
.tag-arrow.right {
    right:-46px;
}
.tag-arrow {
    top: 36px !important;
    transform: translateY(-33%);
}
.tag-wrapper {
    position: relative;
    display: flex;
}
.tag-wrapper {
    max-width: 100%;
	
}
.is-hidden{
	display:none
}
        .carousel-arrow:hover {
            background: var(--mama-blue);
            border-color: var(--mama-blue);
        }
        .carousel-arrow:hover .carousel-arrow-svg path {
            stroke: white;
        }
        .testimonials-carousel {
            position: relative;
            overflow: hidden;
           
            touch-action: pan-y pinch-zoom;
			
        }
        .carousel-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
            gap: 1.5rem;
        }
        .testimonial-card {
            flex: 0 0 calc(33.333% - 1rem);
            background: var(--mama-white);
            border-radius: var(--radius-lg);
            padding: 1.5rem;
            box-shadow: var(--shadow-sm);
            border: 1px solid var(--mama-gray-100);
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
        }
        .testimonial-card:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow-lg);
        }
        .testimonial-header {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1rem;
        }
        .testimonial-avatar {
            width: 56px;
            height: 56px;
            border-radius: var(--radius-full);
            background: linear-gradient(135deg, var(--mama-blue), var(--mama-blue-dark));
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: 600;
            font-size: var(--text-lg);
        }
        .testimonial-stars { display: flex; gap: 0.125rem; margin-bottom: 0.75rem; }
        .star { font-size: 1rem; color: var(--mama-gray-300); }
        .star.filled { color: var(--mama-yellow); }
        .testimonial-text {
            text-decoration:none;
            line-height: 1.5;
            color: var(--mama-gray-700);
            margin-bottom: 1rem;
            flex: 1;
        }
		.testimonial-date{
			font-size:var(--text-xs);
			color: var(--mama-gray-700);
		}
		.testimonial-name{font-weight:500;color: var(--mama-gray-900);text-decoration:none;
		}
        .testimonial-footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            padding-top: 1rem;
            border-top: 1px solid var(--mama-gray-200);
            font-size: var(--text-xs);
        }
        .testimonial-helpful {
            display: flex;
            align-items: center;
            gap: 0.25rem;
            cursor: pointer;
            padding: 0.25rem 0.5rem;
            border-radius: var(--radius-sm);
            transition: all 0.2s;
        }
        .testimonial-helpful:hover {
            background: var(--mama-gray-100);
            color: var(--mama-blue);
        }
        .carousel-dots {
            display: flex;
            justify-content: center;
            gap: 0.75rem;
            margin-top: 2rem;
        }
        .carousel-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--mama-gray-300);
            cursor: pointer;
            transition: all 0.2s;
        }
        .carousel-dot.active {
            background: var(--mama-blue);
            width: 24px;
            border-radius: 12px;
        }
		.w-100{display:none
		}
        @media (max-width: 768px) { .testimonial-card { flex: 0 0 calc(100% - 1rem); }.tag-arrow{display:none} .w-100{width:100%; display:block
		}			}
        @media (min-width: 769px) and (max-width: 1024px) { .testimonial-card { flex: 0 0 calc(50% - 0.75rem); } }

        /* ===== СВАЙП-КАРУСЕЛИ ===== */
        .swipe-cards-section { margin: 2rem 0; }
        .cards-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
        }
        .cards-slider {
            display: none;
            position: relative;
            overflow: hidden;
            touch-action: pan-y pinch-zoom;
        }
        .cards-track {
            display: flex;
            transition: transform 0.3s ease-out;
            cursor: grab;
        }
        .cards-track:active { cursor: grabbing; }
        .card-slide {
            flex: 0 0 calc(100% - 2rem);
            margin: 0 1rem;
            user-select: none;
        }
        .slider-nav {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 1rem;
            margin-top: 1.5rem;
        }
        .slider-dots {
            display: flex;
            gap: 0.5rem;
        }
        .slider-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--mama-gray-300);
            cursor: pointer;
        }
        .slider-dot.active {
            background: var(--mama-blue);
            width: 24px;
            border-radius: 12px;
        }
        .slider-arrow {
            background: var(--mama-white);
            border: 1px solid var(--mama-gray-300);
            border-radius: 50%;
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.2s;
        }
        .slider-arrow:hover {
            background: var(--mama-blue);
            border-color: var(--mama-blue);
        }
        .slider-arrow:hover .slider-arrow-svg path {
            stroke: white;
        }
        @media (max-width: 767px) {
            .cards-grid { display: none; }
            .cards-slider { display: block; }
        }
        .card-swipe {
            background: var(--mama-white);
            border-radius: var(--radius-md);
            padding: 1.5rem;
            box-shadow: var(--shadow-sm);
            border: 1px solid var(--mama-gray-300);
            min-height: 280px;
        }
        .card-swipe .salary {
            font-size: var(--text-xl);
            font-weight: 700;
            color: var(--mama-blue);
            margin: 1rem 0;
        }

        /* ===== КАРТОЧКИ С ИЗОБРАЖЕНИЯМИ ===== */
        .image-cards-grid-4 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
        }
        .image-cards-slider {
            display: none;
            position: relative;
            overflow: hidden;
            touch-action: pan-y pinch-zoom;
        }
        .image-cards-track {
            display: flex;
            transition: transform 0.3s ease-out;
            cursor: grab;
        }
        .image-cards-track:active { cursor: grabbing; }
        .image-card-slide {
            flex: 0 0 calc(100% - 2rem);
            margin: 0 1rem;
            user-select: none;
        }
        .image-slider-nav {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 1rem;
            margin-top: 1.5rem;
        }
        .image-slider-dots {
            display: flex;
            gap: 0.5rem;
        }
        .image-slider-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--mama-gray-300);
            cursor: pointer;
        }
        .image-slider-dot.active {
            background: var(--mama-blue);
            width: 24px;
            border-radius: 12px;
        }
        .image-slider-arrow {
            background: var(--mama-white);
            border: 1px solid var(--mama-gray-300);
            border-radius: 50%;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.2s;
        }
        .image-slider-arrow:hover {
            background: var(--mama-blue);
            border-color: var(--mama-blue);
        }
        .image-slider-arrow:hover .slider-arrow-svg path {
            stroke: white;
        }
        @media (max-width: 767px) {
            .image-cards-grid-4 { display: none; }
            .image-cards-slider { display: block; }
        }
        .card-image-full {
            background: var(--mama-white);
            border-radius: var(--radius-md);
            overflow: hidden;
            
            
            transition: all 0.2s ease;
            height: 100%;
            display: flex;
            flex-direction: column;
			
   
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: 0.2s;
			
        }
        .card-image-full:hover {
           transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
        }
        .card-image-full .card-img {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
           
        }
        .card-image-full .card-content {
            padding: 20px;
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        .card-image-full .card-title {
            font-size: var(--text-lg);
            font-weight: 600;
            margin-bottom: 0.75rem;
        }
        .card-image-full .card-price {
            font-size: var(--text-xl);
            font-weight: 700;
            color: var(--mama-blue);
            margin-bottom: 1rem;
        }
        .swipe-hint {
            display: none;
            text-align: center;
            margin-top: 1rem;
            font-size: var(--text-xs);
            color: var(--mama-gray-500);
        }
		/* ===== СВАЙП-КАРУСЕЛЬ ДЛЯ КАРТОЧЕК С ИЗОБРАЖЕНИЯМИ ===== */
        .image-cards-slider-section {
            margin: 2rem 0;
        }
        
        .image-cards-slider {
            position: relative;
            overflow: hidden;
            touch-action: pan-y pinch-zoom;
        }
        
        .image-cards-track {
            display: flex;
            transition: transform 0.3s ease-out;
            cursor: grab;
        }
        
        .image-cards-track:active {
            cursor: grabbing;
        }
        
        .image-card-slide {
            flex: 0 0 calc(100%);
            margin: 0;
            user-select: none;
        }
.w170{max-width:170px
}	
        /* Навигация для слайдера с изображениями */
        .image-slider-nav {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 1rem;
            margin-top: 1.5rem;
        }
        
        .image-slider-dots {
            display: flex;
            gap: 0.5rem;
        }
        
        .image-slider-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--mama-gray-300);
            cursor: pointer;
            transition: all 0.2s;
        }
        
        .image-slider-dot.active {
            background: var(--mama-blue);
            width: 24px;
            border-radius: 12px;
        }
        
        .image-slider-arrow {
            background: var(--mama-white);
            border: 1px solid var(--mama-gray-300);
            border-radius: 50%;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.2s;
            font-size: 1.2rem;
            color: var(--mama-gray-700);
        }
        
        .image-slider-arrow:hover {
            background: var(--mama-blue);
            border-color: var(--mama-blue);
            color: white;
        }
        
        /* Десктопная сетка для карточек с изображениями */
        .image-cards-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1.5rem;
        }
        
        /* Адаптив: на мобилке показываем слайдер, скрываем сетку */
        @media (max-width: 643px) {
			.w170 {
    max-width: 250px;
    
	
}
            .image-cards-grid {
                display: none;
            }
            .image-cards-slider {
                display: block;
            }
			.tabs{
	}
	.calc-tab {

        font-size: 16px;
       
    }
	
.tab-content .d-flex{display: block!important;
	}
	.md-switch-label {
    font-size: 16px;
    color: var(--md-on-surface);
    margin-right: 16px;
	
}
.md-switch {

	margin-bottom:16px
}
        }
		.color-white{color:#fff
}

        @media (max-width: 767px) { .swipe-hint { display: block; } .card.fullwidth{margin: 0 -1rem;}}

        .selected-info {
            margin-top: 1rem;
            padding: 1rem;
            background: var(--mama-blue-light);
            border-radius: 8px;
            font-size: var(--text-sm);
        }

        footer {
            margin-top: 4rem;
            padding: 2rem 0;
            text-align: center;
            border-top: 1px solid var(--mama-gray-300);
            color: var(--mama-gray-500);
        }
		
.swiper-slide a{text-decoration:none!important;
}
@media (min-width: 1200px) {
    .swiper-slide {
        width: calc(50% - var(--space-md) / 2);
    }
}
.degreeWrapper {
    background: var(--action-50-opaque);
    border-radius: var(--space-lg);
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 310px;
    overflow: hidden;
    padding: var(--space-lg);
    position: relative;
}
.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
	
	
}
.z1{z-index: 2;}
.degreeImg {
    bottom: 0;
    display: block;
    height: 100%;
    position: absolute;
    right: 0px;
    z-index: 1;
}
.degreeFooter {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
}
.degreeHover {
    background: linear-gradient(-180deg, #005bff, #00a2ff);
    bottom: 0;
    display: grid;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease;
    z-index: 10;
}
.degreeHover:hover {
    
    opacity: 1;
   
}
.hover-blue-block {
   
    border-radius: var(--space-lg);
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 310px;
    overflow: hidden;
    padding: var(--space-lg);
    position: relative;
	text-decoration:none;
	
}
.hover-blue-block p{margin: 0;}
.degreelink{
	color:#fff;
	text-decoration:none;
	display: block;
    border-radius: var(--space-lg);
	z-index: -2;

}
.degreelinkcat{
background-color: #eb2a57;
}

.hover-blue-block:hover {
    background: linear-gradient(-180deg, #005bff, #00a2ff);
	color:#fff}

.degreeHover * {
    color: #fff;
}
.degreeFooter {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
}
.degreeWrapper>* {
    z-index: 10;
}
.btn-arr-right{
background: var(--mama-white);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 4px 16px #001a341a;
    cursor: pointer;
    line-height: 0;
    margin: 0;
    padding: var(--space-sm);
	

}
.arrow_16{height: 16px;
    width: 16px;
}

.gray{text-decoration:none!important;
color: var(--mama-gray-900)
}

.color-white{color:#fff
}
.swiper-slide a{text-decoration:none!important;
}

    
    /* Кнопки-якоря */
    .anchor-buttons {
        max-width: 1200px;
        margin: 0 auto 20px auto;
        display: flex;
        gap: 16px;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .anchor-btn {
        background: #ffffff;
        border: 1.5px solid #e2e6ea;
        padding: 12px 28px;
        border-radius: 60px;
        font-size: 16px;
        font-weight: 600;
        color: #001a34;
        cursor: pointer;
        transition: all 0.2s;
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }
    
.anchor-btn:hover {
        
        background: #f0f5ff;
        color: var(--mama-gray-900)!important;
		transform: translateY(-1px);
    }
	/* Desktop — grid */
.m-cards-track {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

/* Mobile — swipe */
@media (max-width: 768px) {
    .m-cards {
        overflow: hidden;
    }

    .m-cards-track {
        display: flex;
        gap: 12px;
        transition: transform 0.3s ease;
    }

    .m-card {
        
        flex-shrink: 0;
    }
	.card-image-full {

			max-width: 350px;
        min-width: 300px !important;
        flex-shrink: 1 !important;

			
        }
}
/* Desktop */
.m-cards-track {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

/* скрываем UI */
.m-slider-ui {
    display: none;
}

/* Mobile */
@media (max-width: 768px) {
    .m-cards {
        overflow: hidden;
        position: relative;
    }

    .m-cards-track {
        display: flex;
        gap: 12px;
        transition: transform 0.3s ease;
    }

    

    .m-slider-ui {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 8px;
    }

    .m-dots span {
        width: 6px;
        height: 6px;
        background: #ccc;
        border-radius: 50%;
        margin: 0 3px;
        display: inline-block;
    }

    .m-dots .active {
        background: #000;
    }
}
a.m-slide{text-decoration:none!important
}
a.tag{text-decoration:none!important
}
.material-title {
    
    color: var(--mama-gray-900);
    text-align: center;
    padding: 5px 0;
    font-size: 16px;
		line-height:20px;
		font-weight: 500;
		white-space: wrap;
		width:80px;
		text-decoration:none!important
    
}



.material-card {
    position: relative;
    overflow: hidden;
    margin:0;
			width:80px;border-radius: 20px;
}


.material-card img {
    width: 100%;
  border-radius: 20px;
		
		width:80px;
		margin:0px;
		
}
.material-card:hover {

	border-radius: 16px;
}
.material-card:hover img {
    transform: scale(1.05);
	opacity:0.96;
	border-radius: 16px;
}
.tag-container {
    display: flex;
    gap: 1.45rem; /* Отступ между карточками */
    overflow-x: auto;  /* Включаем горизонтальный скролл */
    overflow-y: hidden;
    scrollbar-width: none; /* Скрываем скроллбар (для Firefox) */
    -ms-overflow-style: none; /* Скрываем скроллбар (для IE/Edge) */
    
    
    transform: translateX(-0px); /* Можно оставить как есть */

}
@media (max-width: 768px) {.tag-container {
    
    /* 👇 ВОЛШЕБСТВО ТУТ */
    /* Растягиваем контейнер на всю ширину, игнорируя padding родителя */
    width: calc(100% + 1rem);  /* Добавляем ширину правого паддинга */
    transform: translateX(-0px); /* Можно оставить как есть */

}}
/* Скрываем скроллбар для Chrome/Safari */
.tag-container::-webkit-scrollbar {
    display: none;
}

/* Добавляем псевдоэлемент справа, чтобы последний элемент не прилипал к краю */
.tag-container::after {
    content: "";
    flex: 0 0 20px; /* Ширина, равная padding родителя */
    height: 1px;
}

.tag-container {
/* Просто выезжаем за пределы родителя */
    margin-right: -20px;
    padding-right: 20px; /* Добавляем внутренний отступ, чтобы контент не прилипал */
}
.radius-lg{border-radius:var(--radius-lg)
}
.m-slider { position: relative; overflow: hidden; margin-bottom: 40px; }
.m-slider-track { display: flex; transition: transform 0.4s ease; }
.m-slide { min-width: 300px; margin-right: 16px; background: transparent; padding: 20px; border-radius: 12px; }
.m-slider-track.w80 .m-slide{ min-width: 80px; margin-right: 16px; background: transparent; padding: 0; border-radius: 20px; }
.m-nav { display: flex; gap: 10px; margin-top: 10px;

 }
 .m-slider-track.w80 .m-slide img{ width: 80px; height:80px; overflow:hidden; padding: 0; border-radius: 20px; }
.m-dots span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
            background: var(--mama-gray-300);
            cursor: pointer;
            transition: all 0.2s;
			margin: 1rem 5px;
}
.m-dots .active {  background: var(--mama-blue);
            width: 24px;
            border-radius: 12px; }


	
	

button { cursor: pointer; }


/* Desktop */
.m-cards-track {
    display: grid;
      gap: 16px;
}
.m-cards-track.cols-1 {
grid-template-columns: repeat(1, 1fr);
 
}
.m-cards-track.cols-2 {
grid-template-columns: repeat(2, 1fr);
 
}
.m-cards-track.cols-3 {
grid-template-columns: repeat(3, 1fr);
 
}
.m-cards-track.cols-4 {
grid-template-columns: repeat(4, 1fr);
 
}
.m-cards-track.cols-6 {
grid-template-columns: repeat(6, 1fr);
 
}

/* скрываем UI */
.m-slider-ui {
    display: none;
}

/* Mobile */
@media (max-width: 768px) {
    .m-cards {
        overflow: hidden;
        position: relative;
    }

    .m-cards-track {
        display: flex;
        gap: 12px;
        transition: transform 0.3s ease;
    }

    .m-card {
        min-width: 100%;
        flex-shrink: 0;
    }

    .m-slider-ui {
     display: flex;
            justify-content: center;
            gap: 0.75rem;
            
    }

    .m-dots span {
         width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--mama-gray-300);
            cursor: pointer;
            transition: all 0.2s;
    }

    .m-dots .active {
        background: var(--mama-blue);
            width: 24px;
            border-radius: 12px;
    }
}


 .mobile-dropdown-menu {
    display: none;
}

.mobile-dropdown.open .mobile-dropdown-menu {
    display: block;
}

.mobile-dropdown.open .mobile-dropdown-arrow {
    transform: rotate(180deg);
} 
    }
	
	.br20{border-radius:20px
	}
	.white-box{background: #ffffff;
	}
    
    /* Кнопки-якоря */
    .anchor-buttons {
        max-width: 1200px;
        margin: 0 auto 20px auto;
        display: flex;
        gap: 16px;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .anchor-btn {
        background: #ffffff;
        border: 1.5px solid #e2e6ea;
        padding: 12px 28px;
        border-radius: 60px;
        font-size: 16px;
        font-weight: 600;
        color: #001a34;
        cursor: pointer;
        transition: all 0.2s;
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }
    
.anchor-btn:hover {
        
        background: #f0f5ff;
        color: var(--mama-gray-900)!important;
		transform: translateY(-1px);
    }
	
	.tabs {
        display: flex;
        gap: 8px;
        margin-bottom: 16px;
        background: #D9D9D9;
        padding: 4px;
        border-radius: 10px;
		
    }
	
    
    .calc-tab {
        flex: 1;
        text-align: center;
        padding:4px 10px;
        border-radius: 8px;
        cursor: pointer;
        font-size: 16px;
        color:var(--mama-gray-700);
		line-height:32px
    }
    
    .calc-tab.active {
        background: #ffffff;
        color: var(--mama-gray-900);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    
    .tab-content {
        display: none;
    }
    
    .tab-content.active {
        display: block;
    }

    .md-small {
        font-size: 13px;
        color: #fff;
        line-height: 21px;
        background: #EC0157;
        padding: 2px 9px;
        border-radius: 12px;
        display: inline-block;
    }

    /* Текущая сумма */
    .current-sum {
        font-size: 28px;
        font-weight: 700;
        color: var(--md-on-surface);
        line-height: 56px;
        margin-top: 0;
        padding-right: 40px;
    }

    .uv-calc .current-sum {
        color: var(--md-on-surface);
    }

    /* История расчетов */
    .history-section {
        margin-bottom: 0;
        border: 0;
        border-radius: 0;
        overflow: hidden;
    }

    .history-header {
        display: flex;
        align-items: center;
        padding: 0;
        background: #fff;
        cursor: pointer;
        transition: background 0.2s;
    }

    .history-header:hover {
        background: #fff;
    }

    .detali {
        font-size: 15px;
        color: var(--md-on-surface-medium);
        float: left;
        flex-shrink: 0;
        transition: transform 0.2s;
        display: inline-block;
        margin-right: 10px;
    }

    .history-arrow {
        
		
    border: 0;
    border-radius: 50%;
    box-shadow: 0 4px 16px #001a341a;
    cursor: pointer;
    line-height: 0;
    margin: 0;
    
        
    }

    .history-arrow::after {
        content: '';
        
        background: url(../img/arrdown.svg) no-repeat center;
        background-size: 16px;
        flex-shrink: 0;
        transition: transform 0.2s;
        height: 16px;
    width: 16px;
    }

    .btn-pdf {
        background: url(../img/pdf.svg) no-repeat 0 2px;
        border-radius: 8px;
        font-size: 15px;
        line-height: 24px;
        padding: 0 0 0 25px;
        border: none;
        font-weight: 400;
        color: #141414;
        float: right;
    }

    .history-content {
        display: none;
        padding: 16px 0 0 0;
        border-top: 0;
    }

    .history-content.open {
        display: block;
    }

    .history-total {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        margin-top: 0;
        border-top: 0;
        font-weight: 500;
    }

    .history-total > div {
        display: flex;
        align-items: center;
        gap: 10px;
		
    }

    .discount-badge {
        background: #27AE60;
    color: white;
    padding: 0 8px;
    border-radius: 32px;
    font-size: 15px;
    line-height: 32px;
    height: 32px;
    font-weight: 500;
		
    }

    .history-total-sum {
        color: var(--md-on-surface);
        font-size: 32px;
        line-height: 36px;
        font-weight:600
    }

    /* Список расчетов */
    .calculations-container {
        max-height: 250px;
        overflow-y: auto;
    }

    .calculation-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 12px;
        background: var(--md-surface-2);
        border-radius: 4px;
        margin-bottom: 6px;
        font-size: 14px;
        cursor: pointer;
        transition: all 0.2s;
        border-left: 0;
        position: relative;
    }

    .calculation-item.uv-item {
        border-left-color: none;
    }

    .calculation-item.wf-item {
        border-left-color: none;
    }

    .calculation-item.sign-item {
        border-left-color: none;
    }

    .calculation-item:hover {
        background: rgba(38, 74, 255, 0.08);
    }

    .calculation-item.active {
        background: rgba(38, 74, 255, 0.12);
    }

    .calculation-item.editing {
        background: rgba(255, 193, 7, 0.15);
        border-left: 3px solid var(--md-warning);
        position: relative;
    }

    .calculation-item.saved {
        animation: savedPulse 1.5s ease-out forwards;
        position: relative;
        z-index: 10;
    }

    @keyframes savedPulse {
        0% {
            background-color: rgba(40, 167, 69, 0.9);
            box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
            transform: scale(1);
        }
        20% {
            background-color: rgba(40, 167, 69, 0.7);
            box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.5);
            transform: scale(1.02);
        }
        50% {
            background-color: rgba(40, 167, 69, 0.4);
            box-shadow: 0 0 0 8px rgba(40, 167, 69, 0.3);
            transform: scale(1.01);
        }
        80% {
            background-color: rgba(40, 167, 69, 0.2);
            box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.1);
            transform: scale(1);
        }
        100% {
            background-color: transparent;
            box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
            transform: scale(1);
        }
    }

    .calculation-number {
        font-weight: 600;
        color: var(--md-primary);
        margin-right: 8px;
        min-width: 30px;
    }

    .calculation-info {
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0 8px;
    }

    .calculation-actions {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .calculation-sum {
        font-weight: 600;
        color: var(--md-on-surface);
        margin-right: 8px;
        min-width: 60px;
        text-align: right;
    }

    .calculation-edit {
        width: 24px;
        height: 24px;
        border: none;
        background: transparent;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        font-size: 16px;
        transition: all 0.2s;
    }

    .calculation-edit::after {
        content: '';
        width: 13px;
        height: 13px;
        background: url(../img/edit.svg) no-repeat center;
    }

    .calculation-save {
        width: 24px;
        height: 24px;
        border: none;
        background: transparent;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        font-size: 16px;
        transition: all 0.2s;
    }

    .calculation-save::after {
        content: '';
        width: 13px;
        height: 13px;
        background: url(../img/unlocked.svg) no-repeat center;
    }

    .calculation-edit:hover {
        background: rgba(38, 74, 255, 0.08);
    }

    .calculation-save:hover {
        background: rgba(40, 167, 69, 0.08);
    }

    .calculation-remove {
        color: #b00020;
        cursor: pointer;
        padding: 0 4px;
        font-weight: bold;
        font-size: 16px;
    }

    .calculation-remove:hover {
        background: rgba(176, 0, 32, 0.08);
        border-radius: 4px;
    }

    /* Material поля */
    .md-field {
        position: relative;
        margin-bottom: 20px;
    }

    .md-input {
        width: 100%;
        height: 56px;
        padding: 2px 16px 0;
        font-size: 16px;
        border: 1.5px solid var(--mama-gray-300);
        border-radius: 6px;
        outline: none;
        background: var(--md-surface) !important;
        box-sizing: border-box;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .md-input:focus {
        border-color: var(--md-primary) !important;
        box-shadow: 0 0 0 3px rgba(38, 74, 255, 0.1);
    }

    .md-label {
        position: absolute;
        left: 16px;
        top: 50%;
        transform: translateY(-50%);
        background: var(--md-surface);
        padding: 0 4px;
        color: var(--md-on-surface-medium);
        font-size: 16px;
        transition: 0.2s;
        pointer-events: none;
        z-index: 1;
    }

    .md-input:focus + .md-label,
    .md-input:not(:placeholder-shown) + .md-label,
    .active-field .md-label {
        top: 0;
        transform: translateY(-50%);
        font-size: 12px;
        color: var(--md-primary);
    }

    .md-select.open + .md-label {
        color: var(--md-primary);
    }

    .md-input:-webkit-autofill,
    .md-input:-webkit-autofill:hover,
    .md-input:-webkit-autofill:focus,
    .md-input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px white inset !important;
        box-shadow: 0 0 0 30px white inset !important;
        -webkit-text-fill-color: var(--md-on-surface) !important;
    }

    .md-input::-webkit-outer-spin-button,
    .md-input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .md-input[type=number] {
        -moz-appearance: textfield;
        appearance: textfield;
    }

    .md-number-control {
        position: relative;
        width: 100%;
    }

    .md-number-control .md-input {
        padding: 2px 40px 0;
        text-align: center;
    }

    .md-number-btn {
        position: absolute;
        top: 6px;
        width: 40px;
        height: 40px;
        border: none;
        background: var(--mama-blue-light);
        font-size: 24px;
        color: var(--mama-gray-900);
        cursor: pointer;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        transition: background 0.2s, color 0.2s;
    }

    .md-number-btn-left {
        left: 6px;
    }

    .md-number-btn-right {
        right: 6px;
    }

    .md-number-btn:hover {
        background: rgba(0, 0, 0, 0.04);
        color: var(--md-on-surface);
    }

    .md-number-btn:active {
        background: rgba(38, 74, 255, 0.12);
        color: var(--md-primary);
    }

    .md-switch {
        display: inline-flex;
        align-items: center;
        cursor: pointer;
        gap: 12px;
        user-select: none;
    }

    .md-switch-input {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
    }

    .md-switch-track {
        width: 36px;
        height: 14px;
        background: var(--md-on-surface-medium);
        border-radius: 7px;
        position: relative;
        transition: background 0.2s;
    }

    .md-switch-thumb {
        width: 20px;
        height: 20px;
        background: white;
        border-radius: 50%;
        position: absolute;
        top: -3px;
        left: -2px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        transition: transform 0.2s, background 0.2s;
    }

    .md-switch-input:checked + .md-switch-track {
        background: rgba(38, 74, 255, 0.5);
    }

    .md-switch-input:checked + .md-switch-track .md-switch-thumb {
        transform: translateX(22px);
        background: var(--md-primary);
    }

    .md-switch-label {
        font-size: 16px;
        color: var(--md-on-surface);
    }

    .md-dropzone {
        border: 2px dashed var(--md-outline);
        border-radius: 6px;
        padding: 16px;
        text-align: center;
        cursor: pointer;
        font-size: 14px;
        transition: all 0.2s;
    }

    .md-dropzone.drag {
        border-color: var(--md-primary);
        background: rgba(38, 74, 255, 0.04);
    }

    .md-dropzone-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        color: var(--md-on-surface-medium);
    }

    .md-progress {
        width: 100%;
        height: 4px;
        background: rgba(38, 74, 255, 0.1);
        border-radius: 2px;
        margin-bottom: 16px;
        overflow: hidden;
        position: relative;
    }

    .md-progress-bar {
        width: 100%;
        height: 100%;
        background: var(--md-primary);
        border-radius: 2px;
        animation: progress 1.5s infinite ease-in-out;
    }

    .md-progress.complete .md-progress-bar {
        animation: none;
        width: 100%;
    }

    @keyframes progress {
        0% { transform: translateX(-100%); }
        50% { transform: translateX(0); }
        100% { transform: translateX(100%); }
    }

    .md-button {
        padding: 16px 21px;
        height: 56px;
        border: none;
        border-radius: 6px;
        background: var(--md-primary);
        color: white;
        font-size: 15px;
        font-weight: 400;
        cursor: pointer;
        transition: all 0.3s ease;
        line-height: 24px;
        position: relative;
        overflow: hidden;
        min-width: 160px;
    }
    
    .md-button-f5 {
        color: #000; 
        background: #f4f4f4;
        border: 2px solid #ccc; 
        padding: 14px 19px;
        height: 56px;
    }
    
    .md-button-f5:hover{
        color: #fff; 
        background: #4D6FFF;
        border: 2px solid #4D6FFF;
    }

    .btn.edit-mode {
        background: var(--bgYellow)!important;
        color: #000!important;
    }
.oz-btn.edit-mode {
        background: var(--bgYellow)!important;
        color: #000!important;
    }

    .btn.btn-primary.save-mode {
        background: var(--bgGreen)!important;
    }
.oz-btn.save-mode {
        background: var(--bgGreen)!important;
    }
    .md-button:hover:not(:disabled) {
        background: var(--md-primary-hover);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        color:#fff
    }
    
    .md-button:hover {
        color:#fff!important
    }
    
    .btn:disabled {
        opacity: 0.4;
        cursor: not-allowed;
        background: var(--md-outline);
    }

    .md-button-secondary {
        background: var(--md-primary-hover)
    }

    .md-button-secondary:hover:not(:disabled) {
        background: var(--md-primary);
    }

    .file-item {
        display: flex;
        justify-content: space-between;
        padding: 8px 12px;
        background: var(--md-surface-2);
        border-radius: 4px;
        margin-top: 4px;
        font-size: 14px;
        animation: slideIn 0.2s ease;
    }

    @keyframes slideIn {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .file-remove {
        cursor: pointer;
        color: #b00020;
        font-weight: bold;
        padding: 0 8px;
        border-radius: 50%;
        transition: background 0.2s;
    }

    .file-remove:hover {
        background: rgba(176, 0, 32, 0.08);
    }

    .md-select {
        position: relative;
        width: 100%;
    }

    .md-select-trigger {
        width: 100%;
        height: 56px;
        padding: 2px 40px 0 16px;
        font-size: 16px;
        border: 2px solid var(--md-outline);
        border-radius: 6px;
        background: var(--md-surface);
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: -1px;
        transition: border-color 0.2s;
    }

    .md-select-trigger.active {
        border-color: var(--md-primary);
    }

    .md-select-trigger::after {
        content: '';
        width: 13px;
        height: 13px;
        background: url(../img/arrdown.svg) no-repeat center;
        background-size: 13px;
        flex-shrink: 0;
        transition: transform 0.2s;
        position: absolute;
        right: 19px;
        opacity: 0.7;
    }

    .md-select.open .md-select-trigger::after {
        transform: rotate(180deg);
    }

    .md-select-options {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background:#fff;
        border-radius: 4px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        max-height: 300px;
        overflow-y: auto;
        z-index: 1000;
        margin-top: 4px;
        animation: fadeIn 0.2s ease;
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .md-select.open .md-select-options {
        display: block;
    }

    .md-option {
        padding: 12px 16px;
        cursor: pointer;
        transition: background 0.2s;
    }

    .md-option:hover {
        background: rgba(0, 0, 0, 0.04);
    }

    .md-option.selected {
        background: rgba(38, 74, 255, 0.08);
        color: var(--md-primary);
        font-weight: 500;
    }

    .md-field .md-input {
        border-color: var(--mama-gray-300);
    }

    .md-field .md-label {
        color: var(--md-on-surface-medium);
    }

    .md-field.active .md-input,
    .md-field.active .md-number-btn:focus {
        border-color: var(--md-primary);
    }

    .md-field.active .md-label {
        color: var(--md-primary);
    }

    .md-number-btn:focus {
        outline: none;
        background: rgba(38, 74, 255, 0.08);
    }

    /* Toast уведомления */
    .toast-notification {
        position: fixed;
        bottom: 20px;
        right: 20px;
        background: #fff;
        color: var(--mama-gray-900);
        padding: 16px 20px;
        border-radius: 10px;
		border-left:7px solid #27A6E5;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        z-index: 9999;
        animation: slideInRight 0.3s ease;
        max-width: 300px;
    }

    .toast-notification.success {
		border-left:7px solid #27AE60;
        
    }
.toast-notification.info {
       
		border-left:7px solid #27A6E5;
    }
    .toast-notification.warning {
        border-left:7px solid #FFA600;
    }

    .toast-notification.error {
       border-left:7px solid #FF383C;
    }

    @keyframes slideInRight {
        from {
            transform: translateX(100%);
            opacity: 0;
        }
        to {
            transform: translateX(0);
            opacity: 1;
        }
    }

    /* PDF Template Styles - таблица */
    .pdf-template {
        display: none;
        font-family: 'Roboto', sans-serif;
        max-width: 800px;
        margin: 0 auto;
        background: white;
        padding: 30px;
    }

    .pdf-header {
        text-align: left;
        margin-bottom: 20px;
        background: url(../assets/img/logomin.svg) no-repeat right top;
        background-size: 120px;
    }

    .pdf-date {
        font-size: 12px;
        color: var(--md-on-surface);
    }

    .pdf-header h1 {
        font-size: 24px;
        color: var(--md-on-surface);
        margin-bottom: 5px;
    }

    .pdf-calculations {
        margin-bottom: 25px;
    }

    .pdf-calculations h3 {
        color: var(--md-primary);
        margin-bottom: 15px;
        font-size: 18px;
    }

    .pdf-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 13px;
    }

    .pdf-table th {
        background: var(--md-primary);
        color: white;
        padding: 10px;
        text-align: left;
        font-weight: 500;
    }

    .pdf-table td {
        padding: 8px 10px;
        border-bottom: 1px solid var(--md-outline);
    }

    .pdf-table tr:last-child td {
        border-bottom: none;
    }

    .pdf-total {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px;
        background: var(--md-surface-2);
        border-radius: 8px;
        font-size: 18px;
        font-weight: 700;
        margin-top: 20px;
    }

    .pdf-total span:last-child {
        color: var(--md-primary);
        font-size: 22px;
    }

    .pdf-footer {
        margin-top: 30px;
        padding-top: 15px;
        border-top: 1px solid var(--md-outline);
        color: var(--md-on-surface-medium);
        font-size: 11px;
        text-align: left;
    }
	
    button:disabled{
        opacity:0.6!important
    }

    /* Стили для вкладки вывесок */
    .sign-type-tabs {
        display: flex;
        gap: 8px;
        margin-bottom: 16px;
        
   
    }

    .sign-type-tab {
        flex: 1;
        text-align: center;
        padding: 4px 10px;
        border-radius: 6px;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        color: var(--mama-gray-900);
        transition: all 0.2s;
		white-space: nowrap;
		background: var(--mama-gray-100);
    }

    .sign-type-tab.active {
        background: var(--mama-gray-900);
        color: white;
    }

    .sign-panel {
        display: none;
    }

    .sign-panel.active {
        display: block;
    }


/* mobile */
@media (max-width: 900px) {
  .grid.demo-grid {
    grid-template-columns: 1fr;
  }
}

/* cards */
.card {
  background: #fff !important;
  border-radius: 16px !important;
  padding: 1rem !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
  border: none !important;
}

/* tabs */
.tabs {
  background: var(--mama-gray-100)!important;
  padding: 4px !important;
  border-radius: 12px !important;
}



/* inputs */
.md-label {
  position: static !important;
  transform: none !important;
  font-size: 13px !important;
  margin-bottom: 6px;
  display: block;
  color: #6b7280 !important;
}

.md-input,
.md-select-trigger {
  height: 44px !important;
  border-radius: 12px !important;
  border: 1.5px solid var(--mama-gray-300)!important;
  font-size: 16px !important;
  padding: 0 14px !important;
  background: #fff !important;
}

.md-input:focus,
.md-select-trigger.active {
  border-color: #8b5cf6 !important;
  box-shadow: 0 0 0 3px rgba(139,92,246,0.15);
}

/* stepper */
.md-number-btn {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;

}

.md-number-btn:hover {
  background: #e5e7eb !important;
}

/* buttons */
.btn {
  height: 44px !important;
  border-radius: 12px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  padding: 0 16px !important;
  transition: all 0.2s;
  text-decoration:none
}

.btn-gradient {
  background: linear-gradient(135deg, #8b5cf6, #6c5ce7) !important;
  border: none !important;
  color: #fff !important;
}

  
  
.btn-lg {
  border: none !important;
  color: #fff !important;
  font-size: 16px !important;
  padding: 10px 24px !important;
  height: 56px !important;
  transition: all 0.2s;
}
.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(139,92,246,0.3);
}

.btn-secondary {
  background: rgba(0, 91, 255, 0.08)!important;
  color: var(--mama-gray-900)!important;
  border: none !important;
}
.oz-btn-secondary {
  width: 100%;
  padding: 16px;
  border-radius: 14px;
  background: rgba(0, 91, 255, 0.08)!important;
  color: var(--mama-gray-900)!important;
  font-weight: 600;
  border: none;
  cursor: pointer;
  font-size: 16px;
}
.btn-yell{background-color:var(--md-warning); color:var(--mama-gray-900)!important;}
/* checkbox */
input[type="checkbox"] {
  width: 26px;
  height: 26px;
  accent-color: var(--mama-blue-dark);
}

/* sum */
.current-sum {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #111 !important;
}

/* cart */
#rightColumn {
  position: sticky !important;
  top: 20px;
  height: fit-content;
}

/* mobile cart 
@media (max-width: 900px) {
  #rightColumn {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    background: #fff;
    z-index: 1000;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.1);
    padding: 10px;
  }
}*/

/* cart items */
.calculation-item {
  background: #f9fafb !important;
  border-radius: 12px !important;
  padding: 12px !important;
}

.calculation-item:hover {
  background: #eef2ff !important;
}

/* total */
.history-total-sum {
  font-size: 28px !important;
  font-weight: 700 !important;
}

/* dropzone */
.md-dropzone {
  border-radius: 12px !important;
  border: 2px dashed #e5e7eb !important;
}

.md-dropzone.drag {
  border-color: #8b5cf6 !important;
  background: rgba(139,92,246,0.05);
}



/* контейнер */
.md-switch {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

/* скрываем оригинальный чекбокс */
.md-switch input {
  position: absolute;
  opacity: 0;
}

/* трек (фон) */
.md-switch-track {
  width: 44px !important;
  height: 28px !important;
  background: var(--mama-gray-300)!important;
  border-radius: 999px !important;
  position: relative;
  transition: 0.2s;
}

/* кружок */
.md-switch-thumb {
  width: 26px !important;
  height: 26px !important;
  background: #fff !important;
  border-radius: 50% !important;
  position: absolute;
  top: 1px;
  left: 1px;
  transition: 0.2s;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

/* ВКЛЮЧЕНО (главное) */
.md-switch input:checked ~ .md-switch-track {
  background: var(--mama-blue)!important;
}

.md-switch input:checked ~ .md-switch-track .md-switch-thumb,
.md-switch input:checked ~ .md-switch-thumb {
  transform: translateX(16px);
}

/* hover */
.md-switch:hover .md-switch-track {
  background: var(--mama-gray-700);
}

.md-switch input:checked:hover ~ .md-switch-track {
  background: var(--mama-blue)!important;
}

.md-switch-label {
    font-size: 16px;
    color: var(--mama-gray-700);
    margin-right: 20px;
}

.d-flex {
    display: flex !important;
}
.img-fluid {
    width: 100%;
    height: auto;
}

 
 .param-label{margin: 12px 0;font-size: 16px; font-weight:700
 }
 .w-100{
	 width:100%
 }
  @media (max-width: 700px) {
	 .md-switch {
    
    align-items: center;
    gap: 10px;
    cursor: pointer;
    margin-bottom: 16px;
    border-bottom: 1.5px solid var(--mama-gray-300);
    padding-bottom: 16px;
    width: 100%;
} 


 }
 @media (min-width: 700px) {
	 .w-3{
	width:30%;
	margin:0 auto
}
 }
 .review-card{
  background:#fff;
  border-radius:16px;
  padding:18px;
  box-shadow:var(--shadow-sm);
  margin:0;  
  min-width:360px
}
@media (max-width:768px){
	.reviews-pro{
  
  margin:0 auto;


}

	.review-card{

  min-width:300px;
  margin:20px 0px 20px 0; 
}
}
.review-card small {
    font-size: 12px;
    line-height: 20px!important;
	color: #6C6F71;
}

.review-top{
  display:flex;
  
  margin-bottom:12px;
}

.review-photo {
    width: 64px;
	height:64px;
    border-radius: 90px;
    margin-right: 20px;
    margin-top: 3px;
   object-fit: cover;
}

.review-name{
  color:var(--mama-gray-900);
  
}

.review-stars{
  color:#ffb400;
  font-size:15px;
  letter-spacing:5px;
  margin-bottom:8px
}

.review-badge{
  display:inline-block;
  margin-top:3px;
  font-size:12px;
  background:#e8f7e8;
  color:#2c8b2c;
  padding:2px 6px;
  border-radius:6px;
}

.review-card p{
  font-size:15px;
  line-height:24px;
  margin-top:0;
  color:#141414;
  margin-bottom: 18px;
  
}

.reviews-cta{
  text-align:center;
  margin-top:30px;
}

.review-button{
  background:#ffcc00;
  padding:12px 24px;
  border-radius:8px;
  font-weight:700;
  text-decoration:none;
  color:#000;
}
.fs-1{
	
	font-size: 56px!important;
    margin: 0;
    color: #001a34;
	margin-top: -20px!important;
}
.minwidth360{min-width: 360px; padding:0!important}
.review-card a{ text-decoration:none!important;
}
.text-center{text-align: center;
}
.carousel-dots {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 2rem;
}
.breadcrumb{width:100%;

}
.breadcrumb ul{width:100%;
margin:2rem auto;

}
.breadcrumb ul li{
display:inline;

}
.breadcrumb ul li:last-child{
border-right:0
}
.breadcrumb a{



margin: 0 10px 0 0px ;
letter-spacing:0px;
color:#666;
display:inline-block;

margin-bottom:0rem!important;



}
.degreeImg.bancot {
        height: 340px;
        margin-bottom: -70px;
    }
	.degreeImg.bancot {
        height: 350px;
        margin-bottom: -100px;
		transform: rotate(-60deg);
		right:-130px
    }
@media (max-width: 768px) {
.hover-blue-block {
height: 310px;

}

.d-none{display:none
}
.degreeImg.bancot {
        height: 350px;
        margin-bottom: -140px;
		transform: rotate(-45deg);
		right:-80px
    }
	    .degreeImg.mamacot {
        height: 260px;
        margin-bottom: -20px;
		right:20px;
    }
}
.bgblue{
    background: var(--mama-blue);
    
}
.bgblue-light{
    background: var(--darkSpaceTransparent);
    
}
.bggreen{
    background: var(--mama-green);
    
}
.bggreen-light{
    background: var(--mama-green-light);
    
}
      
.bgred{
    background: var(--mama-red);
    
}
.bgred-light{
    background: var(--mama-red-light);
    
}
            
.bgorange{
    background: var(--mama-orange);
    
}
         
.bgyellow{
    background: var(--mama-yellow);
    
}
.bggray-200{
    background: var(--mama-gray-200);
    
}
 
.bggray-100{
    background: var(--mama-gray-100);
    
}
.mama-kot{background:var(--lightGrayTransparent);
}
.bg{position: relative;
z-index: -5;}
.wa:hover{
	background: url("../img/s-ico2.svg") no-repeat 0 0;
}
.vk:hover{
	background:url("../img/s-ico2.svg") no-repeat right 0;
}

.tg{
	display:inline-block;
	margin-right: 16px;
	width:43px;
	height:43px;
	transition:none;
	background:url("../img/s-ico2.svg") no-repeat -55px bottom;
	
	
}
.tg:hover{
	background:url("../img/s-ico2.svg") no-repeat -55px 0;
}
.vk{
	display:inline-block;
	width:43px;
	height:43px;
	background:url("../img/s-ico2.svg") no-repeat right bottom;
	transition:none;
	
	
}
.wa {
    display: inline-block;
    width: 43px;
    height: 43px;
    background: url("../img/s-ico2.svg") no-repeat 0 bottom;
    margin-right: 16px;
	transition:none;
	
}
.btn-max:hover {
    box-shadow: 0 12px 26px rgba(106, 90, 249, 0.55);
    transform: translateY(-1px);
	color: #fff !important;
}
.btn-max {
 color: #fff !important;
  background: linear-gradient(135deg, #6A5AF9, #9B5CFF)!important;
  

  }
  .modal-content h2 a{
	  text-decoration:none;
	  font-size:28px;
	  color:var(--mama-gray-900)
  }
.mtb-big{
	margin-top:56px;
	margin-bottom:56px;
}
.mtb-base{
	margin-top:60px;
	margin-bottom:60px;
	
}
.mtb-xl{
	margin-top:120px;
	margin-bottom:120px;
	
}
@media (max-width: 768px) {
.mtb-big{
	margin-top:36px;
	margin-bottom:36px;
	
}
.mtb-base{
	margin-top:32px;
	margin-bottom:32px;
	
}
.mtb-xl{
	margin-top:56px;
	margin-bottom:56px;
	
}
}
.p32{padding:32px!important
	}