html, body {
            height: 100%;
            margin: 0;
            /* pievienoti 20.07 priekš kājenes stabilizācijas telefona ekrānos*/
            padding: 0;
            overflow-x: hidden;
            overscroll-behavior: none;
        }
        /*Fona noformējuma sektors*/
        body {
            display: flex;
            flex-direction: column;
            min-height: 100vh; /* full viewport height */
            background-image: url("Bilde_OS/Zobrati.jpg"); 
            background-repeat: no-repeat;
            background-size: cover; /* fills the screen */ 
            background-position: center; /* keeps it centered */ 
            background-attachment: fixed;/* stays fixed on scroll */
            position: relative;
            /*z-index:1000; Noņemts 03.05/* Mainīts 19.03.2026 */
        }
        .bphoto {
            background-image: url("Bilde_OS/Zobrati.jpg"); 
            background-repeat: no-repeat;
            background-size: cover; /* fills the screen */ 
            background-position: center; /* keeps it centered */ 
            background-attachment: fixed;/* stays fixed on scroll */
            position: relative;
    
        }
        body::before { 
            content: "";
            position: fixed;
            inset: 0;
            background-image: url("Bilde_OS/Zobrati.jpg"); /*LABOTS 03.05*/
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0.9; /* <— adjust transparency here */ 
            pointer-events: none;
             z-index: -1; 
        }
        /* Galvenā izvēlne priekš home screen*/
        .home_window { 
            text-align: center; padding: 2vw; min-height: 40vh;
            margin-left:62.5vw; 
            border-radius: 10px;
            z-index: 1000; /* Mainīts 19.03.2026. Bija 10 */
        } 
    /*Virsrakstu zona pa lapām un noformējuma elementi*/
    /* Small Smartphone CSS */
    /*Virsrakstu un fontu zona*/
    @media (max-width: 400px) {        
        h3 {
            margin-top: 0vh;      /* space above the heading */
            margin-bottom: -5px;   /* space below the heading */
            padding: 1vh 1.5vw;    /* inner spacing around the text */
            background-color: #fbfcf4; /* light background for contrast #fefff5 */
            border-radius: 6px;    /* rounded corners */
            color: #0d51c7;           /* text color */
            display: inline-block; /* shrink background to text width */
            font-size: 1.2em;
            border: 3px solid #ad3434;;
            border-color: #2575fc;
            border-radius: 8px;
            max-width:72vw;
            width: clamp(80vw, 82vw, 86vw);
            margin-right: auto;
        }
        h4 {
            margin-top: 0vh;      /* ŠIS VISS IR PASŪTĪŠANAS SADAĻAI */
            margin-bottom: -5px; 
            margin-left:0vw;  
            padding: 1vh 1.5vw;    
            background-color: #eef5fb; 
            border-radius: 6px;    
            color: #1d1818;           
            display: inline-block; 
            font-size: 1.2em;
            border: 3px solid #ad3434;;
            border-color: #2575fc;
            border-radius: 8px;
            max-width:72vw;
            width: clamp(80vw, 82vw, 94vw);
            margin-right: auto;
        }
        p {
            font-size:16px;
            margin-left:5vw;
            margin-right:5vw;
            align-items: justify;
            font:Arial;
        }
        /*Fons, logo un izvēlne*/
        .background {
            background-color: rgb(255, 255, 255,0.0);/*rgb(19, 142, 183) */
            position:relative;
            /*min-height: 100%;*/
        }
        .atstarpe {
                    margin-top:4vh;
                }
        .home_logo {
            background-color: rgb(204, 215, 219);
            margin-top: 30vh;
            margin-bottom:30vh;
            height:30vh;
            width:80vw;/*width: clamp(12vw, 30vw, 32vw);*/
            margin-left: 10vw;
            display: flex;
            border-radius: 45px;
            border: 2px rgb(10, 3, 138) solid; /* border: 2px green solid; */
            opacity: 0.8;
        }
        .home_product {
            background-color: rgb(204, 215, 219);
            margin-top: -25.5vh;
            margin-bottom:10vh;
            height:30vh;
            width:80.0vw;
            margin-left: 10vw;
            display: flex;
            border-radius: 45px;
            border: 2px rgb(10, 3, 138) solid;
            opacity: 0.8;
        }
        .home_offers { /*3D skenēšanas logs pašā lapas sākumā*/
            width: 80vw;
            height:30vh;
            margin-left: 10vw;
            margin-top: -5.5vh;
            margin-bottom: 5vh;
            background-color: rgb(204, 215, 219);
            display: flex;
            border-radius: 45px;
            border: 2px rgb(10, 3, 138) solid;
            opacity: 0.8;}

        .home_news { /*Clopen jaunais modulis apskatei home page*/
            width: 80vw;
            height:30vh;
            margin-left: 10vw;
            margin-top: 5.5vh;
            margin-bottom: -10vh;
            background-color: rgb(204, 215, 219);
            display: flex;
            border-radius: 45px;
            border: 2px rgb(10, 3, 138) solid;
            opacity: 0.8;}

        .home_products{
            height:46.3vh;
            width:31.25vw;
        }
        .home_text {
            position: relative;
            top: -80%;
            left: 45%;
            transform: translate(-50%, -50%);
            font-size: 2rem;
            color: rgb(255, 255, 255); /*rgb(140, 104, 104);*/
            align-items: center;
            font:Italic;
            font-style: italic;
        }
        .Logo  {
            max-height: clamp(8vh, 12vh, 15vh); /* Jāsaglabā proporcijas, lai bilde saglabātos pilnīga h/w 165/130 */
            min-height: clamp(7vw, 12vw, 14vw); 
            max-width: 12.0vw; /* Jāsaglabā proporcijas, lai bilde saglabātos pilnīga h/w 165/130 */
            min-width: 2.6vw;
            margin-top: -4.0vw;
            margin-left: 2vw;
            padding: 1px;
            filter: drop-shadow(1vh 2vw 5px rgba(0, 0, 0, 0.2));
            border-radius: 10px; /* pogas apmales apaļojums */
            margin-bottom: -2vh;
            cursor: pointer;
            transition: transform 0.5s ease;
            aspect-ratio: 165 / 130;
        }
        .Logo:hover {
            transform: scale(1.05);
        }
        .container {
            width: clamp(13vw, 97vw, 99vw);
            height: clamp(46.3vh, 50vh, 55.5vh);
            margin: 10px; /* Centers the container */
            padding: 0px -20px;
            top: 0;
            /*background-color: rgba(12, 124, 221, 0.497); /* rgba(12, 124, 221, 0.497); */
            background: linear-gradient(to right, rgba(12, 124, 221, 0.497), #89aafa);
            justify-content: space-around;
            align-items:center;
            z-index: 100;
            margin-left: 1vw;
            margin-right: 1vw;
            text-decoration: none;
            font-weight: 500;
            position: fixed;
            display: flex;
        }
        .menu {
            width: clamp(13vw, 97.5vw, 100vw);
            height: clamp(9.0vh, 10.5vh, 14vh);
            margin: 1vh 1vw; /* Centers the container */
            padding: 0px -20px;
            /*background-color: rgba(12, 124, 221, 0.497); /* rgba(12, 124, 221, 0.497); */
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            backdrop-filter: blur(10px);
            border-radius: 10px;             /* Rounded corners */
            border: 2px solid #050756;          /* Subtle border */
            background: linear-gradient(to right, rgba(12, 124, 221, 0.497), #89aafa);
            align-items:center;
            z-index: 100;
            text-decoration: none;
            position: fixed;
            top:0;
            left:0;
            right:0;
            display: flex;
        }
        .Pirma_poga {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #999; /* apmales krāsa un biezums */
            background: linear-gradient(45deg, #6a11cb, #2575fc);
            box-shadow: 0 0 15px rgba(100, 100, 255, 0.6);
            /*background-color: green; /* pogas fona krāsa */
            /* display:flex padaris vienigo pogu josla*/
            padding: clamp(0.4em, 1vw, 1.2em) clamp(0.4em, 2vw, 2em); 
            border-radius: 10px; /* pogas apmales apaļojums */
            margin: 2vh 0vw 2vh 0vw;
            /*margin: 2px;  var norādīt apmales izmērus no visām pusēm */           
            font-weight: bold;
            font-size: clamp(0.3rem, 0.5rem, 1.2rem);
            color: white;
            width: clamp(5vw, 20vw, 13.5vw);
            min-width: 13.5vw;
            min-height: clamp(4.2vh, 5.6vh, 8.0vh);
            cursor: pointer;
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease;
            flex: 0 0 auto;
            gap:10px;
            flex-wrap: wrap; /* wrap on small screens */
            box-sizing: border-box;
            }
        .Pirma_poga:hover {
            transform: scale(1.1);
            box-shadow: 0 0 20px rgba(100, 100, 255, 0.8);
            }
        .Otra_poga {
            border: 2px solid #999; /* apmales krāsa un biezums */
            background: linear-gradient(45deg, #6a11cb, #2575fc);
            box-shadow: 0 0 15px rgba(100, 100, 255, 0.6);
            padding: clamp(0.4em, 1vw, 1.2em) clamp(0.4em, 2vw, 2em); 
            border-radius: 10px; /* pogas apmales apaļojums */
            margin-top: 2vh; /* apmales atstatums no pašas lapas augšas */
            margin-bottom: 2vh;
            align-items: center;
            justify-content: center;
            display: inline-flex;
            font-weight: bold;
            font-size: clamp(0.3rem, 0.5rem, 1.2rem); /* font-size: clamp(0.35rem, 0.55rem, 1.2rem); text-transform: uppercase; 03.05 labots*/
            font-weight:700;
            color: white;
            width: clamp(4.2vw, 20vw, 14vw);
            min-height: clamp(5vh, 5.6vh, 8.0vh);
            height: auto;
            max-width: 20vw; /* height: 3vw  width: 30vh */
            min-width: 13.5vw;
            cursor: pointer;
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease;
            flex: 0 0 auto;
            gap:10px;
            flex-wrap: wrap; /* wrap on small screens */
            box-sizing: border-box;
        }
        .Otra_poga:hover {
                    transform: scale(1.1);
                    box-shadow: 0 0 20px rgba(100, 100, 255, 0.8);
                }
        .dropdown-content {
            display: none;
            opacity:0;
            pointer-events: none;
            transition: opacity 0.2s ease;
            position: absolute;
            top: 90%;
            left: 0px;
            background-color:#f1f1f1;
            box-shadow: 0 8px 16px rgba(254, 240, 240, 0.2);
            border-radius: 6px;
            z-index: 500; /* Mainīts 19.03.2026. Bija 2000 */
            overflow:visible;
            min-width: clamp(1vw, 8vw, 10vw);
            white-space: normal;               /* wrap text instead of expanding width */
            overflow-wrap: break-word;
            box-sizing: border-box;
        }
        .dropdown-content.active {
            display: block;
            opacity: 1;
            pointer-events: auto;
        }
        /*body.no-scroll {
            overflow: hidden;
            position:fixed;
            width:100%;
        }*/
        .dropdown-content a {
            color: #333;
            padding: 8px ;
            text-decoration: none;
            display: block;
            z-index: 10;
            transition: background-color 0.2s ease, color 0.2s ease;
            display:block;
        }
        .dropdown-content a:hover {
            background-color: #ddd;
            color: rgb(48, 22, 192);
            font-weight: bold;
        }
        @media (hover: hover) and (pointer: fine) {
        .dropdown:hover .dropdown-content {
            display: block;
            opacity: 1;
            pointer-events: auto;
        }}
        .dropdown {
            position: relative;
            display: inline-block;
            /*min-width: 3vw;
            max-width: 13vw;
            width:clamp(3vw, 6vw, 13vw); Testam 03.05.2026
            min-height: clamp(4vh, 6vh, 8vh);
            /*width: 265px;
            height: 60px; */
            cursor: pointer;
            z-index: 10;
            font-size: clamp(0.4rem, 0.75rem, 0.8rem);/*03.05.2026 Mainīts*/
        }
        .nav-buttons {
            display: flex;
            justify-content: space-between; /* or space-between / space-evenly */
            gap: 2vw;
            align-items: center;
            padding: 10px;
            box-sizing: border-box;
            text-align:center;
            overflow:visible; /*Testam 21.06.2026*/
            position:relative;
            z-index:100;
        }
    /*mazo kājenes vārdu burtu izmērs*/
        .footer-nav a,
        .social-links a {
            color: #f1f1f1;
            text-decoration: none;
            margin: 0 0.16rem;
            font-size: 12px;}}
        /* Big Smartphone CSS */
    /*Virsrakstu un fontu zona*/
    @media (min-width: 401px) and (max-width:900px) {        
        h3 {
            margin-top: 0vh;      /* space above the heading */
            margin-bottom: -5px;   /* space below the heading */
            padding: 1vh 1.5vw;    /* inner spacing around the text */
            background-color: #fbfcf4; /* light background for contrast #fefff5 */
            border-radius: 6px;    /* rounded corners */
            color: #0d51c7;           /* text color */
            display: inline-block; /* shrink background to text width */
            font-size: 1.4em;
            border: 3px solid #ad3434;;
            border-color: #2575fc;
            border-radius: 8px;
            max-width:82vw;
            width: clamp(80vw, 82vw, 86vw);
            margin-right: auto;
        }
        h4 {
            margin-top: 0vh;      /* ŠIS VISS IR PASŪTĪŠANAS SADAĻAI */
            margin-bottom: -5px; 
            margin-left:0vw;  
            padding: 1vh 1.5vw;    
            background-color: #eef5fb; 
            border-radius: 6px;    
            color: #1d1818;           
            display: inline-block; 
            font-size: 1.4em;
            border: 3px solid #ad3434;;
            border-color: #2575fc;
            border-radius: 8px;
            max-width:82vw;
            width: clamp(84vw, 90vw, 94vw);
            margin-right: auto;
        }
        p {
            font-size:18px;
            margin-left:5vw;
            margin-right:5vw;
            align-items: justify;
            font:Arial;
        }
        /*Fons, logo un izvēlne*/
        .background {
            background-color: rgb(190, 217, 226,0.0);/*rgb(19, 142, 183) */
            /*min-height: 100%;*/
        }
        .atstarpe {
                    margin-top:4vh;
                }
        .home_logo {
            background-color: rgb(204, 215, 219);
            margin-top: 32.0vh;
            margin-bottom:30vh;
            height:30vh;
            width:80.0vw;/*width: clamp(12vw, 30vw, 32vw);*/
            margin-left: 7.5vw;
            display: flex;
            border-radius: 40px;
            border: 2px rgb(10, 3, 138) solid; /* border: 2px green solid; */
            opacity: 0.8;
        }
        .home_product {
            background-color: rgb(204, 215, 219);
            margin-top: -25.5vh;
            height:30vh;
            width:80.0vw;
            margin-left: 7.5vw;
            margin-bottom: 10vh;
            display: flex;
            border-radius: 40px;
            border: 2px rgb(10, 3, 138) solid;
            opacity: 0.8;
        }
        .home_offers { /*3D skenēšanas logs pašā lapas sākumā*/
            width: 80vw;
            height:28vh;
            margin-left: 7.5vw;
            margin-top: -5.5vh;
            margin-bottom: 5vh;
            background-color: rgb(204, 215, 219);
            display: flex;
            border-radius: 45px;
            border: 2px rgb(10, 3, 138) solid;
            opacity: 0.8;}

        .home_news { /*Clopen jaunais modulis apskatei home page*/
            width: 80vw;
            height:30vh;
            margin-left: 7.5vw;
            margin-top: 5.5vh;
            margin-bottom: -15vh;
            background-color: rgb(204, 215, 219);
            display: flex;
            border-radius: 45px;
            border: 2px rgb(10, 3, 138) solid;
            opacity: 0.8;}

        .home_products{
            height:46.3vh;
            width:31.25vw;
        }
        .home_text {
            position: relative;
            top: -78%;
            left: 45%;
            transform: translate(-50%, -50%);
            font-size: 2.6rem;
            color: rgb(255, 255, 255); /*rgb(140, 104, 104);*/
            align-items: center;
            font:Italic;
            font-style: italic;
        }
        .Logo  {
            max-height: clamp(8vh, 16vh, 18vh); /* Jāsaglabā proporcijas, lai bilde saglabātos pilnīga h/w 165/130 */
            min-height: clamp(7vw, 14vw, 18vw); 
            max-width: 15.0vw; /* Jāsaglabā proporcijas, lai bilde saglabātos pilnīga h/w 165/130 */
            min-width: 8.6vw;
            min-height:8.0vh;
            max-height: 24.0vh;
            margin-top: -4.0vw;
            margin-left: 1vw;
            padding: 1px;
            filter: drop-shadow(1vh 2vw 5px rgba(0, 0, 0, 0.2));
            border-radius: 10px; /* pogas apmales apaļojums */
            margin-bottom: -2vh;
            cursor: pointer;
            transition: transform 0.5s ease;
            aspect-ratio: 165 / 130;
            /*transform: scale(1.2);
            object-fit:cover;*/
        }
        .Logo:hover {
            transform: scale(1.05);
        }
        .container {
            width: clamp(13vw, 97vw, 99vw);
            height: clamp(46.3vh, 50vh, 55.5vh);
            margin: 10px; /* Centers the container */
            padding: 0px -20px;
            top: 0;
            /*background-color: rgba(12, 124, 221, 0.497); /* rgba(12, 124, 221, 0.497); */
            background: linear-gradient(to right, rgba(12, 124, 221, 0.497), #89aafa);
            justify-content: space-around;
            align-items:center;
            z-index: 100;
            margin-left: 1vw;
            margin-right: 1vw;
            text-decoration: none;
            font-weight: 500;
            position: fixed;
            display: flex;
        }
        .menu {
            width: clamp(13vw, 97.5vw, 100vw);
            height: clamp(9.0vh, 10.5vh, 14vh);
            margin: 1vh 1vw; /* Centers the container */
            padding: 0px -20px;
            /*background-color: rgba(12, 124, 221, 0.497); /* rgba(12, 124, 221, 0.497); */
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            backdrop-filter: blur(10px);
            border-radius: 10px;             /* Rounded corners */
            border: 2px solid #ddd;          /* Subtle border */
            background: linear-gradient(to right, rgba(12, 124, 221, 0.497), #89aafa);
            align-items:center;
            z-index: 100;
            text-decoration: none;
            position: fixed;
            top:0;
            left:0;
            right:0;
            display: flex;
        }
        .Pirma_poga {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #999; /* apmales krāsa un biezums */
            background: linear-gradient(45deg, #6a11cb, #2575fc);
            box-shadow: 0 0 15px rgba(100, 100, 255, 0.6);
            /*background-color: green; /* pogas fona krāsa */
            /* display:flex padaris vienigo pogu josla*/
            padding: clamp(0.4em, 1vw, 1.2em) clamp(0.4em, 2vw, 2em); 
            border-radius: 10px; /* pogas apmales apaļojums */
            margin: 2vh 0vw 2vh 0vw;
            /*margin: 2px;  var norādīt apmales izmērus no visām pusēm */           
            font-weight: bold;
            font-size: clamp(0.4rem, 0.55rem, 1.2rem);
            color: white;
            width: clamp(5vw, 20vw, 13vw);
            min-width: 14vw;
            min-height: clamp(4.2vh, 5.6vh, 8.0vh);
            cursor: pointer;
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease;
            flex: 0 0 auto;
            gap:10px;
            flex-wrap: wrap; /* wrap on small screens */
            box-sizing: border-box;
            transform: scaleY(1.2);
            }
        .Pirma_poga:hover {
            transform: scale(1.1);
            box-shadow: 0 0 20px rgba(100, 100, 255, 0.8);
            }
        .Otra_poga {
            border: 2px solid #999; /* apmales krāsa un biezums */
            background: linear-gradient(45deg, #6a11cb, #2575fc);
            box-shadow: 0 0 15px rgba(100, 100, 255, 0.6);
            padding: clamp(0.4em, 1vw, 1.2em) clamp(0.4em, 2vw, 2em); 
            border-radius: 10px; /* pogas apmales apaļojums */
            margin-top: 2vh; /* apmales atstatums no pašas lapas augšas */
            margin-bottom: 2vh;
            align-items: center;
            justify-content: center;
            display: inline-flex;
            font-weight: bold;
            font-size: clamp(0.4rem, 0.65rem, 1.2rem); /* font-size: clamp(0.35rem, 0.55rem, 1.2rem); text-transform: uppercase; 03.05 labots*/
            font-weight:700;
            color: white;
            width: clamp(4.2vw, 24vw, 14vw);
            min-height: clamp(5vh, 5.6vh, 8.0vh);
            height: auto;
            max-width: 14vw; /* height: 3vw  width: 30vh */
            min-width: 3vw;
            cursor: pointer;
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease;
            flex: 0 0 auto;
            gap:10px;
            flex-wrap: wrap; /* wrap on small screens */
            box-sizing: border-box;
            transform: scaleY(1.2);
        }
        .Otra_poga:hover {
                    transform: scale(1.1);
                    box-shadow: 0 0 20px rgba(100, 100, 255, 0.8);
        }
        .dropdown-content {
            display: none;
            opacity:0;
            pointer-events: none;
            transition: opacity 0.2s ease;
            position: absolute;
            top: 90%;
            left: 0px;
            background-color:#f1f1f1;
            box-shadow: 0 8px 16px rgba(254, 240, 240, 0.2);
            border-radius: 6px;
            z-index: 500; /* Mainīts 19.03.2026. Bija 2000 */
            overflow:visible;
            min-width: clamp(1vw, 8vw, 10vw);
            white-space: normal;               /* wrap text instead of expanding width */
            overflow-wrap: break-word;
            box-sizing: border-box;

        }
        .dropdown-content.show {
            display: block;
        }
        .dropdown-content a {
            color: #333;
            padding: 8px ;
            text-decoration: none;
            display: block;
            z-index: 10;
            transition: background-color 0.2s ease, color 0.2s ease;
            display:block;
        }
        .dropdown-content a:hover {
            background-color: #ddd;
            color: rgb(48, 22, 192);
            font-weight: bold;
        }
        .dropdown:hover .dropdown-content {
            display: block;
            opacity: 1;
            pointer-events: auto;
        }
        .dropdown {
            position: relative;
            display: inline-block;
            min-width: 3vw;
            max-width: 13vw;
            /*width:clamp(3vw, 6vw, 13vw); Testam 03.05.2026*/
            min-height: clamp(4vh, 6vh, 8vh);
            /*width: 265px;
            height: 60px; */
            cursor: pointer;
            z-index: 10;
            font-size: clamp(0.4rem, 0.85rem, 1.85rem);/*03.05.2026 Mainīts*/
        }
        .nav-buttons {
            display: flex;
            justify-content: space-between; /* or space-between / space-evenly */
            gap: 2vw;
            align-items: center;
            padding: 10px;
            box-sizing: border-box;
            text-align:center;
        }
        .footer-nav a,
        .social-links a {
            color: #f1f1f1;
            text-decoration: none;
            margin: 0 0.2rem;
            font-size: 10px;
        }
            .footer-nav a,
            .social-links a {
                font-size: 16px; /* bigger on PC */               
        }
        .lang-switch {
                cursor: pointer;
                color: white; /* vai tava kājenes krāsa */
                padding: 0 4px;
                font-size: 18px;
                opacity: 0.8;
        }}
        /* PC */
            @media (min-width: 901px) { 
                h3 { /* ŠIS VISS IR PASŪTĪŠANAS SADAĻAI */
                    margin-top: 2vh;      /* space above the heading */
                    margin-bottom: -5px;   /* space below the heading */
                    padding: 1vh 1.5vw;    /* inner spacing around the text */
                    font-size: 2.8em;
                    margin-left:0vw;  
                    background-color: #eef5fb; 
                    border-radius: 2vh;    
                    color: #1d1818;           
                    display: inline-block; 
                    border: 5px solid #ad3434;;
                    border-color: #2575fc;
                    max-width:48vw;
                    width: clamp(84vw, 90vw, 94vw);
                    margin-right: auto;
                }
                 h4 {
                    max-width:48vw;
                    width: clamp(66vw, 76vw, 84vw);
                    margin-top: 2vh;      /* space above the heading */
                    margin-bottom: -5px;   /* space below the heading */
                    padding: 1vh 1.5vw;    /* inner spacing around the text */
                    font-size: 2.8em;
                    margin-left:0vw;  
                    background-color: #eef5fb; 
                    border-radius: 2vh;    
                    color: #1d1818;           
                    display: inline-block; 
                    border: 5px solid #ad3434;;
                    border-color: #2575fc;
                    margin-right: auto;
                }
                p {
                    margin-left:5vw;
                    margin-right:5vw;
                    align-items: justify;
                    font:Arial;
                    font-size: 24px; /* bigger on PC */
                }
                .atstarpe {
                    margin-top:4vh;
                }
                .background {
                    background-color: rgb(190, 217, 226,0.0);/*rgb(19, 142, 183) */
                    position:relative;
                }
                .home_logo {
                    width: 35vw;
                    height:45vh;
                    margin-left: 8vw;
                    background-color: rgb(204, 215, 219);
                    margin-top: 55.0vh;
                    display: flex;
                    border-radius: 45px;
                    border: 2px rgb(10, 3, 138) solid; /* border: 2px green solid; */
                    opacity: 0.8;
                }
                .home_product {
                    width: 35vw;
                    height:45vh;
                    margin-left: 56vw;
                    margin-top: -45.5vh;
                    background-color: rgb(204, 215, 219);
                    display: flex;
                    border-radius: 45px;
                    border: 2px rgb(10, 3, 138) solid;
                    opacity: 0.8;}

                .home_offers { /*3D skenēšanas logs pašā lapas sākumā*/
                    width: 35vw;
                    height:45vh;
                    margin-left: 8vw;
                    margin-top: 20.5vh;
                    background-color: rgb(204, 215, 219);
                    display: flex;
                    border-radius: 45px;
                    border: 2px rgb(10, 3, 138) solid;
                    opacity: 0.8;}

                .home_news { /*Clopen jaunais modulis apskatei home page*/
                    width: 35vw;
                    height:45vh;
                    margin-left: 56vw;
                    margin-top: -45.5vh;
                    background-color: rgb(204, 215, 219);
                    display: flex;
                    border-radius: 45px;
                    border: 2px rgb(10, 3, 138) solid;
                    opacity: 0.8;}

                .home_products{
                    height:46.3vh;
                    width:31.25vw;
                }
                .home_text {
                    position: relative;
                    top: -72%;
                    left: 45%;
                    transform: translate(-50%, -50%);
                    font-size: 4.0rem;
                    color: rgb(255, 255, 255); /*rgb(140, 104, 104);*/
                    align-items: center;
                    font:Italic;
                    font-style: italic;
                }
                .menu {
                    width: clamp(13vw, 97.5vw, 100vw);
                    height: clamp(12.0vh, 16.5vh, 17vh);
                    min-height: 10vh;
                    width: clamp(13vw, 97.5vw, 100vw);
                    margin: 1vh 1vw; /* Centers the container */
                    padding: 0px -20px;
                    /*background-color: rgba(12, 124, 221, 0.497); /* rgba(12, 124, 221, 0.497); */
                    box-shadow: 0 0 10px rgba(0,0,0,0.1);
                    backdrop-filter: blur(10px);
                    border-radius: 10px;             /* Rounded corners */
                    border: 2px solid #ddd;          /* Subtle border */
                    background: linear-gradient(to right, rgba(12, 124, 221, 0.497), #89aafa);           
                    align-items:center;
                    z-index: 100;
                    text-decoration: none;           
                    position: fixed;
                    top:0;
                    left:0;
                    right:0;
                    display: flex;
                    }
                .container {
                    width: clamp(13vw, 97vw, 99vw);
                    height: clamp(46.3vh, 50vh, 55.5vh);
                    margin: 10px; /* Centers the container */
                    padding: 0px -20px;
                    top: 0;
                    /*background-color: rgba(12, 124, 221, 0.497); /* rgba(12, 124, 221, 0.497); */
                    background: linear-gradient(to right, rgba(12, 124, 221, 0.497), #89aafa);
                    justify-content: space-around;
                    align-items:center;
                    z-index: 100;
                    margin-left: 1vw;
                    margin-right: 1vw;
                    text-decoration: none;
                    font-weight: 500;
                    position: fixed;
                    display: flex;
                }
                .Logo {
                    max-width: 7.0vw; /* Jāsaglabā proporcijas, lai bilde saglabātos pilnīga h/w 165/130 */
                    min-width:3.5vw;
                    max-height: clamp(4.5vh, 5vh, 8vh);
                    min-height: clamp(4vw, 6.0vw, 7vw); 
                    margin-top: -1.0vw;
                    aspect-ratio: 100 / 90;
                    max-height: clamp(8vh, 12vh, 15vh); /* Jāsaglabā proporcijas, lai bilde saglabātos pilnīga h/w 165/130 */        
                    margin-left: 1vw;
                    padding: 1px;
                    filter: drop-shadow(1vh 2vw 5px rgba(0, 0, 0, 0.2));
                    border-radius: 10px; /* pogas apmales apaļojums */
                    margin-bottom: -2vh;
                    cursor: pointer;
                    transition: transform 0.5s ease;
                }

                .Pirma_poga:hover {
                    transform: scale(1.02);
                    box-shadow: 0 0 20px rgba(100, 100, 255, 0.8);
                }
                .Logo:hover {
                    transform: scale(1.05);
                }
                .Pirma_poga:hover {
                    transform: scale(1.02);
                    box-shadow: 0 0 20px rgba(100, 100, 255, 0.8);
                }
                .Pirma_poga {
                    width: clamp(5vw, 16vw, 13vw);
                    min-width: 3vw;
                    min-height: clamp(4.2vh, 7.0vh, 8.0vh);
                    font-size: clamp(0.35rem, 2.5rem, 1.2rem);
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    border: 2px solid #999; /* apmales krāsa un biezums */
                    background: linear-gradient(45deg, #6a11cb, #2575fc);
                    box-shadow: 0 0 15px rgba(100, 100, 255, 0.6);
                    /*background-color: green; /* pogas fona krāsa */            /* display:flex padaris vienigo pogu josla*/
                    padding: clamp(0.4em, 1vw, 1.2em) clamp(0.4em, 2vw, 2em); 
                    border-radius: 10px; /* pogas apmales apaļojums */
                    margin: 1vh 0vw 2vh 0vw;              
                    font-weight: bold;
                    color: white;
                    cursor: pointer;
                    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease;
                    flex: 0 0 auto;
                    gap:10px;
                    flex-wrap: wrap; /* wrap on small screens */
                    box-sizing: border-box;
                }
                .Otra_poga {
                    width: clamp(5vw, 14vw, 15vw);
                    min-width: 3vw;
                    min-height: clamp(4.2vh, 7.0vh, 8.0vh);
                    font-size: clamp(0.35rem, 2.5rem, 1.2rem);
                    border: 2px solid #999; /* apmales krāsa un biezums */
                    background: linear-gradient(45deg, #6a11cb, #2575fc);
                    box-shadow: 0 0 15px rgba(100, 100, 255, 0.6);
                    padding: clamp(0.4em, 1vw, 1.2em) clamp(0.4em, 2vw, 2em); 
                    border-radius: 10px; /* pogas apmales apaļojums */
                    margin-top: 1vh; /* apmales atstatums no pašas lapas augšas */
                    margin-right: 0.5vw;/*mainīts no 20px uz 0 px 22.04.2026 mainīts*//*margin-left: 0.5vw;*/
                    margin-bottom: 2vh;
                    align-items: center;
                    justify-content: center;
                    display: inline-flex;
                    font-weight: bold;
                    font-weight:700;
                    color: white;
                    height: auto;
                    max-width: 20vw; /* height: 3vw  width: 30vh */
                    cursor: pointer;
                    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease;
                    flex: 0 0 auto;
                    gap:10px;
                    flex-wrap: wrap; /* wrap on small screens */
                    box-sizing: border-box;
                    }
                    .Otra_poga:hover {
                    transform: scale(1.02);
                    box-shadow: 0 0 20px rgba(100, 100, 255, 0.8);
                }
                .nav-buttons {
                    display: flex;
                    justify-content: space-between; /* or space-between / space-evenly */
                    gap: 2vw;
                    align-items: center;
                    padding: 10px;
                    box-sizing: border-box;
                    text-align:center;
                }
                .dropdown {
                    min-width: 10vw;
                    max-width: 13vw;
                    min-height: clamp(4vh, 6vh, 8vh);
                    font-size: clamp(1.0rem, 1.5rem, 1.2rem);
                    position: relative;
                    display: inline-block;
                    cursor: pointer;
                    z-index: 10;
                }
                .dropdown-content {
                    display: block; /*mainīts 01.06*/
                    position: absolute;
                    top: 90%;
                    left: 0px;
                    background-color:#f1f1f1;
                    box-shadow: 0 8px 16px rgba(254, 240, 240, 0.2);
                    border-radius: 6px;
                    z-index: 500; /* Mainīts 19.03.2026. Bija 2000 */
                    overflow:visible;
                    min-width: clamp(1vw, 8vw, 10vw);
                    white-space: normal;               /* wrap text instead of expanding width */
                    overflow-wrap: break-word;
                    box-sizing: border-box;
                    opacity: 0;
                    pointer-events: none;
                    transition: opacity 0.2s ease;
                }
                .dropdown-content.show {
                    display: block;
                }
                .dropdown-content a {
                    color: #333;
                    padding: 8px ;
                    text-decoration: none;
                    display: block;
                    z-index: 10;
                    transition: background-color 0.2s ease, color 0.2s ease;
                }

                .dropdown-content a:hover {
                    background-color: #ddd;
                    color: rgb(48, 22, 192);
                    font-weight: bold;
                    display: block;
                    opacity:1;
                    pointer-events: auto;
                }

                .dropdown:hover .dropdown-content {
                    display: block;
                    opacity:1;/*pievienots 04.06*/
                    pointer-events: auto;/*pievienots 04.06*/
                }}
        
/*                             FONA LAUKUMI VISĀM PIEDĀVĀJUMA OPCIJĀM                 */
        
        /*Small SmartPhone*/
        @media (max-width:400px) {
        .content-davanas {
            display:none;
            margin-top: 3vh;
            padding: 10px;
            /*background-color: #f9f9f9;*/
            border-radius: 20px;
            text-align: center;
        }
        #content-davanas.active {
            display: block;
            position:relative;
            z-index: 1;
            margin-left: 2.6vw;
            margin-top: 12vh;
            margin-right:5vw;
            height: clamp(185vh, 735vh, 782vh);
            width: clamp(80vw, 90vw, 96vw);
            /*background-color:rgb(190, 217, 226); /* #ddeef4; */
            /*background: linear-gradient(
            to right,
                    rgb(190, 217, 226) 0 21%,   
                    (190, 217, 226) 21% 83.5%, 
                    rgb(190, 217, 226) 83.5% 100% 
        );*/
        }/*Automatizācija puķu kopšanai*/
        .content-area {
            display:none;
            margin-top: 3vh;
            padding: 10px;
            /*background-color: #f9f9f9;*/
            border-radius: 20px;
            text-align: center;
        }
        #content-area.active {
            display: block;
            position:relative;
            z-index: 1;
            margin-left: 2.6vw;
            margin-top: 12vh;
            margin-right:5vw;
            height: clamp(195vh, 230vh, 280vh);
            width: clamp(80vw, 90vw, 96vw);
            /*background-color:rgb(190, 217, 226); /* #ddeef4; */
            /*background: linear-gradient(
                    to right,
                    rgb(190, 217, 226) 0 21%,   
                    (190, 217, 226) 21% 83.5%, 
                    rgb(190, 217, 226) 83.5% 100% 
        );*/
        }
        .content-aksesuari {
            display:none;
            margin-top: 3vh;
            padding: 10px;
            /*background-color: #f9f9f9;*/
            border-radius: 20px;
            text-align: center;
        }
        #content-aksesuari.active {
            display: block;
            position:relative;
            z-index: 1;
            margin-left: 2.6vw;
            margin-top: 13vh;
            margin-right:5vw;
            height: clamp(405vh, 430vh, 496vh);
            width: clamp(80vw, 90vw, 96vw);
            /*background-color:rgb(190, 217, 226); /* #ddeef4; */
                    /*background: linear-gradient(
                    to right,
                    rgb(190, 217, 226) 0 21%,   
                    (190, 217, 226) 21% 83.5%, 
                    rgb(190, 217, 226) 83.5% 100% 
        );*/
        }
        .content-merisanai { /*Small phone*/
            display:none;
            margin-top: 3vh;
            padding: 10px;
            /*background-color: #f9f9f9;*/
            border-radius: 20px;
            text-align: center;
        }
        #content-merisanai.active {
            display: block;
            position:relative;
            z-index: 1;
            margin-left: 1.6vw;
            margin-top: 12vh;
            margin-right:5vw;
            height: clamp(246vh, 290vh, 336vh);
            width: clamp(80vw, 90vw, 96vw);
            /*background-color:rgb(190, 217, 226); /* #ddeef4; */
            /* Two-color background */
            /*background: linear-gradient(
                    to right,
                    rgb(190, 217, 226) 0 21%,    left 20% 
                    (190, 217, 226) 21% 83.5%,  middle 60% 
                    rgb(190, 217, 226) 83.5% 100% /* right 20% 
        );*/
        }
        footer { /* Small smartphone */
            background-color: rgba(108, 90, 189, 0.8); /*pēdējā aile norāda caurspīdīgumu*/
            color: #f1f1f1; 
            text-align: center;
            margin-left:0.5vw;
            margin-right:0.5vw;
            /*padding: 2px;03.05.2026*/
            font-size: 12px;
            /*margin-top: auto;03.05.2026*/
            border-radius: 0px;
            /*margin-top: 500px; margin-top: clamp(2000px, 10vh, 2500px);margin:auto;  */
            width:100%;
            height:17.8%;
            margin-bottom:0vh;
            /*position:sticky; Noņemts 17.07*/
            line-height: 1.4;
            padding: 0 0; /*padding: 10px 0;*/
            z-index:50;
            /*20.07 Pievienos lai mazinātu uz smartphone ekrāniem kājenes overflow*/
            /*position: fixed;
            bottom: 0;
            left: 0;*/
        }
        .lauks1 {
            display:block;/*mainīts 01.06*/
            margin-top: 3vh;
            padding: 0px;
            border-radius: 20px;
            text-align: center;}
        #lauks1.active {
            height: clamp(82vh, 246vh, 280vh);
            width: clamp(88vw, 94vw, 98vw);
            margin-top:13vh;
            margin-left:2.5vw;
            margin-right:1.5vw;}
        .lauks2 { /*Small phone*/
            display:block;/*mainīts 01.06*/
            margin-top: 3vh;
            padding: 0px;
            border-radius: 20px;
            text-align: center;
            margin-left:2.5vw;
            margin-right:1.5vw;}
        #lauks2.active {
            height: clamp(85vh, 176vh, 190vh);
            width: clamp(88vw, 94vw, 98vw);
            margin-top:13vh;
            margin-left:3vw;
            }
        .lauks3 {
            display:block;/*mainīts 01.06*/
            margin-top: 3vh;
            padding: 0px;
            border-radius: 20px;
            text-align: center;
        }
        #lauks3.active {
            height: clamp(80vh, 128vh, 130vh);
            width: clamp(78vw, 90vw, 98vw);
            margin-top: 13vh;
            /*background-color:rgb(190, 217, 226); /* #ddeef4; */
            /* Two-color background */
            }
        #lauksinfo.active {
            margin-left: 5.5vw;
            margin-right:8.5vw;
            margin-top: 15.5vh;
            height: clamp(80vh, 75vh, 110vh);
            width: clamp(54vw, 84vw, 90vw);
            display: block;
            position:relative;
            z-index: 1;
            }
        .lauksinfo {
            display:block;/*mainīts 01.06*/
            background-color: #ddeef4;
            border-radius: 20px;
            text-align: center;
            border: 4px solid rgb(50, 50, 194);
            margin-top: 5vh;
            margin-bottom: 5vh;
            padding: 5px;
            }
        .footer-nav a,
        .social-links a {
            font-size: 16px; /* bigger on PC */    
            color: #f1f1f1;
            text-decoration: none;
            margin: 0 0.16rem;           
        }
        .hidden { display: none; 
        }
        .lang-switch {
            cursor: pointer;
            color: white; /* vai tava kājenes krāsa */
            padding: 0 4px;
            font-size: 18px;
            opacity: 0.8;
        }
        }
        
        .footer-nav a:hover,
        .social-links a:hover {
            text-decoration: underline;
        }
        /* Paslēpt VISUS Google Translate elementus pēc noklusējuma */ 
            #google_translate_element,
            .goog-te-banner-frame,
            .goog-te-menu-frame,
            .goog-te-gadget,
            .goog-te-combo,
            .goog-te-menu2 {
            display: none !important;
        }

        #google_translate_element {
            background: transparent;
            border: none;
            color: white; /* vai tava kājenes krāsa */
            font-size: 10px; /* tāds pats kā pārējiem */
            cursor: pointer;
            display: none !important;
        }
        .lang-switch {
            cursor: pointer;
            color: white; /* vai tava kājenes krāsa */
            padding: 0 4px;
            font-size: 12px;
            opacity: 0.8;
        }

        .lang-switch:hover {
            opacity: 1;
            text-decoration: underline;
        }
        
         /*                                                        Big SmartPhone                      BIG SMARTPHONE*/
        @media (min-width:400px) and (max-width:900px) {
        .content-davanas {
            display:none;
            margin-top: 3vh;
            padding: 10px;
            background-color: #f9f9f9;
            border-radius: 20px;
            text-align: center;}
        #content-davanas.active {
            display: block;
            position:relative;
            z-index: 1;
            margin-left: 2.6vw;
            margin-top: 12vh;
            margin-right:5vw;
            height: clamp(185vh, 775vh, 902vh);
            width: clamp(80vw, 90vw, 96vw);
            background-color:rgb(190, 217, 226); /* #ddeef4; */
            /* Two-color background */
            background: linear-gradient(
            to right,
                    rgb(190, 217, 226) 0 21%,   /* left 20% */
                    (190, 217, 226) 21% 83.5%, /* middle 60% */
                    rgb(190, 217, 226) 83.5% 100% /* right 20% */
        );
        }
        .content-area {
            display:none;
            margin-top: 3vh;
            padding: 10px;
            background-color: #f9f9f9;
            border-radius: 20px;
            text-align: center;
            }
        #content-area.active {
            display: block;
            position:relative;
            z-index: 1;
            margin-left: 2.6vw;
            margin-top: 12vh;
            margin-right:5vw;
            height: clamp(155vh, 236vh, 280vh);
            width: clamp(80vw, 90vw, 96vw);
            background-color:rgb(190, 217, 226); /* #ddeef4; */
            /* Two-color background */
            background: linear-gradient(
            to right,
                    rgb(190, 217, 226) 0 21%,   /* left 20% */
                    (190, 217, 226) 21% 83.5%, /* middle 60% */
                    rgb(190, 217, 226) 83.5% 100% /* right 20% */)}
        .content-merisanai {
            display:none;
            margin-top: 3vh;
            padding: 10px;
            background-color: #f9f9f9;
            border-radius: 20px;
            text-align: center;
        }
        #content-merisanai.active {
            display: block;
            position:relative;
            z-index: 1;
            margin-left: 1.6vw;
            margin-top: 12vh;
            margin-right:5vw;
            height: clamp(216vh, 315vh, 376vh);
            width: clamp(80vw, 90vw, 96vw);
            background-color:rgb(190, 217, 226); /* #ddeef4; */
            /* Two-color background */
            background: linear-gradient(
            to right,
                    rgb(190, 217, 226) 0 21%,   /* left 20% */
                    (190, 217, 226) 21% 83.5%, /* middle 60% */
                    rgb(190, 217, 226) 83.5% 100% /* right 20% */
        );
        }
        .content-aksesuari {
            display:none;
            margin-top: 3vh;
            padding: 10px;
            background-color: #f9f9f9;
            border-radius: 20px;
            text-align: center;
        }
        #content-aksesuari.active {
            display: block;
            position:relative;
            z-index: 1;
            margin-left: 2.6vw;
            margin-top: 13vh;
            margin-right:5vw;
            height: clamp(265vh, 418vh, 446vh);
            width: clamp(80vw, 90vw, 96vw);
            background-color:rgb(190, 217, 226); /* #ddeef4; */
            /* Two-color background */
            background: linear-gradient(
            to right,
                    rgb(190, 217, 226) 0 21%,   /* left 20% */
                    (190, 217, 226) 21% 83.5%, /* middle 60% */
                    rgb(190, 217, 226) 83.5% 100% /* right 20% */
        );
        }
        .lauks1 {
            display:none;
            margin-top: 3vh;
            padding: 5px;
            background-color: #f9f9f9;
            border-radius: 20px;
            text-align: center;
        }
        #lauks1.active {
            display: block;
            position:relative;
            z-index: 1;
            margin-left: 1.5vw;
            margin-right:1.5vw;
            margin-top: 12.5vh;
            height: clamp(80vh, 280vh, 310vh);/*mainits no 95 uz 88vh*/
            width: clamp(88vw, 94vw, 98vw);
            background: linear-gradient(
                    to right,
                    rgb(190, 217, 226) 0 21%,   /* left 20% */
                    rgb(190, 217, 226) 21% 83.5%, /* middle 60% */
                    rgb(190, 217, 226) 83.5% 100% /* right 20% */);
        }
        .lauks2 {
            display:none;
            margin-top: 3vh;
            padding: 5px;
            background-color: #f9f9f9;
            border-radius: 20px;
            text-align: center;
        }
        #lauks2.active {
            display: block;
            position:relative;
            z-index: 1;
            margin-left: 1.5vw;
            margin-right:1.5vw;
            margin-top: 12.5vh;
            height: clamp(98vh, 160vh, 202vh);
            width: clamp(88vw, 94vw, 98vw);
            background: linear-gradient(
                    to right,
                    rgb(190, 217, 226) 0 21%,   /* left 20% */
                    rgb(190, 217, 226) 21% 83.5%, /* middle 60% */
                    rgb(190, 217, 226) 83.5% 100% /* right 20% */);
                    /* Pievienots 03.05.2026*/
        }
        .lauks3 {
            display:block;/*mainīts 01.06*/
            margin-top: 3vh;
            padding: 0px;
            background-color: #f9f9f9;
            border-radius: 20px;
            text-align: center;
        }
        #lauks3.active {
            display: block;
            position:relative;
            z-index: 1;
            margin-left: 1.5vw;
            margin-right:1.5vw;
            margin-top: 14.5vh;
            height: clamp(70vh, 140vh, 170vh);
            width: clamp(88vw, 93vw, 98vw);
            background: linear-gradient(
                    to right,
                    rgb(190, 217, 226) 0 21%,   /* left 20% */
                    rgb(190, 217, 226) 21% 83.5%, /* middle 60% */
                    rgb(190, 217, 226) 83.5% 100% /* right 20% */);
        }
        #lauksinfo.active {
            display: block;
            position:relative;
            z-index: 1;
            margin-left: 4.0vw;
            margin-top: 15.5vh;
            margin-bottom: 5.0vh;
            margin-right:2.6vw;
            height: clamp(50.8vh, 65vh, 91vh);
            width: clamp(86vw, 86vw, 94vw); /*Pielikts klāt 03.05.2026*/
        }
        .lauksinfo {
            display:none;
            margin-top: 3vh;
            padding: 10px;
            background-color: #ddeef4;
            border-radius: 20px;
            text-align: center;
            border: 2px solid rgb(50, 50, 194);
        }
        footer { /* Big Smartphone */
            background-color: rgba(108, 90, 189, 0.8); /*pēdējā aile norāda caurspīdīgumu*/
            color: #f1f1f1; 
            text-align: center;
            margin-left:0.5vw;
            margin-right:0.5vw;
            /*padding: 2px;03.05.2026*/
            font-size: 12px;
            /*margin-top: auto;03.05.2026*/
            border-radius: 0px;
            /*bottom:0;*/
            /*margin-top: 500px; margin-top: clamp(2000px, 10vh, 2500px);margin:auto;  */
            width:100%;
            height:18.6%;
            margin-bottom:0vh;
            line-height: 1.4;
            padding: 10px 0;
            /*position: relative;*/
            z-index: 2;
        }
        .hidden { display: none; 
        }}
        /* PC */
            @media (min-width: 901px) 
            {
        .content-davanas {
            display:block;
            margin-top: 3vh;
            padding: 0px;
            background-color: #f9f9f9;
            border-radius: 20px;
            text-align: center;}
        #content-davanas.active {
            display: block;  /* ← tas ir obligāti visām cilnēm! */
            height: clamp(255vh, 884vh, 1100vh);
            width: clamp(80vw, 90vw, 96vw);
            min-width: 10vw;
            max-width: 13vw;
            min-height: clamp(4vh, 6vh, 8vh);
            font-size: clamp(1.0rem, 1.5rem, 1.2rem);
            background: linear-gradient(
            to right,
                    rgb(190, 217, 226) 0 21%,   /* left 20% */
                    rgb(190, 217, 226) 21% 83.5%, /* middle 60% */
                    rgb(190, 217, 226) 83.5% 100% /* right 20% */)
            }
        .content-area {
            display:block; /*mainīts 01.06*/
            margin-top: 3vh;
            padding: 0px;
            background-color: #f9f9f9;
            border-radius: 20px;
            text-align: center;
                }
        #content-area.active {
            margin-left: 2.6vw;
            margin-top: 12vh;
            margin-right:5vw;
            height: clamp(165vh, 280vh, 340vh);
            width: clamp(80vw, 90vw, 96vw);
                    /*min-height: clamp(4vh, 6vh, 8vh);
                    font-size: clamp(1.0rem, 1.5rem, 1.2rem);*/
            background: linear-gradient(
            to right,
                    rgb(190, 217, 226) 0 21%,   /* left 20% */
                    rgb(190, 217, 226) 21% 83.5%, /* middle 60% */
                    rgb(190, 217, 226) 83.5% 100% /* right 20% */)
            }
        .content-merisanai { /* PC */
            display:none; /*mainīts 01.06*/
            margin-top: 3vh;
            padding: 0px;
            background-color: #f9f9f9;
            border-radius: 20px;
            text-align: center;
            }
        #content-merisanai.active { /*REĀLI STRĀDĀJOŠAIS PC*/
            display: block;
            position:relative;
            z-index: 1;
            margin-left: 1.6vw;
            margin-top: 12vh;
            margin-right:5vw;
            height: clamp(286vh, 358vh, 486vh);
            width: clamp(80vw, 90vw, 96vw);
            background-color:rgb(190, 217, 226); /* #ddeef4; */
            /* Two-color background */
            background: linear-gradient(
            to right,
                    rgb(190, 217, 226) 0 21%,   /* left 20% */
                    (190, 217, 226) 21% 83.5%, /* middle 60% */
                    rgb(190, 217, 226) 83.5% 100% /* right 20% */
        );
            }
        .content-aksesuari {
            display:none;
            margin-top: 3vh;
            padding: 10px;
            background-color: #f9f9f9;
            border-radius: 20px;
            text-align: center;
        }
        #content-aksesuari.active {
            display: block;
            position:relative;
            z-index: 1;
            margin-left: 2.6vw;
            margin-top: 13vh;
            margin-right:5vw;
            height: clamp(305vh, 520vh, 655vh);
            width: clamp(80vw, 90vw, 96vw);
            background-color:rgb(190, 217, 226); /* #ddeef4; */
                    /* Two-color background */
                    background: linear-gradient(
                    to right,
                    rgb(190, 217, 226) 0 21%,   /* left 20% */
                    (190, 217, 226) 21% 83.5%, /* middle 60% */
                    rgb(190, 217, 226) 83.5% 100% /* right 20% */
        );
        }
        .lauks1 {
            display:block;/*mainīts 01.06*/
            margin-top: 3vh;
            padding: 5px;
            border-radius: 20px;
            text-align: center;}
        #lauks1.active {
            height: clamp(88vh, 210vh, 270vh);
            width: clamp(88vw, 94vw, 98vw);
            background-color:rgb(190, 217, 226); /* #ddeef4; */
            display: block;
            position:relative;
            z-index: 1;
            background: linear-gradient(
                    to right,
                    rgb(190, 217, 226) 0 21%,   /* left 20% */
                    rgb(190, 217, 226) 21% 83.5%, /* middle 60% */
                    rgb(190, 217, 226) 83.5% 100% /* right 20% */);
            /* Two-color background */
            background: linear-gradient(
            to right,
                    rgb(190, 217, 226) 0 21%,   /* left 20% */
                    #ddeef4 21% 83.5%, /* middle 60% */
                    rgb(190, 217, 226) 83.5% 100% /* right 20% */


        );}
        .lauks2 {
            display:block;/*mainīts 01.06*/
            margin-top: 3vh;
            padding: 0px;
            border-radius: 20px;
            text-align: center;
            /*display:none;
            padding: 5px;
            background-color: #f9f9f9;*/
        }
        #lauks2.active {

            display: block;
            position:relative;
            z-index: 1;
            margin-left: 1.5vw;
            margin-right:1.5vw;
            margin-top: 12.5vh;
            height: clamp(98vh, 165vh, 242vh);
            width: clamp(88vw, 94vw, 98vw);
            background: linear-gradient(
                    to right,
                    rgb(190, 217, 226) 0 21%,   /* left 20% */
                    rgb(190, 217, 226) 21% 83.5%, /* middle 60% */
                    rgb(190, 217, 226) 83.5% 100% /* right 20% */);
                    /* Pievienots 03.05.2026*/
            /* Two-color background */
            
            }
        .lauks3 {
            display:block;/*mainīts 01.06*/
            margin-top: 3vh;
            padding: 0px;
            border-radius: 20px;
            text-align: center;
        }
        #lauks3.active {
            display: block;
            position:relative;
            z-index: 1;
            margin-left: 1.5vw;
            margin-right:1.5vw;
            margin-top: 13vh;
            height: clamp(90vh, 104vh, 140vh);
            width: clamp(88vw, 94vw, 98vw);
            /*background-color:rgb(190, 217, 226); /* #ddeef4; */
            /* Two-color background */
            }
        #lauksinfo.active {
            margin-left: 20.5vw;
            margin-right:20.5vw;
            margin-top: 28.5vh;
            height: clamp(80vh, 95vh, 110vh);
            width: clamp(54vw, 58vw, 78vw);
            display: block;
            position:relative;
            z-index: 1;
            }
        .lauksinfo {
            display:block;/*mainīts 01.06*/
            background-color: #ddeef4;
            border-radius: 20px;
            text-align: center;
            border: 2px solid rgb(50, 50, 194);
            margin-top: 5vh;
            padding: 5px;
            }
        footer { /* pc   OTRS dublējums*/
            /*width:100%;
            left:0;
            right:0;*/
            width:auto;
            height:24%;
            background-color: rgba(108, 90, 189, 0.9); /*pēdējā aile norāda caurspīdīgumu*/
            color: #fffefe; 
            text-align: center;
            /*margin-right:0.0vw;*/
            margin-bottom:0vh;
            /*padding: 2px;03.05.2026*/
            font-size: 18px;
            /*margin-top: auto;03.05.2026*/
            border-radius: 0px;
            bottom:0;
            /*margin-top: 500px; margin-top: clamp(2000px, 10vh, 2500px);margin:auto;  */
            line-height: 1.4;
            padding: 10px 0;
            z-index:10;
            }

            .footer-nav a,
            .social-links a {
                font-size: 18px; /* bigger on PC */    
                color: #f1f1f1;
                text-decoration: none;
                margin: 0 0.16rem;           
        }
        .hidden { display: none; 
        }
        .lang-switch {
                cursor: pointer;
                color: white; /* vai tava kājenes krāsa */
                padding: 0 4px;
                font-size: 18px;
                opacity: 0.8;
        }
        }
        
       
        /*@media (min-width: 901px) {
        .lang-switch {
                cursor: pointer;
                color: white; /* vai tava kājenes krāsa 
                padding: 0 4px;
                font-size: 18px;
                opacity: 0.8;
        }*/
        
        .footer-nav a:hover,
        .social-links a:hover {
            text-decoration: underline;
        }
        /* Paslēpt VISUS Google Translate elementus pēc noklusējuma */ 
            #google_translate_element,
            .goog-te-banner-frame,
            .goog-te-menu-frame,
            .goog-te-gadget,
            .goog-te-combo,
            .goog-te-menu2 {
            display: none !important;
        }
