:root{
      --primary:#0e2036;   /* albastru închis */
      --accent:#bef1de;    /* verde-mentă deschis */
      --white:#ffffff;
    }
    
.test-card{
      width:min(560px, 100%);
      background: var(--white);
      border-radius: 20px;
      /* box-shadow: 0 20px 40px rgba(14,32,54,0.35); */
      overflow:hidden;
      border: 2px solid var(--accent);
      position: relative;
      isolation:isolate; /* for overlay */
    }

    /* bandă decorativă mint */
    .test-card::before{
      content: "";
      position:absolute; inset:0;
      background: linear-gradient(120deg, rgba(190,241,222,0.6) 0%, rgba(190,241,222,0.15) 60%, transparent 70%);
      z-index:0;
    }

    .card-inner{ position:relative; z-index:1; padding:28px; }

    .tag{
      display:inline-block; align-self:flex-start;
      background: var(--accent);
      color: var(--primary);
      font-weight:600; font-size:12px; letter-spacing:.04em; text-transform:uppercase;
      padding:6px 10px; border-radius:999px;
      border:1px solid rgba(14,32,54,0.12);
    }

    .title{
      margin:16px 0 10px; color: var(--primary);
      font-size: clamp(20px, 3vw, 28px);
      line-height:1.2; font-weight:800;
    }

    .desc{
      margin:0; color:#2f3d52; font-size:16px; line-height:1.55;
    }

    .meta{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:22px; flex-wrap:wrap; }

    .price{
      display:flex; align-items:baseline; gap:8px; color: var(--primary);
    }
    .price .amount{ font-weight:800; font-size: clamp(24px, 4vw, 32px); }
    .price .unit{ font-size:14px; opacity:.8; }

    .cta{
      --ring: 0 0 0 0px var(--accent);
      appearance:none; border:none; cursor:pointer;
      background: var(--primary); color: var(--white);
      padding:14px 18px; border-radius:14px;
      font-weight:700; font-size:16px;
      transition: transform .12s ease, box-shadow .12s ease, background .2s ease;
      box-shadow: 0 8px 20px rgba(14,32,54,.35);
    }
    .cta:hover{ transform: translateY(-2px); }
    .cta:active{ transform: translateY(0); box-shadow: 0 4px 10px rgba(14,32,54,.35); }
    .cta:focus-visible{ outline:none; box-shadow: 0 0 0 4px var(--accent), 0 8px 20px rgba(14,32,54,.35); }

    .features{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:10px; margin-top:18px; }
    .chip{
      background: #f6fffb; color: #0e2036; border:1px solid var(--accent);
      border-radius: 10px; padding:8px 10px; font-size:12px; text-align:center; font-weight:600;
    }

    /* mic footer informativ */
    .note{
      margin-top:14px; font-size:12px; color:#49607d;
    }

    @media (max-width:480px){
      .card-inner{ padding:22px; }
      .features{ grid-template-columns: repeat(2, minmax(0,1fr)); }
      .cta{ width:100%; text-align:center; }
    }

    .nav-item {
        padding: 8px 4px!important;
        font-size: 16px!important;
    }

    .nav-item:hover {
        background-color: var(--primary);
        color: var(--primary);
        font-size: 16px!important;
        /* margin-left: 0!important; */
        border-radius: 4px;

        .nav-link {
            color: white!important;
        }
    }
    

    

    .nav-link:hover {
        background-color: var(--primary);
        color: white!important;
        font-size: 16px!important;
        margin-left: 0!important;
    }

    .main-menu ul ul li a:hover, .main-menu ul ul li a:focus 
    {
        color: var(--primary-color);
        background-color: transparent;
        padding: 8px 20px 8px 20px !important;
    }

    .bl-accent {
        border-left: 6px solid var(--accent);
    }

    .lbt-booker-card {
        border: 2px solid var(--accent);
        border-radius: 20px;
    }

    .lbt-product-tag {
        background-color: var(--accent)!important;
        color: var(--primary);
        font-weight: 500;
        font-size: 12px;
        letter-spacing: .04em;
        padding: 6px 10px;
        border-radius: 999px;
        /* border: 1px solid rgba(14, 32, 54, 0.12); */
        display: inline-block;
        align-self: flex-start;
    }

    .lbt-product-price {
        font-size: clamp(24px, 4vw, 32px);
    }

    .product_tags {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;

    }

    .submenu:hover {
        &.nav-link {
            color:#0e2036;
        }
    }
/* 
    .submenu {
        & ul > .nav-link {
            color: var(--primary)!important;
        }
    }

    @media (max-width: 480px) {
        .submenu:hover {
        

        &.nav-link:hover {
            color: white!important;
        }
    }
    
    } */