@media (min-width: 901px) {
    body.valoda #google_translate_element,
    body.valoda .goog-te-gadget,
    body.valoda .goog-te-combo {
        display: inline-block !important;
    }
    .footer-nav a:hover,
        .social-links a:hover {
            text-decoration: underline;
        }
        /* Paslēpt VISUS Google Translate elementus pēc noklusējuma */ 
            #google_translate_element,
            .goog-te-banner-frame,
            .goog-te-menu-frame,
            .goog-te-gadget,
            .goog-te-combo,
            .goog-te-menu2 {
            display: none !important;
        }
    #google_translate_element {
        background: transparent;
        border: none;
        color: white; /* vai tava kājenes krāsa */
        font-size: 10px; /* tāds pats kā pārējiem */
        cursor: pointer;
        display: none !important;
    }
    .lang-switch {
        cursor: pointer;
        color: white; /* vai tava kājenes krāsa */
        padding: 0 4px;
        font-size: 18px;
        opacity: 0.8;
    }
    .lang-switch:hover {
    opacity: 1;
    text-decoration: underline;
    }
    }

#google_translate_element {
    background: transparent;
    border: none;
    color: white; /* vai tava kājenes krāsa */
    font-size: 10px; /* tāds pats kā pārējiem */
    cursor: pointer;
    display: none !important;
}
.lang-switch {
    cursor: pointer;
    color: white; /* vai tava kājenes krāsa */
    padding: 0 4px;
    font-size: 12px;
    opacity: 0.8;
}
 @media (min-width: 901px) {
    .lang-switch{
        font-size:18px;
    }
 }

.lang-switch:hover {
    opacity: 1;
    text-decoration: underline;
}